| 第2讲 多级元件嵌套 |
[align=left]使用多级元件嵌套的结构可以制作出变化更加丰富的动画,另一方面修改起来也相当灵活,各元素的可控性和可复用性也加强了。 [/align][align=left]1. 新建名为“荷花2”的层,在该层第20 帧按下F6 插入一个关键帧。按下Ctrl+L 把库中的“荷花2”图片拖入,在“属性”面板设其X、Y 坐标均为“0”。再新建名为“荷花2 遮罩”层,在第20 帧按下F6 插入一个关键帧,如图1-2-1 [/align]所示。 [align=left] [/align][align=left] [/align][align=left]图1-2-1 [/align][align=left] [/align][align=left]2. 在“荷花2 遮罩”层第20 帧绘制一个任意颜色的矩形,调出“属性”面板,宽和高均设为“50”,X、Y 坐标均设为“0”,如图1-2-2 [/align]所示。 [align=left] [/align][align=left] [/align][align=left]图1-2-2 [/align][align=left] [/align][align=left]3. 选择该正方形,开始进行元件的嵌套,分解步骤如下: [/align][align=left]第一次按下F8 键将其转换为元件,命名为“方1”,类型为“图形”。 [/align][align=left]第二次按下F8 键转换为元件,命名为“方2”,类型为“影片剪辑”,该元件将包含动画。 [/align][align=left]第三次按下F8 键转换为元件,命名为“方3”,类型为“影片剪辑”,该元件将包含动画。 [/align][align=left] [/align][align=left]4. 打开“库”面板,双击进入“方2”影片剪辑。第10 帧按下F6 插入关键帧,在第50 帧按下F5插入普通帧。在第1 帧至第9 帧的任意一帧单击鼠标右键选择“创建补间动画”,如图1-2-3 [/align]所示。这里我们暂时不进行任何内容的变化,保持该元件的原始形状,以便于后面的操作。 [align=left] [/align][align=left] [/align][align=left]图1-2-3 [/align][align=left] [/align][align=left]5. 在“库”面板中双击“方3”影片剪辑,在第50 帧按下F5 键插入一个普通帧。该元件中要保持足够的帧长度以便于其嵌套的动画能够完整播放,一般来说长度至少要和内嵌动画的长度相等,如图1-1-4 [/align]所示。[/size] [align=left] [/align][align=left] [/align][align=left]图1-1-4 [/align][align=left] [/align][align=left]举一反三: [/align][align=left]思考哪些动画通过多层嵌套结构实现起来更加方便和科学。 [/align] |
| 第3讲 制作遮罩动画主体 |
[align=left]下面开始制作用于遮罩的动画(“方3”影片剪辑中的动画),使用刚才创建的正方形辅满整个屏幕,然后使这些正方形一排一排的出现。因为手工将50X50 的正方形铺满屏幕相当繁琐,并且也不见得非常精通,因此我们要借用时间轴特效的辅助。 [/align][align=left] [/align][align=left]1. 当前位于“方3”影片剪辑中,选中“方2”影片剪辑。执行菜单“插入> 时间轴特效> 帮助>复制到网格”,该命令以指定的行数乘以列数产生对象整齐排列的多个复本。 [/align][align=left] [/align][align=left]2. “方2”的长宽均为50px,舞台的长宽为550X400px,那么50X11=550、50X8=400,正好辅满整个舞台。 [/align][align=left] [/align][align=left]3. 在“复制到网格”对话框,设网格尺寸行数为“8”,列数为“11”。网格间距行列均为“0”,这样可使对象和对象之间没有空隙,单击右上角的“更新预览”能够看到效果,如图1-3-1 [/align]所示。 [align=left] [/align][align=left] [/align][align=left]图1-3-1 [/align][align=left] [/align][align=left]4. 完成后的平辅对象被打包为一个整体,无法直接使用,如图1-3-2-A 所示。选择该对象,按下Ctrl+B 分离,可以看到已整齐排列好的8 行11 列的正方形,如图1-3-2-B 所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-3-2-A [/align][align=left] [/align][align=left] [/align][align=left]图1-3-2-B [/align][align=left] [/align][align=left]5. 接下来我们把这些正方形成列分散于多个图层,以便制作动画。使用选择工具圈选除左侧第1 列之外的其它列,按下Ctrl+X 剪切掉。插入一个新图层,执行菜单“编辑> 粘贴到当前位置”,见图1-3-3-A 和图1-3-3-B 所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-3-3-A [/align][align=left] [/align][align=left]图1-3-3-B [/align][align=left] [/align][align=left]6. 方法同上,使用选择工具再圈选除左侧前两列之外的其它列,按下Ctrl+X 剪切掉。插入一个新图层,执行菜单“编辑> 粘贴到当前位置”,见图1-3-4-A 和图1-3-4-B 所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-3-4-A [/align][align=left] [/align][align=left] [/align][align=left]图1-3-4-B [/align][align=left] [/align][align=left]7. 后边的方法相同,只是每次剪切时往后错一列,依此类推,直到最后一列被分散到新的图层,如图1-3-4 [/align]所示。 [align=left] [/align][align=left] [/align][align=left]图1-3-5 [/align][align=left] [/align][align=left]8. 保持最底层的帧不变,从“图层2”开始,拖曳第1 帧不松手放至第3 帧。然后拖曳“图层3”第1 帧至第5 帧,如图1-3-6-A 所示。每次多移两帧,依此类推,效果如图1-3-6-B 所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-3-6-A [/align][align=left] [/align][align=left][size=10pt] [/align][align=left]图1-3-6-B [/align][align=left] [/align][align=left]举一反三: [/align][align=left]尝试使用时间轴特效来辅助重复图形的设计。 [/align][align=left] [/align] |