当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks制作昆虫

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 Fireworks制作昆虫


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 44 ::
收藏到网摘: n/a

 
说“半原创”,是因为这只昆虫随处可见,我只不过是以自己的思路把步骤写出来而已。我是个Fireworks生手,也是第一次写教程,难免有疏漏和不足之处。虽然是个简单的教程,但也终于体会到写教程的不易了。
完成图:
按此在新窗口浏览图片



步骤:
1.画布:200×200,点椭圆工具,按住shift画一个正圆,在属性面板中将圆的宽和高均设为96,边缘消除锯齿,颜色为#870d94,如图1;
图1
按此在新窗口浏览图片

2.选中正圆,在原位复制一个(ctrl+c,ctrl+v),颜色改为#333333,用矩形工具画一个长度大于此圆的矩形,如图2位置摆放。按住shift,选中圆形和矩形,“修改”-“组合路径”-“打孔”,效果见图3;
图2按此在新窗口浏览图片
图3
按此在新窗口浏览图片

3.再次选中第一次画的正圆,在效果面板中选择“内侧发光”,参数如图4,再选择“投影”,参数如图5,效果见图6;
图4
按此在新窗口浏览图片
图5
按此在新窗口浏览图片
图6
按此在新窗口浏览图片

4.为了突出层次感,在半圆的底部画两条直线,一条白色,一条黑色,再用直线工具在背部中间画一条直线(笔触2,柔化线段,透明度50),见图7(为了看得更清楚,特放大至200%预览);
图7
按此在新窗口浏览图片

5.大致的轮廓出来了,接下来用椭圆工具画昆虫身上的斑点,适当调整方向和位置,效果见图8;
图8
按此在新窗口浏览图片

6.下面做头部的高光部分。画一个椭圆,选择线性渐变,调整渐变方向,见图9,渐变参数见图10;
图9
按此在新窗口浏览图片
图10
按此在新窗口浏览图片

7.别忘了,昆虫的背部也是发光的哦,同样,画一个椭圆,用白箭头工具将椭圆调整至如图形状,颜色#ff00ff,边缘羽化,羽化度25,效果如图11。很明显,高光部分把斑点和背部的中线遮盖了,所以在层面板中把中线和斑点移至高光的后面,效果如图12;
图11
按此在新窗口浏览图片
图12
按此在新窗口浏览图片

8.触角的制作不细说了,熟悉钢笔工具的朋友可以直接用钢笔画路径,我是用很笨的方法画出来的……

PNG源文件:
按此在新窗口浏览图片