FLASH动画实验制作指导书

FLASH动画制作实验指导书大连市经济贸易学校实验一：图形图像的绘制实验目的：掌握线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。实验内容：1.基本绘图工具Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色。包括线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具。2.操作实例包括：带阴影的小球、制作阴影字、风景画、镜画字、熊猫。说明：教师可以按照授课时的实际情况，从实验内容中自选实例进行操作。实验步骤：以其中的三个实例为例，给出详细步骤。实例1带阴影的小球步骤：绘制阴影：新建一个文件，选择椭圆工具，在混色器中将边框色设置为没有颜色，即不加边框，将填充颜色设为淡灰色，然后在工作区绘制一个椭圆。再使用自由转换工具将椭圆转动一定角度。选择椭圆工具，在混色器中将边框色设置为没有颜色，填充颜色随意，在工作区中画一个圆。选择颜料桶工具，在混色器中将填充颜色设置为放射状渐变，调整颜色渐变条两端的颜色，使预览框中的图像为中间亮、四周暗。用设置好的颜料桶在所画的圆上单击，由于有颜色渐变，所画的圆有了光照小球的效果。颜料桶在不同的位置填充渐变颜色，会产生光从不同方向照射的效果。改变填充位置，选择理想的填充效果。用鼠标拖动小球移到阴影的上方，放在适当位置，也可以使用键盘上的方向键进行微调。选择填充变形工具，单击小球，出现颜色调整控点，用鼠标拖动控点调整光照方向，；也可以选择自由转换工具，单击阴影，调整阴影的倾斜角度，达到最佳效果。实例2制作阴影字步骤：新建一个文件，选择文字工具，在属性面板上设定好文字的字体和字号，将文字颜色设为浅灰色，在工作区中单击鼠标，在出现的文本框中键入“FLASH”。这部分文字将作为阴影部分。使用箭头工具选中刚键入的文字，使用“复制”和“粘贴”命令制作此文字的一个拷贝。用工具选中新复制的文字，单击属性面板中的填充颜色，在弹出的“颜色”面板中选择黑色，将新复制的文字颜色改为黑色。拖动黑色文本向上移动，使之位于灰色文本的左上方，仔细地调整它们之间的相对位置，即可产生阴影效果。实例3风景画步骤：新建一个文件，单击菜单中“文件”|“导入”命令，在出现的对话框中选中一个图片文件，导入到舞台中。选中图片，单击菜单中“修改”|“分离”命令，将图片分解。选择“椭圆工具”，设置为无填充色，画一个椭圆，将所使用的图片部分包含起来。选择绘图工具箱的“选择工具”，单击并选中椭圆外区域，按Del键将椭圆外的图形删除。选中椭圆和内部的图片，单击菜单中“修改”|“组合”命令，将图形组成一个独立对象，并将其移到舞台中央。选择绘图工具箱的“文本工具”，在“属性”面板中设置字体为琥珀体，大小为64，鼠标在舞台上单击，输入“江南水乡”。使用“选择工具”选中文字，单击菜单中“修改”|“分离”命令两次，将文字分解并处于选中状态。再单击菜单中“窗口”|“混色器”命令，打开混色器面板，在面板的方式框中选择“位图”，在出现的位图缩略图选框中单击需要的位图，此时文字以位图填充。单击菜单中“修改”|“组合”命令，将四个文字分别组成组合，并调整到适当的位置，就可得到一幅别致的风景画。实验二：引导线动画的制作实验目的：理解引导动画制作原理；掌握引导线动画的制作方法。实验内容：1．创建引导路径动画的方法（1）创建引导层和被引导层一个最基本“引导路径动画”由二个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标同普通图层一样。在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图所示。（2）引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。（3）向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。2．应用引导路径动画的技巧（1）“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。而如果在【对齐】前打勾，元件的注册点就会与运动路径对齐。（2）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为。（3）在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮，可以使“对象附着于引导线”的操作更容易成功。（4）过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。（5）被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。（6）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以按下工具栏上的任意变形工具，调整注册点。（7）如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型。（8）如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。（9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。3.操作实例包括：小球在空中做抛物运、地月系、豆豆吃草莓、落花时节、吹泡泡、原子模型。说明：教师可以按照授课时的实际情况，从实验内容中自选实例进行操作。实验步骤：以其中的两个实例为例，给出详细步骤。实例1小球在空中做抛物运动步骤：选择菜单栏中的插入，选择新建元件，插入一个小球元件，取名小球，属性图形。回到场景，拖动小球元件到工作区域。在时间线上第10帧的的地方单击鼠标右键，在弹出的菜单中选择插入一个关键帧。在时间线上第20帧的的地方单击鼠标右键，在弹出的菜单中选择插件关键帧。单击导线层按钮,添加一个导线层。在工作区域里画上一个抛物线。回到第一层，将第一帧小球准确地放在抛物线的起点（小球的十字刚好在抛物线上为准），将第10帧的小球放在抛物线的顶点位置，并将小球变小。将第20帧的小球放在抛物线的终点位置。在时间线上第一帧的地方单击鼠标右键--创建动画动作。在时间线上第10帧的地方单击鼠标右键--创建动画动作。在导线层的上面在添加一层作为小球在地面的阴影层，在第一帧里添加一个椭圆形（填充颜色为黑白立体色）将其放在小球的下面，在第10帧的地方添加一个关键帧，在第20帧的地方添加一个关键帧。回到第10帧的地方将阴影改小。在阴影层的时间线上第1帧的地方单击鼠标右键--创建动画动作，在阴影层的时间线上第10帧的地方单击鼠标右键--创建动画动作。选择菜单栏上的控制--播放，即可预演效果。实例2卫星绕地球运动步骤：单击菜单中“新建”|“文件件”命令，新建文档。在图层1第1帧处放入地球图片，在第20帧处右击，在弹出的快捷菜单中选择“插入帧”，插入一个普通帧。右击图层面板，在弹出的快捷菜单中选择“插入图层”，新建一个图层，名称默认为“图层2”。在图层2第1帧处使用椭圆工具画一个灰色的小圆（代表卫星），按ctrl+G键转换为群组，在第20帧处右击，在弹出的快捷菜单中选择“插入关键帧”，插入一个关键帧，将小圆位置略做移动，选择第1帧，在帧属性面板上，选择“移动”，建立运动渐变。右击图层2，在弹出的快捷菜单中选择“添加引导层”命令，增加一个引导层，在引导层第1帧画一个椭圆，擦除一小段线条，使其变为不封闭状态。单击图层2第1帧，将小圆移至椭圆开始端；再单击图层2第20帧，将小圆移至椭圆结束端。使小圆沿着引导线运动。单击菜单“控制”|“播放”，检查动画效果，可以看到小圆围绕着大圆转动。实验三：遮罩动画的制作实验目的：理解遮罩动画的概念；掌握遮罩动画的制作方法。实验内容：1．遮罩动画的概念“遮罩”，顾名思义就是遮挡住下面的对象。在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。2．创建遮罩的方法（1）创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图所示。（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。3．应用遮罩时的技巧（1）遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。（2）要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。（3）可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。（4）不能用一个遮罩层试图遮蔽另一个遮罩层。（5）遮罩可以应用在gif动画上。（6）在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。（7）在被遮罩层中不能放置动态文本。4.操作实例包括：文字遮罩效果、探照灯效果、枫桥夜泊实例、画轴、沙漏、发光效果、佛光效果、我要学做闪客、红星闪闪。说明：教师可以按照授课时的实际情况，从实验内容中自选实例进行操作。实验步骤：以其中的三个实例为例，给出详细步骤。实例1探照灯效果步骤：创建背景。新建一个文件，在文档属性中设置尺寸为400*170像素，背景色为蓝色。制作被光照到的背景。双击图层1改名为“彩色楼房”用矩形工具绘制一排楼房，填充为红色，然后绘制一些小矩形作为窗户，填充为黄色，调整窗户的位置，防盗楼房上。再绘制一片绿地。将颜色图层延长至30桢。制作夜里没有光照的背景。在“彩色楼房”层上新建一个图层命名为“夜晚”将“彩色楼房”图层中的所有对象，原位置粘贴到图层“夜晚”中，然后，将所有颜色改为黑色。制作探照灯。在“颜色”层上，单击新建图层按钮，新建一图层，命名为遮罩。用椭圆工具绘制一个圆形，填充色可以任意。用箭头工具选中这个圆，将其转换为图形元件，命名为遮罩。选中第30桢，插入关键桢，在第1桢中将元件“遮罩”移至楼房的最左端，在第30桢将元件“遮罩”移至楼房最右端。在1到30桢任选一桢，右键，在弹出的快捷菜单中选择“创建补间动画”。右击图层“遮罩”，选择遮罩层命令。导出影片。实例2枫桥夜泊实例步骤：新建文档，对文档进行相应的设置用鼠标双击图层1层，输入背景,把该层命名为背景。绘制背景。新建一层，把该层命名为标题(双击该层，输入标题).选择工具栏中文字工具，在文字工具参数栏中设置字体为“文鼎古印体”(没有这个字体可以选用其它字体)，文字大小为36，颜色设置为黑色。点击标题层第一帧，在工作区中单击，出现一个边框，输入“枫桥夜泊”，选择箭头工具，把它拖到合适的位置。点击标题层第1帧，按F8键，在弹出对话框中输入标题,选择图形,点击OK，在标题层第30帧，按快捷键F6，创建关键帧，在背景层第30帧按快捷键F5。点击标题层第1帧,选择箭头工具,打开参数栏中的缩放工具，文字周围出现小方块，拖拽小方块，把文字拉大。在标题层1到30帧之间任何一帧单击双击鼠标，在弹出对话框中选择补间，再选择动作，点击确定，出现蓝色背景箭头，说明建立了渐变关系。新建一层，命名为诗,在该层第42帧按F6键，在背景层第42帧按F5键(把背景层图像延长到42帧)。单击诗层第42帧，选择工具栏中文字工具，在文字工具参数栏中设置字体为“文鼎古印体”(没有这个字体可以选用其它字体)，文字大小为36，颜色设置为黑色。在工作区中竖着输入诗句“月落乌啼霜满天，江枫渔火对愁眠。姑苏城外寒山寺，夜半钟声到客船。”，输入一个字回车一下，输入一句换一列，诗句输入完后，点击诗层第42帧，全部选中了四列诗句，点击箭头工具，选择每一列，调节它们的距离。新建一层，命名为遮罩,在第42帧按F6键创建关键帧，选择工具栏中矩形工具，参数栏中设置无边框，填充颜色为红色，单击该层42帧。在工作区中拖出一个红色边框，把诗句全部覆盖，点击72帧按F6键创建关键帧，并点击诗、背景层第72帧按F5键，把这两层图像延长到72帧。单击遮罩层第42帧，选择箭头工具，在红色边框周围拉一个框，选中这个红色边框绝大部分，把选中的部分删去。双击遮罩层42到72帧任意一帧，在弹出的对话框中选择补间,在补间下拉菜单中选择形状，点击确定。在遮罩层图标上单击鼠标右键，在弹出的菜单中选择遮罩,建立了遮照层。点击遮罩、诗、背景层第75帧，按F5键把这三层图像延长到75帧。按Ctrl+回车键，测试效果，保存文件。实例3发光效果步骤：将背景改为黑色，插入一影片剪辑元件“发光”。选线条工具，笔触高度设为“2”，在舞台上画一条白线，用任意变形工具把直线的中心点移到直线尽头稍下方。打开变形面板，旋转15度，点“复制并应用变形”直至得到一“风车型”线性圆形。选择所有线条，点“修改--形状--将线条转换为填充”，填上黄到黄的透明渐变色。回到场景，将“图层1”命名为“发光”，将元件“发光”拖到图层上。新建一个图层，将其命名为“遮罩”，回到“发光”层将“发光”复制后，点“遮罩”层，按shift+ctrl+v原位粘贴。点“修改--变形--水平翻转”。将两个图层在40帧的位置插入关键帧，选择遮罩层第40帧，点“任意变形”，将图形旋转45度。为两图层创建补间动画，在遮罩层上单击右键选择“遮罩层”。新建一图层，命名为元宝，将一元宝图片导入到flash中，并拖拽到元宝层的相应位置。测试影片即可。实验四：影片剪辑元件的制作和应用实验目的：掌握影片剪辑元件的制作方法；能够合理应用影片剪辑元件。实验内容：影片剪辑元件影片剪辑是Flash的一种特殊元件，它一般是一段电影动画。影片剪辑的使用相当于在动画中又嵌入了另一个动画，每一个影片剪辑均是独立的，即它的播放与其它动画的播放无关。利用影片剪辑可以制作出复杂的动画效果。2．创建影片剪辑元件单击菜单中“插入”|“新建元件”命令，弹出新建元件对话框。在对话框中的名称栏输入元件的名字，选择元件类型为“影片剪辑”，单击“确定”。Flash转换到影片剪辑元件编辑模式。3.操作实例包括：贺卡、落花效果、风车及蒲公英、圣诞树、火柴人走路、打雷、镜面效果、情人节贺卡。说明：教师可以按照授课时的实际情况，从实验内容中自选实例进行操作。实验步骤：以其中的两个实例为例，给出详细步骤。实例1落花效果步骤：新建文档，首先在图层一导入桃树图片当作背景使用，并将图层一命名为背景。新建一个元件，类型为图形，我们开始绘制一个花瓣的形状，绘制方法非常简单。新建一个影片剪辑，然后把花瓣拖到影片剪辑的图层1中，为图层1插入一个运动引导层，用铅笔工具绘制一条弯曲的曲线。在图层１的40帧插入关键帧，之后把运动引导层也延伸到40帧，在第一帧把花瓣图形对准路线的开始位置，在第40帧把花瓣图形拖到曲线的最终位置。按照同样的方法另外制作两个同样的影片剪辑，使花瓣的运动轨迹不同。在此不再详细介绍。回到场景中，插入两个新的图层，选择图层2，然后按CTRL+L打开库面板，把制作好的三个花瓣飘落的动画拖到舞台中。实例2贺卡的制作步骤：创建背景：设置场景的大小为400px×300px，背景为橘黄色，帧频为12fps。按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“圆”的图形元件。创建影片剪辑“动”，将圆拖到第一桢，在第10桢插入关键桢，调整元件位置，做动画创建影片剪辑“烟花”，将“动”拖到第一桢，复制围成一个圆形。“文字”影片剪辑元件的设计可以随意，就看读者想说些什么了。关键是要能和动画相映成趣，相辅相成。但要注意，文字动画的设计不能太花哨，尽量少设计文字动画，少用各种字体，也尽量不要使用形变动画和透明动画，否则会增大文件体积。绘制兔子：使用工具栏绘制一个小兔子：导入图片，设计主场景。将“烟花”拖拽几个到背景层。新建一文字图层制作文字的动作效果。现在按快捷键Ctrl+Enter观看最终效果。实验五：交互动画的制作实验目的：掌握按钮元件的制作方法；掌握简单的动作脚本命令。能够制作简单的交互动画。实验内容：交互动画介绍交互动画是指在动画作品播放时支持事件响应和交互功能的一种动画，也就是说，动画播放时可以接受某种控制。这种控制可以是动画播放者的某种操作，也可以是在动画制作时预先准备的操作。Flash通过ActionScript编程技术，使之具有了强大的人机交互功能。ActionScript编程技术ActionScript的中文翻译是“动作脚本”，是Flash的专用脚本程序语言，它采用面向对象、事件驱动的编程方式，具有第五代编程语言的特点。在动画播放时，按下鼠标、敲击键盘、进入某一帧等均可以产生一个事件，通过事件激活相应的程序，在程序中改变对象的属性，即改变对象的位置、颜色、形状、音量等，实现人机交互功能。ActionScript（动作脚本）的类型（1）帧动作脚本如果将一段程序代码放在某一帧上，这一段程序称为帧动作脚本。当动画播放到此帧时，相应的动作脚本程序就会被执行鼠标单击某一帧，则动作面板自动转变到该帧程序编辑框。其左上角显示“动作－帧”，表示现在进行帧程序的编辑。在命令编辑区中只要输入一个字母，在时间轴上的对应帧上出现了一个字母“a”，表明在该帧添加有一个动作。反之如果将所有的命令全部删除，对应帧上的字母“a”也自动删除。（2）按钮动作脚本和影片剪辑动作Flash中只有按钮实例和影片剪辑实例能够添加动作脚本代码。当按钮发生某些事件时（如鼠标滑过按钮、按下按钮或者放开按钮等），相应的脚本程序就会被执行（例如我们常见的单击播放按钮，动画开始播放；单击停止按钮，动画停止播放）。鼠标单击某一按钮，则动作面板自动转变到该按钮程序编辑框，其左上角显示“动作－按钮”，表示现在进行按钮程序的编辑。同样，鼠标单击某一影片剪辑，则动作面板自动显示该影片剪辑程序的编辑框，其左上角显示“动作－影片剪辑”，表示现在进行影片剪辑程序的编辑。4.操作实例包括：环绕的小球、照相机效果、奔跑的豹、情书、浏览婚礼照片、猴子爬树、生日快乐、鼠标看画、松鼠走路、图片切换、珍贵的相册、化妆片网页。说明：教师可以按照授课时的实际情况，从实验内容中自选实例进行操作。实验步骤：以其中的三个实例为例，给出详细步骤。实例1照相机效果步骤：创建背景。制作照相机。双击图层1改名为照相机。绘制照相机图形，转换为元件。绘制按钮，将相机的快门转换为按钮元件，在在按下桢，画一闪光，调整到一适当位置。制作影片剪辑——“点这里”，让别人知道快门在哪里。制作相片运动动画，效果是当按完快门，图片从相机后掉出来。导入照片位图，转换为元件在场景的时间轴上新建一相片图层，在第1桢和第30桢处插入关键桢，制作动作动画。选中第一桢，在属性面板中给桢标签命名位“1”给影片的第一帧加入命令—stop给按钮加入命令：选中按钮元件，在动作面板中输入如下代码：on(release){gotoandplay(“1”);}测试影片。实例2猴子爬树步骤：创建背景，新建一个文件，设置属性制作背景天空：使用绘图工具栏，绘制矩形。调整混色器。设置填充样式未线性。第一桢为绿色，中间为白色，第三桢为蓝色。将矩形填充。绘制树。使用刷子工具绘制一棵树。绘制猴子：绘制猴子头。并将其转化为图形元件---猴头。绘制猴子身体。并转化为元件—猴身体。制作猴子动起来效果。新建一元件，命名为猴子动，行为设置为影片剪辑。绘制一个晃动四肢的猴子。