Fireworks绘制立体文字图标
发布时间:2015-05-12 来源:查字典编辑
摘要:PNG源文件:建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所...
PNG源文件:
![Fireworks绘制立体文字图标1](/Images/jiaocheng/2015-05-0717/841815044.jpg)
建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX:
![Fireworks绘制立体文字图标2](/Images/jiaocheng/2015-05-0717/60215066.jpg)
选取输入的文字,文本菜单——转换为路径:
![Fireworks绘制立体文字图标3](/Images/jiaocheng/2015-05-0717/3451901467.jpg)
取消群组:
![Fireworks绘制立体文字图标4](/Images/jiaocheng/2015-05-0717/2933723857.jpg)
选取部分选取工具,选取转换为路径后的“F”字母,再选取路径左下角的节点,按住SHIFT键选取右下角的节点:
![Fireworks绘制立体文字图标5](/Images/jiaocheng/2015-05-0717/1047476679.jpg)
按键盘上的向下箭头,将两个节点往下移动一段距离,将F字母下方部分拉长:
![Fireworks绘制立体文字图标6](/Images/jiaocheng/2015-05-0717/2151079818.jpg)
全选,修改菜单——变形——数值变形:
![Fireworks绘制立体文字图标7](/Images/jiaocheng/2015-05-0717/1668124730.jpg)
在打开数值变形对话框中选择旋转,旋转45度
![Fireworks绘制立体文字图标8](/Images/jiaocheng/2015-05-0717/556607008.jpg)
旋转角度后如下图所示:
![Fireworks绘制立体文字图标9](/Images/jiaocheng/2015-05-0717/3076347259.jpg)
选取转换后的路径,在笔触选项里选择“居中于路径”:
![Fireworks绘制立体文字图标10](/Images/jiaocheng/2015-05-0717/2214468435.jpg)
全选,修改菜单——组合路径——联合,联合后设置渐变填充如下图所示:(联合的目的是设置渐变时方便统一改变方向)
![Fireworks绘制立体文字图标11](/Images/jiaocheng/2015-05-0717/3677546982.jpg)
调整渐变方向为右上左下45度角
![Fireworks绘制立体文字图标12](/Images/jiaocheng/2015-05-0717/2845811337.jpg)
克隆一份,向上移动10PX:
![Fireworks绘制立体文字图标13](/Images/jiaocheng/2015-05-0717/2910028864.jpg)
设置克隆后的路径渐变:
![Fireworks绘制立体文字图标14](/Images/jiaocheng/2015-05-0717/1837909121.jpg)
![Fireworks绘制立体文字图标15](/Images/jiaocheng/2015-05-0717/528703451.jpg)
选取克隆后的路径添加内斜角:
![Fireworks绘制立体文字图标16](/Images/jiaocheng/2015-05-0717/2697906401.jpg)
内斜角参数如下:
![Fireworks绘制立体文字图标17](/Images/jiaocheng/2015-05-0717/2961855256.jpg)
加完斜角后的效果:
![Fireworks绘制立体文字图标18](/Images/jiaocheng/2015-05-0717/827386914.jpg)
在使用钢笔添加节点时,由于填充的渐变是蓝色,恰好FW中高亮显示的路径和节点也是蓝色,这样不方便编辑,所以可以选择CTRL+U,打开首选参数对话框,将高亮显示颜色调整成其他颜色,教程中我调整成了红色,细心会员会看出来开始几副截图中的节点是蓝色,从下图开始节点变成了红色。
将画布放大到400%,选取部分选取工具,选择下方的路径:
![Fireworks绘制立体文字图标19](/Images/jiaocheng/2015-05-0717/896657977.jpg)
选择钢笔工具,对准路径在白圈标示的位置单击增加一个节点:
![Fireworks绘制立体文字图标20](/Images/jiaocheng/2015-05-0717/2283047621.jpg)
选取部分选取工具,将新增的节点移动到黄圈所示位置:
![Fireworks绘制立体文字图标21](/Images/jiaocheng/2015-05-0717/1068499317.jpg)
用钢笔工具添加下一个节点:
![Fireworks绘制立体文字图标22](/Images/jiaocheng/2015-05-0717/3487153546.jpg)
再用部分选取工具调整节点位置:
![Fireworks绘制立体文字图标23](/Images/jiaocheng/2015-05-0717/3606100829.jpg)
重复以上的步骤,对需要修改节点的位置进行修改,结果如下:
![Fireworks绘制立体文字图标24](/Images/jiaocheng/2015-05-0717/814986252.jpg)
将画布放大至800%,选择直线工具,画出拐角位置应该有的竖线:
![Fireworks绘制立体文字图标25](/Images/jiaocheng/2015-05-0717/4049341196.jpg)
需要画竖线的位置:
![Fireworks绘制立体文字图标26](/Images/jiaocheng/2015-05-0717/4170059495.jpg)
输入文字: