WEB开发网
开发学院图形图像Fireworks Fireworks绘制立体字图标教程 阅读

Fireworks绘制立体字图标教程

 2008-07-19 16:49:18 来源:WEB开发网   
核心提示:效果图:建立画布什么的就不说了,首先把文字输入进去:选择文字工具,Fireworks绘制立体字图标教程,输入文字FW,选取04b_03b字体,在笔触选项里选择“居中于路径”: 全选,修改菜单——组合路径——联合,字号看你的需要来选择,教程里所选的是120PX: 选取输入的文字
效果图:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

  取消群组:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程
  全选,修改菜单——变形——数值变形:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

  旋转角度后如下图所示:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

  调整渐变方向为右上左下45度角:

Fireworks绘制立体字图标教程
  克隆一份,向上移动10PX:

Fireworks绘制立体字图标教程

  设置克隆后的路径渐变:

Fireworks绘制立体字图标教程

1 2  下一页

Tags:Fireworks 绘制 立体

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接