当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 用FW MX制作简单banner

FireWorks
巧用Fireworks渐变工具处理图片
放弃PS,Fireworks也能为黑白照片上色
Fireworks鼠绘CG性感美女
Fireworks三个案例教你使用涂抹工具
Fireworks打造草样年华gif动画
Fireworks 打造炫彩网点广告效果
Fireworks CS3切片工具的使用简述
Fireworks快速打造水晶图标
Fireworks 8打造精致指南针图标全过程
Fireworks绘制精致Rss图标
Fireworks快速简单打造网页“闪字”动画
Fireworks打造动态banner全过程
Fireworks教程:用FW自带滤镜打造动画效果
Fireworks教程:绘制可爱卡通Q版电视机图标
Fireworks教程:利用FW笔触工具绘制飘逸白云
Fireworks教程:打造雪花纷飞节日贺卡
Fireworks教程:利用“建立控点法”绘制炫彩画面
Fireworks教程:用滤镜打造漂亮极光字效果
fireworks教程:自制树叶笔触绘制一棵榕树
Fireworks教程:教你制作特殊的切角图形

FireWorks 中的 用FW MX制作简单banner


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

   

  FW MX中的另一种动画实现方式tween instance也很方便,作出的效果简单漂亮:


  制作步骤:

  (1)新建一文件,canvas设为480x60,标准的banner条尺寸。我们分别键入三个文字。选择中间要做变化的New media这个元素,按f8转换为graphic symbol。按shift+ctrl+d进行clone,然后把clone出来的symbol进行适当缩小,并在属性面板中将其透明度设为50%,如图:

  同时选中两个symbol,点击右键,在symbol项选择tween instances,或者按ctrl+shift+alt+t,弹出对话框,添入数值5。如图:

  这时候我们会发现,虽然我们的动画效果出来了,但是旁边的两个字却没有在接下来的动画中出现,这是因为我们并没有将其分配到每个帧上,当然不会出现的。ok,我们来解决这个问题,同时选中“kingfun”和“world”,打开frame面板,点击右上角的三角形弹出下拉菜单,选中copy to frames然后选all frames,如图:

  当然,你也可以在layer面板中把没有分配到每个帧上的元素放到新的一个layer中,然后双击这个layer,使其成为共享层就可以了。这里指出来,主要是给大家一个更广的思路解决问题,更灵活地使用fw mx!

  按播放按钮,怎么样,旁边的字出现了吧。这样一个简单的banner条就生成了。