Fireworks动画教程:制作立体地球旋转动画
本教程是向大家介绍利用Fireworks制作立体地球旋转动画效果图,效果非常美观,制作过程难度一般,教程主要讲解蒙板与动画原件的应用,希望对大家有一定的帮助。闲话少说,看实际效果:
具体步骤:
1、双击任务栏右下角的时间。
2、打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材)。
3、进入Fireworks,新建文件,粘贴。粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些。
4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性栏中的“符合画布”项,扩大画布,再详细调整地图素材的位置,将两张图片左右无缝拼接在一起。
5、选取两幅图片素材,修改菜单——平面化所选,将两幅图片合并为同一张图片。
6、新建文件,300*200PX,绘制一个合适大小的正圆,笔触选择无,白色填充。
7、复制刚绘制的圆形,在层面板中新建一层,选取新建的层,粘贴。
8、为方便说明,这里我们将步骤6中的圆所在层叫做层1,步骤7中的圆所在层叫做层2。设定粘贴到层2中的圆形为1PX黑色柔化线段笔触。
9、设定层2中的圆形为放射状填充:左右两侧颜色均为黑色,将上方的不透明度选项做调整,将其中左侧的不透明度选项稍向右移动,并将其值设置为0。
10、将渐变填充右侧的不透明度选项设置为50左右。
11、调整后层2中的圆形如图所示。
12、将步骤5中的地图素材复制,粘贴到层1中。
13、使用缩放工具将地图素材不改变长宽比例进行缩放,缩放后的高度和圆形一致,并将地图素材右对齐圆形,注意上下的位置和圆形重合,不能有多余的空隙和边缘露出,此时选取地图素材看属性面板,记下地图素材现在的宽度,教程图片中的宽度是586像素,大家制作时按自己的实际宽度记下。
14、在层面板中将地图素材拖动到层2中圆形下方。
15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。
16、设置动画的帧数,移动方向,还有移动距离。因为地图素材要向右侧移动(地球自西向东旋转嘛),所以教程中填写的数值是0。因为地图素材被我们拼接成了两张,旋转一周也就是移动一整张地图素材的宽度,或者说是缩放后的地图素材的一半宽度,在步骤13中,我们记下了地图素材在缩放后的宽度586PX,将此宽度除以2,得到结果293PX(大家要根据自己记下的宽度为主算其数值),将293数值填入移动距离项目中。
17、按住SHIFT键选取层1中的圆形和地图动画元件,修改菜单——蒙板——组合为蒙板。
18、选取层1中的蒙板对象。
19、在属性栏设定蒙板方式为路径轮廓。其实教程中的蒙板圆形是白色,不选这项也可以,如果大家做的时候蒙板的圆形不是白色,此步骤必不可少。
20、双击层1的名字,选取“共享交叠帧”项目。
21、也可以适当给层2中的圆形加阴影效果来增强立体感,最后别忘了设置首帧和尾帧的时间,让首帧和尾帧时间加一起等于普通其他帧的时间,因为首帧和尾帧的内容是一样的,如果不改时间,动画会出现停顿。这时候可以播放动画了。导出GIF时,因为层2中的圆形有渐变,可能会出现颜色过渡不自然,大家可以在导出选项中设定抖动选项。
教程结束!用Fireworks制作立体地球旋转动画效果图,现在大家是不是已经学会了,希望这篇教程对大家有一定的收获!谢谢大家观看!
相关文章
- firework输入的文字可以根据需求添加一些效果,该怎么给文字添加字体倾斜效果呢?下面我们就来看看详细的教程2024-05-23
fireworks淡化边缘工具在哪里? fireworks轮廓虚化效果的实现方法
fireworks绘制的图形轮廓线尖锐了,想要虚化一下,需要使用淡化边缘工具,这个工具在哪?怎么使用呢?详细请看下文介绍2024-05-23电脑怎么批量添加照片日期? Fireworks给电脑图片批量添加日期的技巧
电脑怎么批量添加照片日期?电脑中图片的名字想要添加日期,该怎么操作呢?下面我们就来看看Fireworks给电脑图片批量添加日期的技巧2023-06-05fw怎么设计科技干的线条? fireworks混合路径工具制作图形的技巧
fw怎么设计科技干的线条?fireworks中想要画曲线线条,我们需要用到混合路径工具,下面我们就来看看fireworks混合路径工具制作图形的技巧2023-01-09Fireworks图形怎么做高光? fw中几种制作高光效果的方法
Fireworks图形怎么做高光?Fireworks中想要做高光效果,有几种方法可以添加高光?下面我们就来看看fw中几种制作高光效果的方法2022-12-21Fireworks剪切的图片怎么导出? fw将裁剪区域导出保存的技巧
Fireworks剪切的图片怎么导出?fw中剪切好的图片想要保存,该怎么保存呢?下面我们就来看看fw将裁剪区域导出保存的技巧2022-12-20fw图片渐隐效果怎么做? Fireworks给图片添加渐隐效果的技巧
fw图片渐隐效果怎么做?fw中想要给图片添加渐隐效果,该怎么添加这个效果呢?下面我们就来看看Fireworks给图片添加渐隐效果的技巧,详细请看下文介绍2022-11-28Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
Fireworks如何给图片添加阴影效果?fw中导入的图片想要给图片中的图形添加阴影,该怎么操作呢?下面我们就来看看fw给图片增加阴影效果的技巧2022-11-28fw文字怎么添加内阴影? Fireworks给字体添加阴影的技巧
fw文字怎么添加内阴影?fw中输入的文字想要添加阴影,该怎么添加内阴影呢?下面我们就来看看Fireworks给文字添加阴影的技巧,详细请看下文介绍2022-11-28Fireworks中如何创建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何创建蒙版以及使用?fw中想要使用蒙版制作一些效果,该怎么创建蒙版并使用呢?下面我们就来看看FW蒙版功能的使用技巧,详细请看下文介绍2022-11-28
最新评论