![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=1739297461-nJUhHR9LBDok4xzJqhAzrJzXr88ttpin-0-37aea6e60bbce80fed11ebe1ce07d200)
导入素材文件
(1)启动Flash CS6,选择【文件】/【新建】菜单命令,在打开的“新建文档”对话框中设置“宽”的值为“550像素”、高的值为“400像素”,单击按钮,如图1-32所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-04.jpg?sign=1739297461-lQpbOLiVH8532Ycg2WXQ7GpMmoJWZu21-0-02c7390bd5ef3c54f472be29db264069)
图1-32 新建文档
(2)选择【文件】/【导入】/【导入到库】菜单命令,在打开的“导入到库”对话框中选择“童趣”文件夹中的所有文件,单击按钮,如图1-33所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-05.jpg?sign=1739297461-HGIRCtQM1tsKhK1a656n5Yvy5gcXRCmS-0-c9291f8b3e9cc1785560534bebd216c0)
图1-33 导入文件
(二)制作“童趣”场景
下面将导入的素材移动至舞台中,然后对图像进行缩放、旋转等操作,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-06.jpg?sign=1739297461-VtG0b8PiiFOH91orOXzGWpygs6Z0i0TK-0-36c757935a2c992b744c07d44150e684)
制作“童趣”场景
(1)按【Ctrl+L】组合键,打开“库”面板,选择“背景.jpg”图像,按住鼠标左键不放将其拖曳到舞台中,如图1-34所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-09.jpg?sign=1739297461-ti0HurBUJqPiLtUHJdNJZG8CMLk1FmAs-0-fe4c55f3ea96a962a53d0d14f8c68fe0)
图1-34 添加背景
(2)用“任意变形工具”选择图像,然后将鼠标指针移动到图像左上角,当鼠标指针变为
形状时,按住【Shift】键向右下方拖曳鼠标指针,将图像同比例缩放到与舞台一样大,如图1-35所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-023-10.jpg?sign=1739297461-e2EfLTrsABCVwuoWtSm9158ksRyd1cw5-0-a0ca1d5f87340892b0c5f9856d5c5804)
图1-35 缩放图像
(3)锁定“图层1”,然后单击“新建图层”按钮新建“图层2”,如图1-36所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-03.jpg?sign=1739297461-BtOwzKXhDBCSfEyKzk9K9QLVWjMADZmN-0-1b3cddf348480c79564991ec1d08d033)
图1-36 新建图层
(4)在“库”面板中选择“奔跑.png”图像并将其拖曳到“图层2”的舞台上,用“任意变形工具”选择图像,将鼠标指针移动到图像右下角,当鼠标指针变为
形状时,拖曳鼠标指针旋转图像,如图1-37所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-04.jpg?sign=1739297461-rusdzN0Y7tIRPRXnnXWDJW3oze8wTUJQ-0-a23e4eeab3b74669a8551a56f5fe6564)
图1-37 旋转图像
(5)使用相同的方法将其他的孩童图像移动到舞台上,对其进行缩放,并将其拖曳到合适的位置,效果如图1-38所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-05.jpg?sign=1739297461-vqtiD3JAxPiX78GoGob2sN11MnBgwz1o-0-fa36d125cfbd0f4e1bdb30daf5feff90)
图1-38 布局多个孩童图像
(三)制作动画
下面将使用导入的图像制作逐帧动画,增加场景的动态效果,其具体操作如下。
微课视频
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-06.jpg?sign=1739297461-YfunCN1JK9GF3w1zv6NoNaqE2L7RJRAh-0-e6ff88639c9b8a91ad2dfa7f468dcf4f)
制作动画
(1)在“时间轴”面板中“图层1”的第20帧处单击,然后按【F5】键插入帧,用相同的方法在“图层2”的第20帧处插入帧,如图1-39所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-024-07.jpg?sign=1739297461-95YObtiY7MxiJ6rb32eM2R9xqvBcs5Qg-0-073505854e5462a5280189cf7e02e40c)
图1-39 插入帧
(2)新建“图层3”,在“库”面板中选择“蝴蝶1.png”图像并将其拖曳到舞台上,然后调整图像的大小和位置,如图1-40所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-01.jpg?sign=1739297461-7QH6uW9uHb5UwtCtZhAHodFxHIh2D4iN-0-7089517995cb9e1b9be70315a6b48844)
图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=1739297461-1xJujD7wjhYajNNvt16zDQqzrSun4ubZ-0-101af2fbbc277c9d6aae84a941f1fa7d)
图1-41 添加图像
(5)在“图层3”中单击第1帧,并按住【Shift】键在第6帧处单击,选择多个帧,然后单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令复制帧,如图1-42所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-03.jpg?sign=1739297461-GbbaKdRCQtOmcB4qMKTbtniKH3g256c0-0-bc198da84d678786ffbaa2fc72603b11)
图1-42 复制帧
(6)在第8帧处单击鼠标右键,在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧,然后选择第8~13帧,单击鼠标右键,在弹出的快捷菜单中选择“翻转帧”命令翻转帧,效果如图1-43所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-04.jpg?sign=1739297461-h2wQq5ZMemIhuHvD2GFcxYVYxwyvN9X5-0-d5aaa960bae8c26f01cfb87abc163cb8)
图1-43 翻转帧
(7)新建“图层4”,在“库”面板中分别选择“蜻蜓.swf”和“翅膀.swf”元件并将其拖曳到舞台中,调整到合适的位置,用“任意变形工具”旋转翅膀方向,用“选择工具”
选择翅膀,按住【Ctrl】键不放并拖曳鼠标复制一个翅膀,然后选择【修改】/【变形】/【垂直旋转】菜单命令旋转翅膀,并将其调整到合适位置,如图1-44所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-07.jpg?sign=1739297461-UzCPp9RV1NVeznW0ekVRYyttG3HQuzxU-0-1b7718c64162fca8c4fb65fc7f090584)
图1-44 制作蜻蜓动画
(8)按【Ctrl+S】组合键保存文件,然后按【Ctrl+Enter】组合键进行预览,效果如图1-45所示。
![](https://epubservercos.yuewen.com/429E90/26590153309150606/epubprivate/OEBPS/Images/60228-00-025-08.jpg?sign=1739297461-H8ctKyXqd5JN4PhYMvNbTVpcKt87XyRs-0-0933e05e6273dcc302c76cccd3e1c8e7)
图1-45 预览效果