首页 | 互联网 | IT动态 | Cisco | Windows | Linux | Java | .Net | Oracle | 华为 | 存储世界 | 服务器 | 网络设备 | IDC | 安全 | 求职招聘
IT培训 | 数字网校 | 技术专题 | 电子书下载 | 教学视频 | 网页设计 | 平面设计 | 解决方案 | 直播室 | 虚拟考场 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> Fireworks教程 >> Fireworks设计实例 >> 文章正文


Fireworks巧妙制作地球旋转动画


中国设计秀网络学院cnwebshow.com  2007-12-28  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

  14、在层面板中将地图素材拖动到层1中圆形下方。

Fireworks 制作地球旋转动画_中国IT实验室转载
图14
 15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。

Fireworks 制作地球旋转动画_中国IT实验室转载
图15

  16、设置动画的帧数,移动方向,还有移动距离。因为地图素材要向右侧移动(地球自西向东旋转嘛),所以教程中填写的数值是0。因为地图素材被我们拼接成了两张,旋转一周也就是移动一整张地图素材的宽度,或者说是缩放后的地图素材的一半宽度,在步骤13中,我们记下了地图素材在缩放后的宽度586PX,将此宽度除以2,得到结果293PX(大家要根据自己记下的宽度为主算其数值),将293数值填入移动距离项目中。

Fireworks 制作地球旋转动画_中国IT实验室转载
图16

  17、按住SHIFT键选取层1中的圆形和地图动画元件,修改菜单——蒙板——组合为蒙板。

Fireworks 制作地球旋转动画_中国IT实验室转载
图17

  18、选取层1中的蒙板对象。

Fireworks 制作地球旋转动画_中国IT实验室转载
图18

  19、在属性栏设定蒙板方式为路径轮廓。其实教程中的蒙板圆形是白色,不选这项也可以,如果大家做的时候蒙板的圆形不是白色,此步骤必不可少。

Fireworks 制作地球旋转动画_中国IT实验室转载
图19

  20、双击层2的名字,选取“共享交叠帧”项目。

Fireworks 制作地球旋转动画_中国IT实验室转载
图20

  21、也可以适当给层2中的圆形加阴影效果来增强立体感,最后别忘了设置首帧和尾帧的时间,让首帧和尾帧时间加一起等于普通其他帧的时间,因为首帧和尾帧的内容是一样的,如果不改时间,动画会出现停顿。这时候可以播放动画了。导出GIF时,因为层2中的圆形有渐变,可能会出现颜色过渡不自然,大家可以在导出选项中设定抖动选项。

上一页  [1] [2] [3] [4] [5] 下一页  

【责编:Luzi】


 相关文章  推荐文章
Firewoks打造液体金属表面特效
Fireworks制作立体质感3D水晶字
在Flash CS3中制作Fla形式的组件
Fireworks粒子插件帮助AE制作绚丽焰火
Fireworks笔触绘制飘逸的白云
fireworks打造"毁灭顶峰" 特效
Fireworks自定义笔触绘制美丽的细叶榕树
Fireworks滤镜打造炫彩光环
Fireworks丰富的笔触设置面板详解
Fireworks滤镜巧绘极光字特效
  文章评论