• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks动画教程:制作立体地球旋转动画

Fireworks动画教程:制作立体地球旋转动画

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks动画教程:制作立体地球旋转动画,其中包含fireworks动画教程,fireworks动画,fireworks制作gif动画,fireworks动画制作,fireworks做gif动画等知识点,遇到此问题的同学们可以参考下

本教程是向大家介绍利用Fireworks制作立体地球旋转动画效果图,效果非常美观,制作过程难度一般,教程主要讲解蒙板与动画原件的应用,希望对大家有一定的帮助。闲话少说,看实际效果:

Fireworks 制作地球旋转动画

具体步骤:

1、双击任务栏右下角的时间。

Fireworks 制作地球旋转动画

2、打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材)。

Fireworks 制作地球旋转动画

3、进入Fireworks,新建文件,粘贴。粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些。

Fireworks 制作地球旋转动画

4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性栏中的“符合画布”项,扩大画布,再详细调整地图素材的位置,将两张图片左右无缝拼接在一起。

Fireworks 制作地球旋转动画

5、选取两幅图片素材,修改菜单——平面化所选,将两幅图片合并为同一张图片。

Fireworks 制作地球旋转动画

6、新建文件,300*200PX,绘制一个合适大小的正圆,笔触选择无,白色填充。

Fireworks 制作地球旋转动画

7、复制刚绘制的圆形,在层面板中新建一层,选取新建的层,粘贴。

Fireworks 制作地球旋转动画

8、为方便说明,这里我们将步骤6中的圆所在层叫做层1,步骤7中的圆所在层叫做层2。设定粘贴到层2中的圆形为1PX黑色柔化线段笔触。

Fireworks 制作地球旋转动画

9、设定层2中的圆形为放射状填充:左右两侧颜色均为黑色,将上方的不透明度选项做调整,将其中左侧的不透明度选项稍向右移动,并将其值设置为0。

Fireworks 制作地球旋转动画

10、将渐变填充右侧的不透明度选项设置为50左右。

Fireworks 制作地球旋转动画

11、调整后层2中的圆形如图所示。

Fireworks 制作地球旋转动画

12、将步骤5中的地图素材复制,粘贴到层1中。

Fireworks 制作地球旋转动画

13、使用缩放工具将地图素材不改变长宽比例进行缩放,缩放后的高度和圆形一致,并将地图素材右对齐圆形,注意上下的位置和圆形重合,不能有多余的空隙和边缘露出,此时选取地图素材看属性面板,记下地图素材现在的宽度,教程图片中的宽度是586像素,大家制作时按自己的实际宽度记下。

Fireworks 制作地球旋转动画

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

Fireworks 制作地球旋转动画

15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。

Fireworks 制作地球旋转动画(2)

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

Fireworks 制作地球旋转动画(2)

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

Fireworks 制作地球旋转动画(2)

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

Fireworks 制作地球旋转动画(2)

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

Fireworks 制作地球旋转动画(2)

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

Fireworks 制作地球旋转动画(2)

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

教程结束!用Fireworks制作立体地球旋转动画效果图,现在大家是不是已经学会了,希望这篇教程对大家有一定的收获!谢谢大家观看!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Fireworks动画教程:简单制作轮子滚动动画效果
  • Fireworks制作卷轴动画效果
  • Fireworks制作雪花飘飘动画教程
  • Fireworks动画基本类型介绍及制作讲解
  • Fireworks教程:制作逐字变色+光描动画效果
  • Fireworks动画教程:制作立体地球旋转动画
  • fireworks下用运动模糊滤镜制作下雨动画效果
  • Fireworks 精美横向闪图漂亮动画
  • Fireworks折叠渐变制作电视雪花动画
  • Fireworks教程:动画制作的技巧

相关文章

  • 2017-05-24Fireworks教程:网格化图像效果
  • 2017-05-24Fireworks制作RockWave摇滚波字体
  • 2017-05-24Fireworks怎么把图片尺寸变小呢?
  • 2017-05-24Fireworks设计打造晶莹剔透的翅膀实例教程
  • 2017-05-24Fireworks怎么修改字体?FW修改字体方法
  • 2017-05-24Fireworks如制作折叠效果的菜单
  • 2017-05-24Fireworks教程:制作精致英文网页导航
  • 2017-05-24简单大方的fw文字水印效果教程
  • 2017-05-24fireworks 用滤镜来制作极光字特效
  • 2017-05-24Fireworks绘制直线线条规律旋转出的网状特效

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • fireworks 使用热区和切割教程
    • 教你如何利用Fireworks制作马赛克文字效果
    • Fireworks制作出诡异人物轮廓光学涂鸦效果的图片实例教程
    • fireworks简单几步制作layer
    • fireworks制作跳动的红心教程
    • Fireworks MX变形工具绘制一对大脚印图标
    • 使用fireworks制作相片框教程
    • FW怎么设计个性十足的文字LOGO?
    • Fireworks教程:制作实物光影
    • 用Fireworks制作树叶笔触绘制榕树的方法(图文教程)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有