用FW MX的变形工具制作大脚印图标
-
在我们平时设计网页的时候，不免要经常动手制作一些小的图标以满足实际的需要。Fireworks MX既然做为三剑客之一，在这方面自然有自己独特之处。我们今天就以"大脚印"图标为例子来讲解一些如何使用Fireworks轻松设计网站图标。
步骤1：
打开Fireworks MX，使用菜单命令File-New，新建一个文件，宽与高均为300像素，背景色为白色。
步骤2：
在工具栏上选择画圆工具(Ellipse Tool)，并且在Properties面板上设置填充色为黑色，边框色无（如图1），绘制一个椭圆(如图2)。目前不需要理会椭圆的大小，只要便于你编辑就可以，我们将在后面再更改其大小，由于Fireworks绘制的椭圆是矢量图形，我们不需要担心在改变大小后影响清晰度。
图1 图2
步骤3：
在工具栏上选择Freeform Tool，按住鼠标将出现一个下拉菜单。选择Reshape Area Tool（如图3）,此工具可以通过拖动鼠标直接编辑矢量图形的轮廓而不需要手工的一个节点一个节点的编辑。
图3
我们只需要在被编辑的矢量元件上拖曳鼠标，Fireworks MX将自动的添加、删除节点，并且根据设置的变形数值进行变形。拖动在工作区域下面的Properties面板上的size选项后的滑动杆，调整数值为130（如图4）。
图4
拖动Strength选项后的滑动杆,调整数值为80。使用鼠标在辉煌子的椭圆上拖曳，我们可以看到椭圆发生变形（如图5）。
图5
步骤4：
重复以上操作，使最后的拖变形为如图所示（如图6）。在工具栏上能够选择Scale Tool，按住键盘上的Shift键做等比例缩放，调整大小。
图6
步骤5：
在工具栏上选择Ellipse Tool,按住键盘Shift键绘制一个正圆，填充色为黑色，这就是脚印中的大拇指。复制这个正圆，并改变大小与位置，直到绘制好所有5个脚趾，最后的效果如图所示（如图7）。
图7
步骤6：
在键盘上按下Ctrl+A，选择所有元件，使用菜单命令Modify-Group将它们组合起来，再使用Ctrl+C与Ctrl+V进行复制。选择复制出来的脚印，使用菜单命令Modify-Transform-Flip Horizontal将其水平翻转。最后调整位置如图所示，就完成了大脚印的制作（如图8）。
图8
总结：本例的关键在于灵活的使用Freeform Tool中的一系列工具。利用它们可以很轻松的完成一些效果独特的变形，对于我们的实际工作有很大的帮助。
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
- 文章评论
-
热门文章 没有查询到任何记录。
最新文章
没有查询到任何记录。
fireworks动画蝴蝶制作教程Fireworks绘制逼真飞利浦手机教程Fireworks教程之树叶笔触绘制榕树如何用Fireworks历史面板制作连续背景
人气排行 在Fireworks中遮罩使用技巧fireworks动画蝴蝶制作教程fireworks做动态按钮Fireworks与Dreamweaver结合：看实例学切片Fireworks教程之树叶笔触绘制榕树用Fireworks制作立体金属小球Fw与Dw结合：看实例学切片Fireworks制作GIF动画广告BANNER
查看所有0条评论>>