Flash动画制作实训指导书11122

1、无锡商业职业技术学院Flash动画制作实训指导书实训一 二维基本绘图（3月1日）一、目的要求：1掌握绘图工具和填充工具的使用方法，掌握对基本对象进行变形等操作；2掌握创建特殊效果的图形。二、实训内容：用几何图形与绘图工具绘出七星飘虫。三、实训步骤：1.创建Flash文档，并命名为“七星飘虫.fla”：“文件”“新建”，在打开的对话框中选择“常规”“Flash文档”，选择“确定”。然后保存为“七星飘虫.fla”。2.使用“椭圆工具”画一个椭圆，打开“混色器工具”，将“填充样式”设为放射状，选择从红色到黑色的过度。选择“填充变形工具”单击刚填充的颜色。用鼠标分别按住改变填充色形状的手柄和改变渐变半

2、径的手柄里推外拉、上下左右进行调整，并重命名为“渐变圆”。3.插入一个图层名为“线条”，画互相垂直的直线，分出瓢虫的头部和身体的左右部分。4.插入一个图层名为“斑点”，用椭圆工具画七个黑色斑点。5.插入一个图层名为“光亮”，在上半部分画一椭圆表现光亮部分，其填充样式为线性，颜色设置左边为浅灰色，Alpha为100%，右边色块为深灰色，Alpha为0%。单击“填充变形工具”出现两条平行的直线。用鼠标按住它的中心点，拖动中心点调节渐变色的中心位置，向下移一点，使上面浅灰色部分显示较多。6.插入一个图层名为“触角”，画出触角。保存文件，查看动画效果。实训二 制作空心外框文字（3月29日）一、目的要求

3、：1.会创建文字、设置文字属性；2.掌握分离文字、描边的方法；3.将线条转换为填充。二、实训内容：实现漂亮的空心外框文字效果，要求文字和外框之间是空的。三、实训步骤： （1）新建Flash文件，设置文档尺寸为350像素×120像素。（2）选择工具栏文字工具T，将文本工具“属性”面板中的“字符”选项区中的“系列”设置为“隶书”，“大小”设置为“80点”，“颜色”设置为“蓝色”，如图3-34所示；在工作区中单击，然后输入文字“空心外框”。（3）将文字执行两次Ctrl+B快捷键，将文字打散成形状。（4）选择墨水瓶工具，将笔触的厚度设置为2.5，颜色设置与文字颜色不同，在这里使用黑色，如图3

4、-35所示。单击文字边缘，可以看到文字被描上了一道边，如图3-36所示。图3-34 文本工具“属性”面板中的“字符”选项区图3-35 墨水瓶工具“属性”面板设置（5）用鼠标选中新描的边，如图3-37所示，在执行“修改”-“形状”-“将线条转换为填充”命令，转换线条为填充。（6）在选择墨水瓶工具，选择和文字相同的颜色，给文字重新描边，如图3-38所示。（7）选择黑色的线条，按Delete键删除所选内容，如图3-39所示。图3-36 给文字描边图3-37 选中新描的边图3-38给文字重新描边图3-39 删除所选内容实训三 变脸效果（4月12日）一、目的要求：1要求会导入元件，对元件定位；2会创建关

5、键帧，使用色彩效果Alpha。二、实训内容：1不同元件之间的变换，实现变脸效果。三、实训步骤：1)新建一个Flash文档，尺寸用默认550像素×400像素，将“素材第4章01.jpg”及“素材第4章02.jpg”文件导入库，并将它们转成图形元件，分别取名“笑”与“怒”。2)把“库”中“笑”元件拖到舞台，在“属性”面板中设置其位置为X:230,Y:150,按F6键在第30帧处插入关键帧。3)在第31帧处插入关键帧，将舞台上的“笑”元件删除，吧“库”中“怒”元件拖放到舞台，设置其位置为X：230，Y：150，如图4-57所示。在第60帧处插入关键帧。 图4-57 设置“怒”元件位置4)在

