动画技术与应用

第四章动画技术与应用

〔二〕Flash根本动画制作一、Flash8中的根本动画分类逐帧动画：自己创立每一帧的内容。时间轴上的每一帧都是关键帧。补间动画：自己制作好假设干关键帧，由Flash自动生成各中间帧，使得画面从一个关键帧过渡到另一个关键帧。两个关键帧分别定义了该动画序列的起始和终止状态，中间帧自动产生动画效果。在Flash中，补间动画又可分为补间动作和补间外形动画两种。补间动作：在一个时间点定义一个实例的位置、大小和旋转角度等属性，然后在另一个时间点转变这些属性。也可以沿着路径应用补间动作，形成曲线运动的效果。补间外形：在一个时间点绘制一个外形，然后在另一个时间点更改该外形或绘制另一个外形，Flash会自动生成二者之间外形变化的帧来创立动画。时间轴特效动画：是从FlashMX2023开头新供给的一种制作动画的方法，可以很简洁地将对象制作为动画。只需选择对象，然后选择一种特效并制定参数即可。二、元件与实例元件在Flash中，元件是可以重复使用的对象，只创立一次，然后可以在整部影片中反复使用。元件可以是一个外形，也可以是动画，并且所创立的元件都自动成为库中的一局部。不管被引用多少次，元件引用对文件大小都只有很小的影响。因而使用元件可以大大缩小文件的大小，加快影片的播放速度。“影片剪辑”元件、“按钮”元件、“图形”元件每个元件都有唯一的时间轴、舞台和图层二、元件与实例创立元件：“插入->新建元件”菜单，设置元件名称和类型后，点击“确定”进入元件编辑舞台编辑元件〔Ctrl+F8〕由舞台中的对象进展转换：选中舞台中的一个或多个元素，选择“修改->转换为元件”，设置名称、类型、注册点〔F8〕转换元件类型：库面板中选中元件，右键菜单中“类型”中选择新类型复制元件：库面板中库面板菜单和元件右键菜单中的“直接复制”菜单；或者选定一个元件的实例，选用“修改->元件->直接复制元件”菜单编辑元件：舞台中直接双击元件实例或选中实例，右键菜单中选“在当前位置编辑”舞台选中实例，右键菜单中选“在新窗口中编辑”库面板中，选中元件后右键菜单中选择“编辑”，或直接双击元件图例二、元件与实例实例创立完一个元件之后，就可以在影片中的任何需要的地方，包括其他元件内，创立该元件的实例了。创立实例就是将元件从“库”面板拖到舞台中，实例是元件在舞台中的具体表达实例是对元件的引用，编辑元件会更新它的全部实例，这样可以削减用户的工作量。但每个实例都具有独立属性，对元件的一个实例的更新只能应用于该实例，不影响元件及元件的其他实例。三、导入外部素材“文件->导入->导入到库”位图修改位图属性视频声音声音效果同步方式四、逐帧动画逐帧动画在时间轴上表现为连续的关键帧，其原理是在“连续的关键帧”中分解动画动作，连续播放而形成动画。由于需要绘制每一帧的内容，利用这种方法制作动画工作量特别大，而且最终输出文件量也很大。但是这种方法制作出来的动画效果特别好，适合于表现很细腻的动画。实例——转动的时钟步骤：新建flash文档图层1第一帧处绘制时钟外形，第360帧处插入一般帧〔F5〕，将时间连续到此位置在新建图层2上绘制分针，F8将其转换为元件。将分针放置在时钟中心，调整其旋转中心点到时钟中心，从其次帧至第30帧依次添加关键帧〔F6〕，每一帧处将分针旋转12度。复制1~30帧，在第31,61,91,121,151,181,211,241,271,301,331帧处粘贴在新建图层3上绘制时针，F8将其转换为元件。将时针针放置在时钟中心，调整其旋转中心点到时钟中心，在第31,61,91,121,151,181,211,241,271,301,331帧处依次添加关键帧〔F6〕，每一帧处将时针旋转30度。Ctrl+Enter演示动画效果五、动作补间动画在一个时间点〔帧〕定义一个实例位置、大小、旋转、颜色、透亮度等属性，然后在另一个时间点〔帧〕转变这些属性，制作补间可以自动生成中间过渡变化的补间帧。应用动作补间动画的对象必需是元件的实例，离散的图形对象不能应用动作补间。实例——渐隐渐现的动画效果步骤：新建flash文档新建图形元件flash，输入字符“FLASH”，字体ArialBlack，字号30；将字符完全打散〔Ctrl+B)回到场景中，将元件拖入舞台创立实例。在第30帧插入关键帧，将实例对象旋转180度将第1~30帧都选中〔shift+鼠标拖动〕，创立补间动画〔右键菜单〕，观看效果〔Ctrl+Enter〕选中第30帧，属性面板中颜色选项中选择Alpha调整到0%，重新观看动画效果实例——残影效果步骤：新建flash文档，依据上一实例制作渐渐消逝文字效果添加三个图层，删除图层2，3，4的全部帧，复制图层1中的全部帧到这三个图层中将层在时间轴上依次错开三帧添加图层5，删除图层5的全部帧，复制图层1中的第一帧到图层5的第一帧Ctr+Enter观看效果六、引导路径动画通过添加引导层创立简单曲线运动效果根本步骤：创立元件将元件实例化，制作直线运动补间动画为图层添加引导层，在引导层中绘制曲线路径在第一帧和最终一帧调整元件实例位置，将其中心点与引导路径起点和终点对齐实例——蝴蝶飘舞步骤新建flash文档导入素材图片到库中，并将其在舞台实例化第30帧插入关键帧，调整蝴蝶位置，中间帧插入补间动画，勾选“调整到路径”选中图层1，右键菜单中点选“添加引导层”在引导层的第一帧中用铅笔绘制曲线路径在第一帧和最终一帧，将蝴蝶实例的中心点与引导路径的起点和终点对齐Ctrl+Enter观看效果实例——两只蝴蝶步骤新建flash文档导入素材图片草坪到库中在图层1中拖入图片草坪，调整图片到与舞台大小全都，并在第30帧插入一般帧依据前面的方法添加图层2及其引导层，制作一只蝴蝶飘舞的效果类似地添加图层3及其引导层，调整蝴蝶大小以及引导路径，制作另外一只蝴蝶飘舞的效果Ctrl+Enter查看动画效果七、外形补间动画通过外形补间可以创立外形变化的效果，使一个外形随着时间变化成另外一个外形。补间外形也可以依据外形、位置、大小、颜色的不同制作出补间动画的效果。留意，应用{动作补间}的对象肯定是{元件的实例}，而应用{外形补间}的对象肯定是{离散状态的图形}。要对组、实例或位图图像应用外形补间，必需首先将这些对象分别；要对文本应用外形补间，则必需先将文本分别。实例——显示软件装载进程条步骤：新建flash文档，更改舞台尺寸为500x200，背景为灰色绘制安装画面，用矩形工具绘制方框，并在方框上方书写“正在安装，请稍候……”。选中第40帧，添加一般帧新建图层2，在第1帧用矩形工具绘制蓝色小方框，留意删除笔触，仅留下蓝色填充区域在图层2的第40帧添加关键帧，利用任意变形工具将蓝色小方框拖拉到与图层1的方框一样长，并用蓝色到浅蓝的渐变色填充，留意用填充变形工具调整渐变色选择图层2的第一帧，属性面板中创立补间外形动画Ctrl+Enter观看效果实例——使用外形提示步骤：新建flash文档在第1帧输入字符I，字体为ArialBlack，字号为140在第40帧插入关键帧，输入字符Z将第1帧和第40帧中的字符分别，并插入补间外形，查看动画效果选中第1帧，选择“修改->外形->添加外形提示”，此时flash自动生成一个掌握点a，同样方法生成掌握点b。分别将第1帧和第40帧的两个掌握点拖到字符的左上和右下角预览动画效果八、遮罩动画遮罩动画是使用遮罩层产生的遮罩效果而实现的动画。遮罩层是一种特殊的图层，透过遮罩层上的遮罩对象可以看到它下面的各层对象。在遮罩层中，任何填充区域都是完全透亮的，而任何非填充区域都是不透亮的。遮罩层上的遮罩对象可以是填充的外形、文字对象、图形元件的实例或影片剪辑；可以是静态对象也可以是动态对象，这将对遮罩效果产生直接影响。实例——简洁遮罩效果步骤：新建flash文档创立图形元件word，输入字符“遮罩动画效果演示”，黑体，黑色，70号创立图形元件ball，绘制直径160个像素的正圆，并用彩虹渐变色填充图层1中，将元件word实例化，添加图层2，将元件ball实例化就翻开对齐面板〔Ctr+K〕，将两个实例都全选上，并相对于舞台居中对齐〔选择“水平中齐”〕选中图层2，右键菜单中选择遮罩层，将其变成遮罩层，观看效果取消图层2的遮罩层属性，将其拖移到图层1下方，将图层1设为遮罩层，观看效果在图层2的第30帧插入关键帧，将图层1也连续到第30帧解锁图层2并调整图层2中第1帧和30帧中ball实例的位置，创立补间动画，重新锁定图层2后预览动画效果实例——卷轴画步骤：新建flash文档导入图片“背景”和“张大千”到库中图层1中，将背景图片拖入舞台，调整大小与舞台一样并打散，输入文字“张大千作品赏析”；矩形工具拖出一个黑色矩形，作为画的展现背景创立图形元件“卷轴”，编辑窗口中利用渐变填充制作立体卷轴元件图层1中的第一帧，创立卷轴的一个实例放在黑色矩形上方，将图层1的第80帧插入帧添加图层2，将图片“张大千”拖入舞台，调整大小放在黑色矩形框中间添加图层3，在第一帧用矩形工具绘制蓝色小长方形，宽度比画作宽度略宽，放在卷轴紧下方，第80帧插入关键帧，用任意变形工具调整蓝色长方形高度与画作高度等同。插入补间外形动画。将图层3设为遮罩层添加图层4，创立另一个卷轴实例，放在第一个卷轴下方。第80帧创立关键帧，调整卷轴位置到画作下方，插入补间动作动画。预览动画效果九、根本动画试验——水波涟漪一、试验目的把握元件的创立，图层与帧的复制、粘贴等操作。综合使用运动补间和外形补间动画。二、试验内容制作水滴下落、水波波浪扩大和溅出水珠的动画效果。在根本图形绘制的根底上，通过转变填充色和设置Alpha值，制作水滴、波浪和水珠的颜色效果；通过使用运动补间和外形补间动画来完成水滴下落和波浪荡漾的效果。三、试验素材〔无〕四、试验步骤步骤：利用补间外形动画创立波浪扩展的元件创立水滴元件场景中图层1第1帧拖入水滴元件，放在舞台上方中间，第7帧插入关键帧，将水滴实例垂直拖到舞台中下方，插补动作补间新建图层2，图