中国设计秀欢迎投稿
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
深圳网站建设 域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 签名设计 虚拟主机 域名注册
求创科技
上海网麒科技
中国福网
数字引擎
点击投稿
中国互联
时代互联
中国设计秀企业频道
当前位置:网络学院首页 >> 设计教程 >> 其它周边 >> Fireworks巧妙制作地球旋转动画

Fireworks巧妙制作地球旋转动画 (4)

来源:中国设计秀    作者:凌志     点击:121     加入收藏    发表评论
0
顶一下
中资源

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图13

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图14
 15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图15

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图16

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图17

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图18

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图19

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

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图20

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

  PNG 源文件:

Fireworks 制作地球旋转动画_中国设计秀网络学院转载
图21

[1] [2] [3] [4]
2007-12-28 11:58:28    出处:蓝色理想
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口