6、第1帧处单击“笑”元件，在“属性”面板中，设置“色彩效果”为“式样”。选择Alpha，值设为100。5)在第30帧处单击“笑”元件，在“属性”面板中，设置“色彩效果”为“式样”。选择Alpha，值设为20。6)在第31帧处单击“怒”元件，在“属性”面板中，设置“色彩效果”为“式样”。选择Alpha，值设为20。7)在第60帧处单击“怒”元件，在“属性”面板中，设置“色彩效果”为“式样”。选择Alpha，值设为100。8)在第130帧和第3160帧之间创建补间动画，如图所示。 创建“笑”和“怒”元件的补间动画9)按Ctr1+Entenr快捷键测试动画效果。实训四 提示按钮（4月19日）一、目的要

7、求：1了解元件、实例和库 ；2掌握创建图形元件、影片剪辑以及按钮元件制作方法。二、实训内容：通过调用公用库的按钮元件制作提示按钮效果，要求熟练掌握公用库元件的使用。三、实训步骤：1.新建一个“提示按钮.fla”文档.2.绘制舞台背景：打开“混合色”面板，设置填充颜色为线性，右击右上角功能菜单按钮，执行“添加样本”命令，向“颜色样本”添加刚设置的填充颜色，单击“矩形”“填充色”，绘制覆盖舞台大小的矩形。3.打开按钮公用库：“窗口”“公用库”“按钮”，打开“按钮”公用库，双击文件， 选中按钮元件，将其拖入到舞台。4.编辑按钮元件：打开“库”面板，双击按钮元件，进入元件的编辑环境，单击“插入图层”，

8、添加新图层，右击“指针经过帧”“插入关键帧”。选择“线条工具”和“文本工具”，绘制图形。5.以同样方法依次从按钮公用库中拖入按钮元件“Key-Down”、“Key-Up”，并进行编辑。6.编辑主场景：单击“选择工具”，调整按钮的位置。保存文件，查看效果。实训五 放大镜 （5月3日）一、目的要求：1了解特殊动画的制作方法；2掌握遮罩层动画的制作方法。二、实训内容：本例是模拟一个放大镜在照片上从左向右移动、将照片放大显示的效果。三、实训步骤：（1）新建一个Flash CS4文档，设置文档大小为550像素×400像素。（2）执行“文件”“导入”“导入到舞台”命令，导入“素材/第5章/601

9、.jpg”到舞台，作为实现放大显示作用的图，选中该像，然后按F8键，将图片转换为名为“图片”的图形元件。 （3）将图层1中图片的大小调整为150像素×185像素，并让其位于舞台的正中央，然后在图层1的第72帧按F5键插入帧。（4）选中图层中1的图片，按Ctrl+C快捷键快捷键进行复制。（5）新建图层2，执行“编辑”“粘贴到当前的位置”命令，将图片粘贴到图层2，此时，两张图片完全重合在一起。选中图层2中的图片，在其“属性”面板中，将图片大小调整为220像素×264像素。（6）新建图层3，创建一个名为“放大镜”的图形元件，将元件设置一个没有边线而有填充色的圆，圆的半径大小为15

10、8像素。 （7）将“放大镜”元件从库中拖至图层3的第1帧。 （8）在图层3的第72帧，按F6键插入关键帧，并将“放大镜”图形元件拖放到运动终止点位置。（9）在图层3上右击，在弹出菜单中选择“遮罩层”命令，图层3就会变成遮罩层，图层2就成为被遮罩层。（10）在图层3的第1帧右击，在弹出的菜单中选择“创建传统补间”命令。（11）至此，该动画制作完毕。Ctrl+Enter快捷键测试影片，可以看一看动画效果。实训六 探照灯动画效果 （5月10日） 一、目的要求：掌握遮罩层动画、补间动画等的相互配合使用。二、实训内容：本例模拟探照灯光射到文字上，把文字照亮的效果。三、实训步骤：（1）新建一个Flash

11、CS4文档，文档大小为550像素×400像素。在“文档属性”面板中，将“帧频”设置为12fps。（2）选择矩形工具，在舞台中画一个宽为545像素、高为132像素的黄色黑边矩形，让其位于舞台正中央。（3）选择文字工具，并在其“属性”面板设置文字的属性，如图5-90所示；文本内容为“FLASH 4实例课堂”，文字放在黄色的矩形中。（4）新建一个图层2，在图层中画一个半径为55像素、颜色为灰色、无边框的圆，选中该圆，按F8键，将其转换成名为“探照灯”的图形元件。（5）在图层2右击，在弹出的菜单中选择“遮罩层”命令，或者设置图层2的属性为“遮罩层”，图片2就会变成遮罩层。（6）把图层2中的圆

