gggds 发表于 2009-12-27 03:15:15

Fireworks 绘制立体文字图标

剑气凌人组织了Fireworks图标接龙活动，随手就做了一个，有会员问如何做的，今天有空把教程写出来了。第一次写这么完整的教程，哈哈。
建立画布什么的就不说了，首先把文字输入进去：选择文字工具，输入文字FW，选取04b_03b字体，字号看你的需要来选择，教程里所选的是120PX：

http://www.blue1000.com/upload/2006_03/060308232188191.gif

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

http://www.blue1000.com/upload/2006_03/060308232188193.gif

取消群组：

http://www.blue1000.com/upload/2006_03/060308232188194.gif

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

http://www.blue1000.com/upload/2006_03/060308232188195.gif

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

http://www.blue1000.com/upload/2006_03/060308232188196.gif

全选，修改菜单——变形——数值变形：

http://www.blue1000.com/upload/2006_03/060308232188197.gif

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

http://www.blue1000.com/upload/2006_03/060308232188198.gif

旋转角度后如下图所示：

http://www.blue1000.com/upload/2006_03/060308232188199.gif

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

http://www.blue1000.com/upload/2006_03/0603082321881910.gif

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

http://www.blue1000.com/upload/2006_03/060308232188192.gif


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

http://www.blue1000.com/upload/2006_03/060308232243761.gif

克隆一份，向上移动10PX：

http://www.blue1000.com/upload/2006_03/060308232243762.gif

设置克隆后的路径渐变：

http://www.blue1000.com/upload/2006_03/060308232243763.gif


http://www.blue1000.com/upload/2006_03/060308232243764.gif

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

http://www.blue1000.com/upload/2006_03/060308232243765.gif

内斜角参数如下：

http://www.blue1000.com/upload/2006_03/060308232243766.gif

加完斜角后的效果：

http://www.blue1000.com/upload/2006_03/060308232243767.gif

在使用钢笔添加节点时，由于填充的渐变是蓝色，恰好FW中高亮显示的路径和节点也是蓝色，这样不方便编辑，所以可以选择CTRL+U，打开首选参数对话框，将高亮显示颜色调整成其他颜色，教程中我调整成了红色，细心会员会看出来开始几副截图中的节点是蓝色，从下图开始节点变成了红色。将画布放大到400%，选取部分选取工具，选择下方的路径：

http://www.blue1000.com/upload/2006_03/060308232243768.gif

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

http://www.blue1000.com/upload/2006_03/060308232243769.gif

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

http://www.blue1000.com/upload/2006_03/0603082322437610.gif


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

http://www.blue1000.com/upload/2006_03/060308232386721.gif

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

http://www.blue1000.com/upload/2006_03/060308232386722.gif

重复以上的步骤，对需要修改节点的位置进行修改，结果如下：

http://www.blue1000.com/upload/2006_03/060308232386723.gif

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

http://www.blue1000.com/upload/2006_03/060308232386724.gif

需要画竖线的位置：

http://www.blue1000.com/upload/2006_03/060308232386725.gif

输入文字：

http://www.blue1000.com/upload/2006_03/060308232386726.gif

全选，群组，添加阴影：

http://www.blue1000.com/upload/2006_03/060308232386727.gif

阴影参数：

http://www.blue1000.com/upload/2006_03/060308232386728.gif

最终效果：

http://www.blue1000.com/upload/2006_03/060308232386729.gif

复制几个，重新调整渐变颜色填充：

http://www.blue1000.com/upload/2006_03/0603082323867210.gif

PNG源文件：

http://www.blue1000.com/upload/2006_03/0603082323867211.png
页: [1]
查看完整版本: Fireworks 绘制立体文字图标