网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> 阅读:Fireworks 绘制立体文字图标
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Fireworks 绘制立体文字图标

http://www.webjx.com  更新日期:2006-03-08 20:25  出处:蓝色理想  作者:凌志
  剑气凌人组织了Fireworks图标接龙活动,随手就做了一个,有会员问如何做的,今天有空把教程写出来了。第一次写这么完整的教程,哈哈。

  建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX:

Fireworks 绘制立体文字图标

  选取输入的文字,文本菜单——转换为路径:

Fireworks 绘制立体文字图标

  取消群组:

Fireworks 绘制立体文字图标

  选取部分选取工具,选取转换为路径后的“F”字母,再选取路径左下角的节点,按住SHIFT键选取右下角的节点:

Fireworks 绘制立体文字图标

  按键盘上的向下箭头,将两个节点往下移动一段距离,将F字母下方部分拉长:

Fireworks 绘制立体文字图标

  全选,修改菜单——变形——数值变形:

Fireworks 绘制立体文字图标

  在打开数值变形对话框中选择旋转,旋转45度:

Fireworks 绘制立体文字图标

  旋转角度后如下图所示:

Fireworks 绘制立体文字图标

  选取转换后的路径,在笔触选项里选择“居中于路径”:

Fireworks 绘制立体文字图标

  全选,修改菜单——组合路径——联合,联合后设置渐变填充如下图所示:(联合的目的是设置渐变时方便统一改变方向)

Fireworks 绘制立体文字图标

下一页

关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为