12、实例拖到文字的左面。（7）在图层1的第72帧按F5键，插入帧；在图层2的第72帧按F6键，插入关键帧。并将圆的实例拖至文字的右端。（8）在图层2的第1帧右击，在弹出的菜单中选择“创建传统补间”命令。（9）至此，该动作制作完毕，按Ctrl+Enter快捷键测试影片。实训七 水波动画效果（5月24日）一、目的要求：1熟悉flash各种组件；2掌握动态文本。二、实训内容：本实例主要是通过各种组件和动作语句制作制作完成。三、实训步骤：（1）新建Flash文件，设置文档尺寸为550像素×400像素，“背景颜色”为#000066，（2）新建影片剪辑“波纹”，设置填充颜色为#0000FF。使用刷子

13、工具在文件编辑区内绘制如图所示的波纹图形。 （3）新建影片剪辑“波纹上”，将影片剪辑“波纹”拖入到图层1的第1帧。分别在第40、80帧添加关键帧；将第40帧的影片剪辑“波纹”向上移动15像素；在第040、4080帧之间创建传统补间动画。（4）将影片剪辑“波纹上”试用“直接复制”命令复制，命名为“波纹下。（5）在“库”中双击影片剪辑“波纹下”，进入元件编辑状态，将第40帧的影片剪辑“波纹”向下移动30像素。（6）新建影片剪辑“重叠波纹”，将影片剪辑“波纹上”从“库”面板中拖入到图层1的第1帧中。新建图层“图层2”，将影片剪辑“波纹下”从“库”面板中拖入到第1帧中，位置比影片剪辑“波纹上”高30像

14、素左右，如图所示。（7）新建影片剪辑“模糊”，将影片剪辑“重叠波纹”从“库”面板中拖入到图层1的第1帧，为影片剪辑“重叠波纹”添加模糊滤镜，设置相应参数。（8）返回场景1，将影片剪辑“模糊”拖入到舞台中。（9）在“库”面板中双击影片剪辑“波纹”，进入原件编辑区，选定整个波纹形状，打开“颜色”面板，设置颜色。（10）测试、保存影片。实训八 鼠标跟随特效 （6月7日）一、目的要求：掌握如何控制影片剪辑元件二、实训内容：通过function命令和影片控制语句制作完成鼠标跟随特效。三、实训步骤：1.创建影片文档：“文件”“新建”，在对话框中选择“常规”“Flash文档”“确定”，将其保存为“鼠标跟随特

15、效.fla”。2.创建影片剪辑元件：“插入”“新建元件”“影片剪辑”，创建影片剪辑元件“方框”，选择“矩形工具”，设置笔触颜色为白色，笔触样式为极细，绘制一个正方形。3.创建影片剪辑元件：“插入”“新建元件”“影片剪辑”，创建影片剪辑元件“旋转”，打开“库”面板，拖入剪辑元件“方框”放在舞台中央位置，分别单击第7帧和第13帧，插入关键帧。再单击第7帧，选中剪辑元件，打开“变形面板”，设置相关项，改变图形的形状，最后分别单击第1帧和第7帧，打开“属性面板”，设置相关属性。4.创建影片剪辑元件：“插入”“新建元件”“影片剪辑”，创建影片剪辑元件“旋转消失”，单击“添加图层”，添加图层2。单击图层1的第1帧，拖入剪辑元件“旋转”放在中央位置，选择“变形工具”，将图像放大2倍并旋转90°，在该层的第149帧插入关键帧，选中文件，缩小10%并旋转45°，单击第1帧，打开“属性”面板，设置“补间”选项为“动画”。单击图层2的第149帧，插入关键帧。打开“动作-帧”面板，输入动作语句。5.创建影片剪辑元件：“插入”“新建元件”“影片剪辑”，创建影片剪辑元件“圆”，选择“椭圆工具”，设置其填充颜色为白色，在舞台中央绘制正圆。