使用软件:fireworks   阅读次数:   收录时间:2007-08-14

用Fireworks制作动态效果的LOGO

作者:caecn  来源:六月海
本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握
1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)

 

2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)

 

3,选中一个元件 用"滤镜">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)

 


4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)

 
5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选"分散到帧"然后对 下面那个文字元件创建动画如图设置(图5)

6,在第6帧选中2个元件 分别设置成■图中动画效果(图6)

7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)

8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个"设计是空"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)

9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)

最终效果图
    评论加载中…
教程导航
FireWorks热门教程
Fireworks实例教程:居家旅行、清明
1 显然,如果用鼠标画的话肯定要磨烂的,因此用了些取巧的方法。 下载下面这个笔触的png源文件,打开这个png,你将里面的路径复制到自己的画布上,这样就会在笔...
作者:RockHward
Fireworks 9亲密接触(4): ColorPal
我们每个人都生活在五光十色的色彩环境中,难以想象没有色彩的世界将是一个什么样子。我们除了享受到自然界的缤纷色彩之外,也正在运用各种色彩美化着我们的生活...
作者:/
Fireworks绘制简洁精致的Rss图标
一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个例子。 1、选择矢量工具中的圆角矩形工具,画一个150px150px的矩形。调整角度手柄到合适。...
作者:/
FW MX 2004教程(2):绘图工具
和许多主流的图像处理软件一样,Fireworks的绘图工具主要都集中在工具条上。利用这些工具可以绘制出各种图形,并可为其设置相应的属性,如颜色、大...
作者:大眼网虫
Fireworks MX 2004 制作GIF动画
GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来。而每一张图画就叫作帧,它是组成动画的...
作者:/