论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

Fireworks制作昆虫

文章类别:Fireworks | 发表日期:2008-9-20 19:32:17


说“半原创”,是因为这只昆虫随处可见,我只不过是以自己的思路把步骤写出来而已。我是个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源文件:
按此在新窗口浏览图片













上一篇:Fireworks 教程-文字蒙盖图像 人气:1205
下一篇:Fireworks图片分割图解教程 人气:2762
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058