当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 动态LOGO的制作

FireWorks
Fireworks教程:gif动画图片批量增加水印
Fireworks制作多样式实用网页按钮
Fireworks历史面板制作连续背景教程
Fireworks制作个性的文字LOGO教程
Fireworks制作卷边花纹字体的思路
Fireworks绘制矢量风格精致手提纸袋图解教程
利用Fireworks补间打造华丽仿3D炫光DNA特效的教程
Fireworks 不同的切角效果
Fireworks 精美横向闪图漂亮动画
Fireworks MM照片破边缘
FireWorks 人物暗夜里的光影涂鸦
Fireworks Vista样式按钮的制作初学版
Fireworks 制作超级光线水晶球
Fireworks 制作魅力流光超炫特效
Fireworks 给黑白照片调色全攻略
Fireworks 弯曲文字效果如何制作
FireWorks xara3D打造3D文字特效
Fireworks历史面板制作连续背景
Fireworks简单制作个性的文字LOGO
Fireworks教程:制作卷边花纹字体的思路

FireWorks 中的 动态LOGO的制作


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 31 ::
收藏到网摘: n/a

本文为软晨学习网合作伙伴印象特别供稿,转载必须取得授权

  本例主要针对一个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)


最终效果图