Fireworks 绘制立体文字图标

2016-02-19 17:12 13 1 收藏

下面图老师小编要向大家介绍下Fireworks 绘制立体文字图标,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - 图标 】

  剑气凌人组织了Fireworks图标接龙活动,随手就做了一个,有会员问如何做的,今天有空把教程写出来了。第一次写这么完整的教程,哈哈。

  文章末尾有PNG源文件提供。

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

  

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

  

  取消群组:

  

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

  

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

  

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

  

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

  

  旋转角度后如下图所示:

  

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

  

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

  

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

  

  克隆一份,向上移动10PX:

  

  设置克隆后的路径渐变:

  

  

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

  

  内斜角参数如下:

  

  加完斜角后的效果:

  

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

  将画布放大到400%,选取部分选取工具,选择下方的路径:

  

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

  

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

  

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

  

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

  

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

  

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

  

  需要画竖线的位置:

  

  输入文字:

  

  全选,群组,添加阴影:

  

  阴影参数:

  

  最终效果:

  

  复制几个,重新调整渐变颜色填充:

  

  PNG源文件:

  

来源:http://www.tulaoshi.com/n/20160219/1614550.html

延伸阅读
标签: PS PS基础
今天的教程非常简单,5分钟就能画好一个小清新的风扇ICON。详细步骤前我们先来分析下这个小icon,主要就是底盘和扇叶还有顶部圆形按钮,底板的样式可以看出来是渐变和描边还有一点内阴影。 风扇中心也差不多,难的可能是扇叶怎么做出来标准好看,其实就是一个圆形加一个椭圆而已,怎么样?简单吧。那详细步骤来。 效果图: 详细步骤: ...
PS简单绘制质感立体图标教程 PS简单绘制质感立体图标教程 先来看看最终的效果图吧:TuLaoShi.com
标签: PS PS基础
最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫outside。 4、设置此图层的图层样式,如下图。 5、用圆形形状工具创建一个452×452的圆,...
Photoshop绘制立体逼真的闹钟ICON图标   本教程主要使用Photoshop绘制立体逼真的闹钟ICON图标,效果是参照网上的照片画得,教程主要是作者的个人思路分享,小步骤i基本都省略了,喜欢的可以一起参与学习。         注 :更多精彩教程请关注图老师photoshop...

经验教程

192

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部