现在位置:中国IDC吧>网页设计>Fireworks教程> 文章内容

Fireworks绘制立体字图标教程

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-10-07 点击:
效果图:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

  取消群组:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

  旋转角度后如下图所示:

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

Fireworks绘制立体字图标教程

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

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

Fireworks绘制立体字图标教程

  设置克隆后的路径渐变:

Fireworks绘制立体字图标教程
Fireworks绘制立体字图标教程

  选取克隆后的路径添加内斜角:

Fireworks绘制立体字图标教程

  内斜角参数如下:

Fireworks绘制立体字图标教程

  加完斜角后的效果:

Fireworks绘制立体字图标教程
  将画布放大到400%,选取部分选取工具,选择下方的路径:

Fireworks绘制立体字图标教程

  选择钢笔工具,对准路径在白圈标示的位置单击增加一个节点:

Fireworks绘制立体字图标教程

  选取部分选取工具,将新增的节点移动到黄圈所示位置:

Fireworks绘制立体字图标教程

  再用钢笔工具添加下一个节点:

Fireworks绘制立体字图标教程

  再用部分选取工具调整节点位置:

Fireworks绘制立体字图标教程
  重复以上的步骤,对需要修改节点的位置进行修改,结果如下:

Fireworks绘制立体字图标教程

  将画布放大至800%,选择直线工具,画出拐角位置应该有的竖线:

Fireworks绘制立体字图标教程

  需要画竖线的位置:

Fireworks绘制立体字图标教程

  输入文字:

Fireworks绘制立体字图标教程

  全选,群组,添加阴影:

Fireworks绘制立体字图标教程

  阴影参数:
Fireworks绘制立体字图标教程


  最终效果:

Fireworks绘制立体字图标教程

补充一点:

Fireworks绘制立体字图标教程

上一页12 下一页
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论