![Flash CS6动画设计立体化教程(第2版·微课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/808/47224808/b_47224808.jpg)
三、任务实施
(一)导入素材文件
下面启动Flash CS6,设置画布大小,然后将所有素材导入“库”面板中,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-01.jpg?sign=1734550312-pE0Cqt3Llu1SI7vINC4LZzpySyIzt5My-0-44f7bdf52c0d81f01fe8d334c415ead5)
导入素材文件
(1)启动Flash CS6,选择【文件】/【新建】菜单命令,在打开的“新建文档”对话框中设置“宽”的值为“550像素”、高的值为“400像素”,单击按钮,如图1-32所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-04.jpg?sign=1734550312-YQdTlCwD3DuKAnr9wMJIc9XhGHhAAFUs-0-b152d2156b5a627e99ae5c9ff9062235)
图1-32 新建文档
(2)选择【文件】/【导入】/【导入到库】菜单命令,在打开的“导入到库”对话框中选择“童趣”文件夹中的所有文件,单击按钮,如图1-33所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-05.jpg?sign=1734550312-PeV46ZPmgAr3ECPq9CRFxOBOjayl9kZf-0-31473c949916e6063466a1fbb0a2c0dc)
图1-33 导入文件
(二)制作“童趣”场景
下面将导入的素材移动至舞台中,然后对图像进行缩放、旋转等操作,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-06.jpg?sign=1734550312-81tObK5ULzuN8V2kHAJqQbSLTPyrhKGq-0-af63b847c50c05b4018897f418f6d089)
制作“童趣”场景
(1)按【Ctrl+L】组合键,打开“库”面板,选择“背景.jpg”图像,按住鼠标左键不放将其拖曳到舞台中,如图1-34所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-09.jpg?sign=1734550312-YgWZtSYvqq5IqDnLHSev9vdhPu2BuNiS-0-8d974d3bdd66b4a09d4fdff9b7791b99)
图1-34 添加背景
(2)用“任意变形工具”选择图像,然后将鼠标指针移动到图像左上角,当鼠标指针变为
形状时,按住【Shift】键向右下方拖曳鼠标指针,将图像同比例缩放到与舞台一样大,如图1-35所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-10.jpg?sign=1734550312-9VcpfIHFbioHiBuFf8EXYiYCa1wDbHqE-0-203d7846f9cc4965f5e06c424080b696)
图1-35 缩放图像
(3)锁定“图层1”,然后单击“新建图层”按钮新建“图层2”,如图1-36所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-03.jpg?sign=1734550312-Eoj7YufpJBgQKUMzfifK98IbRNaPCwBI-0-378659fcb459fd910cefff11f8e2aa1e)
图1-36 新建图层
(4)在“库”面板中选择“奔跑.png”图像并将其拖曳到“图层2”的舞台上,用“任意变形工具”选择图像,将鼠标指针移动到图像右下角,当鼠标指针变为
形状时,拖曳鼠标指针旋转图像,如图1-37所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-04.jpg?sign=1734550312-tGOelyjqJAhLrohChsoqEdkgj8Z3zlrF-0-500c7ddfd63b275a27703086983c9dc4)
图1-37 旋转图像
(5)使用相同的方法将其他的孩童图像移动到舞台上,对其进行缩放,并将其拖曳到合适的位置,效果如图1-38所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-05.jpg?sign=1734550312-el56hxyjfCE5xzBiD2CqTvyyhINANHKt-0-513d46dbfdb88ccb9f630b22b5b8a90b)
图1-38 布局多个孩童图像
(三)制作动画
下面将使用导入的图像制作逐帧动画,增加场景的动态效果,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-06.jpg?sign=1734550312-MWDtaTSgoT4Hkgnev5ENafB7diH3riE5-0-a599da11dbdbd4dc6a3c2692071f3bbb)
制作动画
(1)在“时间轴”面板中“图层1”的第20帧处单击,然后按【F5】键插入帧,用相同的方法在“图层2”的第20帧处插入帧,如图1-39所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-07.jpg?sign=1734550312-XiXWv0OYhIyPLrR15eUFq2VjGg4GdfP5-0-180106dbaa0a9e074e1121c94246d3f5)
图1-39 插入帧
(2)新建“图层3”,在“库”面板中选择“蝴蝶1.png”图像并将其拖曳到舞台上,然后调整图像的大小和位置,如图1-40所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-01.jpg?sign=1734550312-dxC6OEGcibkZWozKIknRdAg2PynogESA-0-3cc1a2f3ea7639ff15a3aba134a8f27a)
图1-40 新建图层并添加图像
(3)在“图层3”的第3帧处按【F7】键插入空白关键帧,然后在“库”面板中选择“蝴蝶2.png”图像并拖曳到舞台上,调整其大小和位置。
(4)用相同的方法分别将“蝴蝶3.png”“蝴蝶4.png”图像放置在“图层3”的第5帧和第7帧处,并调整其大小和位置,如图1-41所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-02.jpg?sign=1734550312-qqwehqFhidOgMYkHURxbghmR8H3r9TcE-0-4e50b55e3af8a50148d518a70b61fb4f)
图1-41 添加图像
(5)在“图层3”中单击第1帧,并按住【Shift】键在第6帧处单击,选择多个帧,然后单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令复制帧,如图1-42所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-03.jpg?sign=1734550312-UlI7z5SMc5FqLS4XlHJ2y5KideR5glWM-0-a941bc0abf800c01316b4de4f39ea013)
图1-42 复制帧
(6)在第8帧处单击鼠标右键,在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧,然后选择第8~13帧,单击鼠标右键,在弹出的快捷菜单中选择“翻转帧”命令翻转帧,效果如图1-43所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-04.jpg?sign=1734550312-57Qd87XThHyNNcO8ZxIYRcecxQm2R6Rf-0-c2af9d7280cad5850ba9dbd1a5874ab8)
图1-43 翻转帧
(7)新建“图层4”,在“库”面板中分别选择“蜻蜓.swf”和“翅膀.swf”元件并将其拖曳到舞台中,调整到合适的位置,用“任意变形工具”旋转翅膀方向,用“选择工具”
选择翅膀,按住【Ctrl】键不放并拖曳鼠标复制一个翅膀,然后选择【修改】/【变形】/【垂直旋转】菜单命令旋转翅膀,并将其调整到合适位置,如图1-44所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-07.jpg?sign=1734550312-TAVBdUFhMXYk9zmFXpZTBmt5HUkAXFxm-0-757cfd8a2a53e35ef9174265a405d265)
图1-44 制作蜻蜓动画
(8)按【Ctrl+S】组合键保存文件,然后按【Ctrl+Enter】组合键进行预览,效果如图1-45所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-08.jpg?sign=1734550312-2KesDuRflds6NmYDrh0wW8N4EGEGgwqG-0-80b85a39683202bd836424df7926cbf4)
图1-45 预览效果