gggds 发表于 2009-12-27 03:24:04

Fireworks制作LOG

学用Fireworks 4制作LOGO GIF动画
作者:e4
  Fireworks我想每个制作或正在学制作网页的朋友都会用到的东东,一个功能还算强大的图形处理软件!网页图片切片,批量缩略图处理,用处多多,不一而述!我最常用的就是用它来做GIF动画!在我看来,用它来制作GIF动画,它比Adobe的ImageReady强!
  今天我就教大家用它来作518WWW.NET那个LOGO.GIF!.当然,要全部把它做出来,要不少时间,我们只做动画的那一部分,我很喜欢那个移来移去的小三角,就做它吧!^_^  ①新建一层1,导入背景图片,这个背景是我用518WWW的原LOGO在Photoshop中处理好了的,只有两个步骤,熟悉PHOTOSHOP的朋友很容易就可以把它做出来,这是不必花口水!  ②新建层2写上字样,这个不用花口水吧!只是记住,写字时应选\\\"不消除锯齿\\\"一项,这样用小字体时字才清楚!]  ③新建层3把那个小三角画出来!双击多边形工具,弹出多边形工具选项,将边数设为3,画出小三角  ④新建层4写上[极点网络]字样  ⑤518www.net与背景是不用运动的而且将要在所有帧可见,因此将两者设为共享层!⑥极点网络与那个小三角是要运动的,按F8将两者转换为元件!  ⑦在层3选取小三角将其克隆,移动到你想要的位置,按住Shift同时选取层3的两个小三角元件,将两者组成实例,在弹出的对话框中记得勾选“分散到帧”,要不它可是不会动的喔!看看,动是动了,可是人家那个是到了上面再慢慢移下来的啊!不急,跟住来!来到帧窗口,此时共有12帧,点击第12帧,重复执行克隆->实例的工作,不过此时克隆的那个小三角应是往下移!怎么样,还像吧!⑧该到极点网络了!在帧窗口中选取第1帧,回到层4将元件克隆,选取原元件设定透明度,将两者组成实例!好像完工了,看看,咍,不对,后面怎么没了!来到帧窗口,到第13帧极点网络这个元件凌空消失了,原来这两个元件只运行了12帧,没关系,选取第12帧,然后回到层4将元件重复执行克隆->实例的工作,记住设定透明度啊!  ⑨还有一个在上面的小三角,就由大家去做了,哈哈,当是我布置的家庭作业,希望大家好好练习,这个例子涉及到了FW的许多基本,特别是在做动画方面,只要大家掌握了此例,用FW做动画那是相当易了,当然在做动画方面另一个重要的一面:遮罩没用到,唉,以后再写一个例子,没想到做动画用了我20分钟,写这个东东却用了我2小时,不认老是不行的了,哼,想当年老夫一夜间在漠北单挑漠北四鬼再纵骑千里横扫闽南的黑风岩,单掌独斗黑风十三鹰!余下的工作就是将其导出为GIF动画了!如果觉得速度太快了可在帧窗口中将其的速度稍加或稍减.当然,其中有很多细节是要大家去做的,我不写是因我是懒啊!  嘿嘿,我很少写教程的,所以写出来的东西往往是四不象,大家不要用那种可以杀人的眼光看着我,写得不好,可叫我OUT,不要欲杀之后快嘛!^_^下面是我在做之时的一些截图!

http://edu.itbulo.com/UploadFiles_1485/200504/20054918020593.jpg
图一

http://edu.itbulo.com/UploadFiles_1485/200504/20054918021195.jpg
图二

http://edu.itbulo.com/UploadFiles_1485/200504/20054918021563.jpg
图三

http://edu.itbulo.com/UploadFiles_1485/200504/20054918021563.jpg
图四

http://edu.itbulo.com/UploadFiles_1485/200504/20054918021799.jpg
图五

http://edu.itbulo.com/UploadFiles_1485/200504/20054918021859.gif
我作的LOGO

http://edu.itbulo.com/UploadFiles_1485/200504/20054918022373.gif
原LOGO
页: [1]
查看完整版本: Fireworks制作LOG