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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 Fireworks制作昆虫


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 49 ::
收藏到网摘: 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源文件:
按此在新窗口浏览图片