![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=1739334847-i5NsstFKhASdigWQVp3zKvafWvjTssB6-0-b78e454f83f0edd24633952c28fab3e4)
导入素材文件
(1)启动Flash CS6,选择【文件】/【新建】菜单命令,在打开的“新建文档”对话框中设置“宽”的值为“550像素”、高的值为“400像素”,单击按钮,如图1-32所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-04.jpg?sign=1739334847-WWOmRzNgYMaVfD7TzX67XyoIS7jIlP2h-0-82d6508e28ec3a7114e2eaa254019b38)
图1-32 新建文档
(2)选择【文件】/【导入】/【导入到库】菜单命令,在打开的“导入到库”对话框中选择“童趣”文件夹中的所有文件,单击按钮,如图1-33所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-05.jpg?sign=1739334847-xqoqLB7hgWjSQ6dvkEiVAqL1hO283MNs-0-9b0c11e92448b8133bef100094707ebf)
图1-33 导入文件
(二)制作“童趣”场景
下面将导入的素材移动至舞台中,然后对图像进行缩放、旋转等操作,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-06.jpg?sign=1739334847-e8zeKsu9r2d3CXtPSXmjavQE8pALShfj-0-7a850a6b2f71ed7b5bf0d5aa6513b708)
制作“童趣”场景
(1)按【Ctrl+L】组合键,打开“库”面板,选择“背景.jpg”图像,按住鼠标左键不放将其拖曳到舞台中,如图1-34所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-09.jpg?sign=1739334847-x3iLLKJzhnnFui31ivSWsn2BfMzZXjQG-0-80fce2726e09209a7d0a5ddc9242d611)
图1-34 添加背景
(2)用“任意变形工具”选择图像,然后将鼠标指针移动到图像左上角,当鼠标指针变为
形状时,按住【Shift】键向右下方拖曳鼠标指针,将图像同比例缩放到与舞台一样大,如图1-35所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-10.jpg?sign=1739334847-q7eN2OrcDAFZzbzZsn8CDKij9uOFuWlm-0-4c619ae6efa730eb73e1b216d9cd0fb1)
图1-35 缩放图像
(3)锁定“图层1”,然后单击“新建图层”按钮新建“图层2”,如图1-36所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-03.jpg?sign=1739334847-y0ii8zptCGyrieEabXo6ouZGlGVqY32i-0-22edb046339136f34e470cd6a2c89b54)
图1-36 新建图层
(4)在“库”面板中选择“奔跑.png”图像并将其拖曳到“图层2”的舞台上,用“任意变形工具”选择图像,将鼠标指针移动到图像右下角,当鼠标指针变为
形状时,拖曳鼠标指针旋转图像,如图1-37所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-04.jpg?sign=1739334847-A0RHWW8D7k2A04LOA7qRGyJX4vasvhwf-0-4e0eea05a30e288cb74b328b7781cad9)
图1-37 旋转图像
(5)使用相同的方法将其他的孩童图像移动到舞台上,对其进行缩放,并将其拖曳到合适的位置,效果如图1-38所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-05.jpg?sign=1739334847-XUwUymVNleRCL5piTXkqMqNlhbTAL8B3-0-a8b0b3873cb85c59c4b1f7ce78b1d61a)
图1-38 布局多个孩童图像
(三)制作动画
下面将使用导入的图像制作逐帧动画,增加场景的动态效果,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-06.jpg?sign=1739334847-LtEYYCka6RvLSPMBX8Cptvf6hGPOgwsw-0-2200f7d47a541562b99dfa4623354848)
制作动画
(1)在“时间轴”面板中“图层1”的第20帧处单击,然后按【F5】键插入帧,用相同的方法在“图层2”的第20帧处插入帧,如图1-39所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-07.jpg?sign=1739334847-KMv0daaQVanNwL5ZbGa2LemkNqJwgUfB-0-1a34775e615a273bbaa19d50bf854d14)
图1-39 插入帧
(2)新建“图层3”,在“库”面板中选择“蝴蝶1.png”图像并将其拖曳到舞台上,然后调整图像的大小和位置,如图1-40所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-01.jpg?sign=1739334847-fdrdIZ45z2Dcm0Fc5W7pyrDzW23FI9yt-0-34268bdb3195b289e5ac2f96f195f64c)
图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=1739334847-acaYrHHAdPSDjRJ5P1oDa9gxjJRNrhX1-0-870a76f55e760406810a9446ab17666a)
图1-41 添加图像
(5)在“图层3”中单击第1帧,并按住【Shift】键在第6帧处单击,选择多个帧,然后单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令复制帧,如图1-42所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-03.jpg?sign=1739334847-fgcxeBDrFUe89qWlAa4MFtQBHdX1bzWD-0-816f793a8051070f5e8ce9ad50b346f7)
图1-42 复制帧
(6)在第8帧处单击鼠标右键,在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧,然后选择第8~13帧,单击鼠标右键,在弹出的快捷菜单中选择“翻转帧”命令翻转帧,效果如图1-43所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-04.jpg?sign=1739334847-QP49H5bSLE5ACqxVDKn30RFGxHMi6rvX-0-624e2d2af484ed04a59a27b7a5d49315)
图1-43 翻转帧
(7)新建“图层4”,在“库”面板中分别选择“蜻蜓.swf”和“翅膀.swf”元件并将其拖曳到舞台中,调整到合适的位置,用“任意变形工具”旋转翅膀方向,用“选择工具”
选择翅膀,按住【Ctrl】键不放并拖曳鼠标复制一个翅膀,然后选择【修改】/【变形】/【垂直旋转】菜单命令旋转翅膀,并将其调整到合适位置,如图1-44所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-07.jpg?sign=1739334847-CBNZR3FkL7Bw3jIyPht9C8oW7HOvDNLq-0-d94d43a88fb866f632eb5b8141fe5252)
图1-44 制作蜻蜓动画
(8)按【Ctrl+S】组合键保存文件,然后按【Ctrl+Enter】组合键进行预览,效果如图1-45所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-08.jpg?sign=1739334847-OBpTZwcTIZv4AzcIy0Ps6jk71CucKoYL-0-31dbace53264a12500a35d75ba45b8e3)
图1-45 预览效果