旋转动画的原理：An学习笔记地球旋转动画

Adobe Animate 2019

1、选择“新建”→“ActionScript 3.0”，进入到Animate编辑界面。

2、执行“文件”→“导入”→“导入到库”命令，将素材文件图片导入到库面板中。

3、在属性面板中点击“舞台颜色” ，在弹出的色板中选择#FFFFCC,将图层1命名为“地球”。

选择“椭圆工具” ，在属性面板中单击“笔触颜色” 右边的色块，在弹出的色板中选择“无颜色填充” 。单击“填充颜色” 右边的色块，在弹出的色板中选择“红黑径向渐变” ，参数设置如图

按住shift键，按下鼠标左键在舞台中拖出一个球体，然后使用“选择工具” 选中该球体，在“属性面板”中，将图形的宽和高均设为153。

4、打开“对齐面板” ，选择球体，在对齐面板中勾选“与舞台对齐” ，点击“水平中齐” 和“垂直中齐”

5、在球体选中状态下，选择“颜色” ，在色板中，将径向渐变的红色改为白色，黑色改为#0033FF,

在球体选中状态下，按F8转换为元件，设置元件名称为“地球1”，类型为“图形”。

按Ctrl B分离图形，选择“颜料桶工具” ，点击一下“地球” 左上方，改变球体的高光位置

按F8转换为元件，设置元件名称为“地球2”，元件类型为“图形”。

6、在舞台“地球2”中点击右键，选择“交换元件”，在弹出的“交换元件”面板中单击“地球1”，点击“确定”。

新建图层2，命名为“板块”，将素材“板块.png”。从库拖到舞台，选择“任意变形工具” ，按住Shift键，调整图片到合适大小

7、在板块图片选中状态下，按Ctrl B分离图片，在工具面板中选择“魔术棒” ，单击图片背景，选中背景，按Delete删去背景。（先单独删除地中海）

为了更干净地清洁图片边缘，可以先锁定“地球”图层，然后用“选择工具” ，框选“板块.png”图片的边缘，按Delete键删除，单击选中“板块”图层全部可以查看是否删除干净

8、单击“板块”图层的第1帧，按F8转换为“图形”元件，命名为“板块”。

按住Shift，将“板块”元件平移到地球右边，选择“板块”图层第50帧，按F6插入关键帧，选择“地球”图层第50帧，按F5插入帧。

回到“板块”图层的第50帧，按住Shift，将“板块”元件平移到地球左边，在图层“板块”的第1帧和第50帧之间创建传统补间动画。

9、选择“板块”图层，点击鼠标右键，选择“遮罩层”命令

10、新建图层，将图层命名为“地球显示”，并将其拖到“地球”图层下方，注意为了使拖动之后该图层不成为“被遮罩层”，我们拖动的方向要偏左一些，

选择“地球显示”图层，将“地球2”图形元件从库拖到舞台中，并对齐到舞台中央，

新建两个图层，分别命名为“地球复制”和“板块复制”，同时选中“板块”和“地球”图层，按Alt键不放，将光标放在时间轴上面，出现一个虚线方框后，将选中图层拖动复制到新建的两个图层上。

11、解锁“板块”图层，选择“板块复制”图层第1帧，单击舞台的板块图片，按住Shift键，将图片平移到地球的左边，选择第50帧，单击舞台的板块图片，按住Shift键，将图片平移到地球的右边，

锁定“板块”图层

点击时间轴下方的“播放” 按钮，可以预览到地球转动的三维效果

12、预览后不难发现，板块在后边的运动不太明显，需要调整地球的透明度，单击选择“地球显示”图层，单击舞台的地球，展开属性面板中的“色彩效果”，选择样式为Alpha,调整透明度为80%，

13、新建图层，命名为“弧形流动”，选择“椭圆工具”，在属性面板中“填充颜色” 设置为红色。在舞台拖出一椭圆，选择椭圆，并在属性面板将其大小改为宽200，高100。打开“对齐面板 ” ，选择选中“与舞台对齐” ，点击“水平中齐 ” 和“垂直中齐 ”。按F8转换为元件，元件名称设为“椭圆”，类型为“图形”，

14、按Delete删除“椭圆”，选择“矩形工具” ，并在属性面板中将填充颜色改为#66FFFF,在舞台拖出一个矩形，选择矩形，在属性面板，将其大小设为宽250，高120，并将其对齐到舞台中央。

将“椭圆”元件从库中拖到舞台，同样也将元件对齐到舞台中央。按Ctrl B打散，按Delete删去椭圆。将剩下的矩形转换为“图形”元件，并命名为“矩形”，

15、单击选中“弧形流动”图层，按Delete键删去舞台的矩形，按Ctrl F8新建元件，设置元件名称为“动画1”，类型为“影片剪辑”，点击确定进入“动画1”元件编辑界面。

将“矩形”图形元件从库拖到舞台，并将其对齐到舞台中央。

选择图层1，右击选择“添加传统运动引导层”，选择“椭圆工具” ，将笔触颜色改为红色，填充颜色为无，

在引导层上画一个宽为12，高为8 的椭圆路径，并将其对齐到舞台中央，

16、选择“缩放工具” 的“放大工具” ，点击舞台后，将小椭圆放大以方便下一步操作，框选小椭圆路径一小段按Delete删掉，选择“图层1”图层的第25帧，按F6插入关键帧，在“引导层”的第25帧，按F5插入帧。

选择“图层1”的第1帧，使用“任意变形工具” ，将“矩形”图形元件中心对齐到椭圆路径起点，

选择第25帧，将“矩形”图形元件中心对齐到椭圆路径终点，在“图层1”的第1帧和第25帧之间创建传统补间，

17、按Ctrl F8新建元件，设置元件名称为“动画2”，类型为“影片剪辑”，点击确定进入“动画2”元件编辑界面。

将“椭圆”元件拖到舞台，并将其对齐到舞台中央，将图层1命名为“椭圆”。

新建图层2，命名为“动画1”，将元件“动画1”拖到舞台，对齐到舞台中央。

将元件“动画1”向左移动一小段距离，

18、选择“动画1”图层，将其拖到最下层，选择“椭圆”图层，右击选择“遮罩层”命令，

19、点击舞台左上角的“场景1”回到原场景，将元件“动画2”从库拖到舞台，对齐到舞台中央后。

选中元件，按Ctrl T打开变形面板，旋转120度，点击“重复选区和变形 ”两次后效果如图

,