- Flash CS6动画设计立体化教程(第2版·微课版)
- 兰和平编著
- 1302字
- 2025-02-27 17:52:32
三、任务实施
(一)导入素材文件
下面启动Flash CS6,设置画布大小,然后将所有素材导入“库”面板中,其具体操作如下。
微课视频

导入素材文件
(1)启动Flash CS6,选择【文件】/【新建】菜单命令,在打开的“新建文档”对话框中设置“宽”的值为“550像素”、高的值为“400像素”,单击按钮,如图1-32所示。

图1-32 新建文档
(2)选择【文件】/【导入】/【导入到库】菜单命令,在打开的“导入到库”对话框中选择“童趣”文件夹中的所有文件,单击按钮,如图1-33所示。

图1-33 导入文件
(二)制作“童趣”场景
下面将导入的素材移动至舞台中,然后对图像进行缩放、旋转等操作,其具体操作如下。
微课视频

制作“童趣”场景
(1)按【Ctrl+L】组合键,打开“库”面板,选择“背景.jpg”图像,按住鼠标左键不放将其拖曳到舞台中,如图1-34所示。

图1-34 添加背景
(2)用“任意变形工具”选择图像,然后将鼠标指针移动到图像左上角,当鼠标指针变为
形状时,按住【Shift】键向右下方拖曳鼠标指针,将图像同比例缩放到与舞台一样大,如图1-35所示。

图1-35 缩放图像
(3)锁定“图层1”,然后单击“新建图层”按钮新建“图层2”,如图1-36所示。

图1-36 新建图层
(4)在“库”面板中选择“奔跑.png”图像并将其拖曳到“图层2”的舞台上,用“任意变形工具”选择图像,将鼠标指针移动到图像右下角,当鼠标指针变为
形状时,拖曳鼠标指针旋转图像,如图1-37所示。

图1-37 旋转图像
(5)使用相同的方法将其他的孩童图像移动到舞台上,对其进行缩放,并将其拖曳到合适的位置,效果如图1-38所示。

图1-38 布局多个孩童图像
(三)制作动画
下面将使用导入的图像制作逐帧动画,增加场景的动态效果,其具体操作如下。
微课视频

制作动画
(1)在“时间轴”面板中“图层1”的第20帧处单击,然后按【F5】键插入帧,用相同的方法在“图层2”的第20帧处插入帧,如图1-39所示。

图1-39 插入帧
(2)新建“图层3”,在“库”面板中选择“蝴蝶1.png”图像并将其拖曳到舞台上,然后调整图像的大小和位置,如图1-40所示。

图1-40 新建图层并添加图像
(3)在“图层3”的第3帧处按【F7】键插入空白关键帧,然后在“库”面板中选择“蝴蝶2.png”图像并拖曳到舞台上,调整其大小和位置。
(4)用相同的方法分别将“蝴蝶3.png”“蝴蝶4.png”图像放置在“图层3”的第5帧和第7帧处,并调整其大小和位置,如图1-41所示。

图1-41 添加图像
(5)在“图层3”中单击第1帧,并按住【Shift】键在第6帧处单击,选择多个帧,然后单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令复制帧,如图1-42所示。

图1-42 复制帧
(6)在第8帧处单击鼠标右键,在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧,然后选择第8~13帧,单击鼠标右键,在弹出的快捷菜单中选择“翻转帧”命令翻转帧,效果如图1-43所示。

图1-43 翻转帧
(7)新建“图层4”,在“库”面板中分别选择“蜻蜓.swf”和“翅膀.swf”元件并将其拖曳到舞台中,调整到合适的位置,用“任意变形工具”旋转翅膀方向,用“选择工具”
选择翅膀,按住【Ctrl】键不放并拖曳鼠标复制一个翅膀,然后选择【修改】/【变形】/【垂直旋转】菜单命令旋转翅膀,并将其调整到合适位置,如图1-44所示。

图1-44 制作蜻蜓动画
(8)按【Ctrl+S】组合键保存文件,然后按【Ctrl+Enter】组合键进行预览,效果如图1-45所示。

图1-45 预览效果