恋雾迷尘论坛 » ≮ Logo学习临时班 ≯ » 用Fireworks制作动态效果的LOGO

爱雨冷雪 发表于 2005-10-30 07:46

用Fireworks制作动态效果的LOGO

本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难，但只要仔细揣摩，那么用fw做gif就可以完全掌握
1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/cea9f7e5d7a2ae06bb31528365b2f426.jpg[/img]
2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/f3e033a7b4574b5e1a12475aba2d8867.jpg[/img]
3,选中一个元件 用"滤镜">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/1a3300937141d51a31f21859546fb0ec.jpg[/img]
4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/c91c22a543b4467fc2567c44662e2c9a.jpg[/img]
5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选"分散到帧"然后对 下面那个文字元件创建动画如图设置(图5)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/7dce07e6bf1d533645148d9be1b498b6.jpg[/img]
6,在第6帧选中2个元件 分别设置成■图中动画效果(图6)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/3c6fbcf2d8750dc8a56476fd6f3095e3.jpg[/img]
7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/ed2ccb4ee4a468f498c3569025fa1ae3.jpg[/img]
8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个"设计是空"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/2e4a81b9ba0269da0df3209417ca3e9a.jpg[/img]
9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)
[img]http://www.chinahtml.com/d/file/graphicdesign/2/2005-10-19/708918f3ee3fd4e85178ba19a8a64f36.jpg[/img]

秋记 发表于 2005-11-27 07:13

:Q:Q:Q:Q:Q

恶人假 发表于 2005-11-28 11:58

没演示??

cat 发表于 2005-11-30 21:48

怎么没有最终效果啊？:(

菊开那夜 发表于 2005-12-3 15:40

:Q:Q:Q

秋记 发表于 2005-12-5 02:58

我连那个软件都不知道呀?巫婆,那你是不是要先提供一下那个软件下载的呀??

爱雨冷雪 发表于 2005-12-6 10:49

[url]http://www.23717.com/bbs/viewthread.php?tid=7929&extra=page%3D1[/url]

这里下软件~

ˊ小k.、 发表于 2005-12-31 03:47

全都看不见。。。

ＣanＤy 发表于 2005-12-31 06:54

圖片失效喔..!!*

看不到嗱..>＜＂

mooncn 发表于 2006-1-15 20:30

图呢 老大

逍遥寻欢 发表于 2006-1-17 12:36

[color=Red]随着一声『玉皇大帝到』，天上掉下个馅饼砸到逍遥寻欢头上，
逍遥寻欢获得了『玉皇大帝』赠送幸运50颗。。[/color]

咋图片显示不出来哟!看不到效果呀!

逍遥寻欢 发表于 2006-1-17 12:39

哎呀!我的妈呀!天上掉馅饼啦!真是运气哪个好呀!砸到我啦!嘻嘻哈哈^^

googlewind.com 发表于 2006-3-19 00:48

图呢 老大................

xiaoyuelin 发表于 2006-3-19 21:55

．．．图没有啊．．．:Q

甄爱嘉桦 发表于 2006-3-20 18:51

雪~
看8到图图啊

米奇鼠 发表于 2006-9-2 20:58

看不到看不到~

  不过我会用这种软件~!!要不要看我作的图片啊~!

[img]http://www.mimi.91.tc/images/logo.gif[/img][img]http://www.mimi.91.tc/images/logo_1.gif[/img]

夏日么么茶 发表于 2006-9-10 23:02

没图啊雪儿姐姐~~~

恋．上你的人 发表于 2006-9-30 21:29

叉包@.@

破浪无心 发表于 2008-9-20 23:22

感觉好难啊

查看完整版本: 用Fireworks制作动态效果的LOGO