现在的位置: 首页 >> 图形图像 >> Fireworks >> 用Fireworks制作动态效果的LOGO
添加时间:2005-10-25 来源:六月海 作者: 六月海
用Fireworks制作动态效果的LOGO

  本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握

  1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO


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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

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

用Fireworks制作动态效果的LOGO

最终效果图

上一篇:Fireworks 8 寻梦之旅(8):制作逼真的水珠 下一篇:Fireworks 8 寻梦之旅(7):新增图层混合模式详解
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·Fireworks卡通头像:搞怪宝宝(4)
·Fireworks的颜色混合模式(Blendi
·Fireworks MX羽化图片
·制作 Flash MX 2004 Logo
·使用Fireworks切分饼图
·Fireworks 网页设计综合实例-2
·关于 Fireworks 图片切片技术的
·Firewoks 营造残破纹理
·Fireworks MX 2004 制作明基77G
·用Firework描绘韩式风格的手提袋
相关文章
·用fireworks制作水晶樱桃
·用Fireworks设计Macromedia按钮
·使用Fireworks制作水晶按钮
·用Fireworks制作简洁清爽的网站
·用Fireworks做数字连续翻滚动画
·用Fireworks快速调整人像照片色
·使用Fireworks制作静电效果
·用Fireworks绘制金属小球
·用FireWorks手绘“朵朵姑娘”
·用Fireworks制作钟摆式公告牌效
最新文章
·Fireworks 制作 IE 浏览器图标
·Fireworks蒙版制作图片窗格效果
·Fireworks制作下雨动画效果
·巧用Fireworks设计个性化印章
·使用Fireworks制作漂亮的礼花
·用Fireworks做出苹果的晶亮透明
·用Fireworks制作连续跳跃数字
·用Fireworks制作Logo心得体会
·用Fireworks设计自己的邮票
·Firefox技巧拾零:六招秘籍
Google