搜索
1二维动画制作教案授课日期第（）周星期（）年月日教案序号2课题动画的基本创作流程课程节数教学目的Flash动画的创作流程并非一成不变的，但一般情况下也有一个大致的流程，本章通过一个实例——模拟客机从滑行到起飞以至降落的全过程，让学员了解详细的Flash的制作流程，以便更全面地掌握基本动画创作思路。重点难点熟悉获取和制作素材的方法掌握新建和设置文档的属性掌握导入和调整图像素材理解什么是帧和关键帧理解设置帧标签的作用掌握如何创建补间动画理解绘图纸外观和编辑多帧的作用掌握影片的测试和发布教学方法讲解+上机操作课程总览动画创作的通用工作流程如何新建文档和设置文档的属性如何导入、调整、转换图形素材插入普通帧和关键帧并设置帧的类型创建补间动画绘图纸外观和编辑多帧的使用测试和发布Flash影片教学过程一、通用工作作流程Flash动画的创作流程并非一成不变的，这里所说的工作流程，是指一般情况下的步骤，具有一定的通用性。创作流程大致可分为三大步骤：素材的准备。素材的准备直接影响到动画作品的整体效果。素材包括：图片（图像或图形）、文字、音效和视频剪辑等。温馨提示：素材有获取和自行制作二种方式。如何获取素材？素材可以通过各种设备获取，比如图片和视频的获取可以利用数码相机、摄像机、扫描仪等，音效的获取可以来自麦克风、网络等。推荐使用AdobeStockPhotos来获取图像素材，这是Adobe所提供的一个庞大的网上图片库。如何制作素材？用户也可以自己定制需要的素材。除了在Flash中绘制以外，还可以通过Photoshop、Illustrator等软件绘制或编辑素材，而后导入到Flash中使用。Flash支持大多数的图形/图像格式，因此用户完全可以采用自己擅长的方式和软件来创作。至于音频的制作，AdobeAudition是非常强大的多轨音频录制、编辑、合成软件。动画的制作。用户可以根据自己的想法或已经设计好的场景、情节来制作动画，2在时间轴中合理地规划和编排已经准备好的素材。创作动画的手法依具体情况而定，可使用逐帧动画、动作或形状补间、时间轴特效等。必要时还可以为按钮加入音效，为场景配以背景音乐。如果希望为动画添加交互能力，使用脚本代码也是必不可少的。动画的发布。Flash能够发布或导出SWF、AVI、MOV、FLV等众多格式，而无需重新制作或进行任何更改。用户也可以把它打包成EXE可执行文件，这样在其他机器上播放时就不必安装任何插件。二、新建和设置文档属性练习：模拟客机从滑行到起飞以至降落的全过程。练习所用到的知识点：设置文档的属性标题和描述：在文本框内为动画加入描述性语言和内容说明。用户就能够直接通过搜索引擎输入关键字，查找到相应的Flash文档。匹配：该选项规定了尺寸大小的匹配方式，其中“打印机”是匹配纸张大小。“内容”是匹配当前帧中对象的大小。背景颜色：用来设置动画的背景颜色，单击会出现拾色器。帧频：用来设置影片播放的速度，即每秒播放动画的帧数，Flash默认值为每秒12帧。标尺单位：用来设定标尺的度量单位，有像素、英寸、厘米等。三、导入和调整图形素材1．导入素材方法：执行菜单“文件”→“导入”→“导入到舞台“命令。.ai为AdobeIllustrator的格式，如希望导入到Flash的.ai图片尽可能地保持原貌，在存储时请另存为较低版本的.ai格式，这样做的好处是兼容性更强。理论上Flash可以导入版本10或更低版本的Illustrator文档。导入.ai文件会出现Illustrator导入对话框，其中包含的设置有将层转换为Flash层或关键帧以及平面化所有层、包括不可见图层等。图层：该选项将源.ai文档中的每个图层转换为Flash文档中的一个图层，分层的内容可以方便用户制作动画。关键帧：该选项将源.ai文档中的每个图层转换为Flash文档中的一个关键帧，可方便制作逐帧动画。平面化：该选项将源.ai文档中的所有层转换为Flash文档中的单个平面化的图层，这样就可以作为一个整体对象来进行处理了。3包括不可见图层：该选项将导入源.ai文件中所有的图层，包括可见层和隐藏层。2．调整和转换素材如果导入后的素材不适合直接使用，可以修改其颜色，或使用任意变形工具调整其大小和角度等。温馨提示：在制作动画之前，必须把运动对象转换为元件。方法：执行菜单“修改”→“转换为元件”命令。转换为元件的类型：图形元件：是指可重用的静态图像，也可以创建与主时间轴同步动画的动画片段，但无法为该类型加入声音和脚本控制。按钮元件：用来创建响应鼠标点击、滑过或其他动作的交互式按钮，该类型可以添加脚本控制。影片剪辑元件：用来创建独立于时间轴、可重用的动画片段。该类型可以添加脚本控制、声音甚至嵌套其他影片剪辑和元件。四、插入帧和关键帧所谓动画，其实就是一系列静态图像通过连续变化形成的动态效果。动画是数个连续动作画面的集合，每个单独的画面称之为1帧。在时间轴中，灰色区间内被标识为普通帧，它是是不能被编辑的。普通帧总是延续上一个关键帧的画面，直到下一个关键帧的开始。我们经常使用插入帧来扩展帧区间，也就是增加帧的长度来对画面进行延时、定格。插入普通帧的快捷键为F5。关键帧的特点是该帧和其前后的画面都不相同，在时间轴上关键帧被标为一个实心圆点，并可以被任意编辑。关键帧可以让用户不必画出每个帧就能够生成动画，中间的过程由补间自动完成，而用户只需要提供关键的一些变化。插入关键帧的快捷键为F6。五、设置帧标签如果动画使用了很多帧，不加以说明，将来编辑时查找起来就不太方便，因此要为帧设置标签加以说明。帧标签有如下三种类型：名称：用来标识时间轴中关键帧的名称，主要作用是方便动作脚本引用该帧，图标显示为红色小旗。注释：用来对关键帧加以注释和说明，动画发布后不输出注释信息，因此不会增大SWF文档的大小，图标显示为绿色双斜框。锚记：可以使用浏览器中的“前进”和“后退”按钮来控制Flash动画，从而使Flash动画在浏览器中的导航更加方便，图标显示为金4色锚。标签的设置方法：选择需要设置标签的帧，调出“属性”检查器，在左侧的文本框中输入文字，然后在“标签类型”下拉式列表中选择需要的类型。六、创建补间动画1．增强颜色对比补间用来产生两个关键帧之间的过渡图像，用户只需要建立一个起始帧和一个结束帧，即可通过补间来填充中间的过程。在Flash中可以产生两类补间：动画补间（动作补间）。可以产生的变化包括大小、颜色、位置、旋转等。形状补间。可以产生的变化包括形状、颜色、位置等。2．加速度和减速度在补间动画中调出“属性”检查器，找到“缓动”项，拖拽后面的滑杆值，负值表示加速度，运动会越来越快，正值表示减速度，运动会越来越慢。七、绘图纸外观和编辑多帧1．绘图纸外观在正常状态下，在舞台中只能显示动画序列的当前帧，这非常不方便编辑和观察，因此需要绘图纸外观这个功能，它也被称为“洋葱皮”效果。它可使前后多帧变为半透明状态，方便进行参照。通过它能够更容易了解整个的运动流程，也便于临摹和对比前后帧的图像。使用方法：在时间轴上单击绘图纸外观按钮，可以看到帧刻度上会出现左右两个大括号，分别叫做“开始绘图纸外观”和“结束绘图纸外观”标记。两个括号是可以拖动的，括号内的帧将变为半透明，舞台中可以观察到这些帧的位置和运动状态。在时间轴上单击绘图纸外观轮廓按钮，同样可以观察到括号内的帧变为半透明，不过所显示的只是外框轮廓。很多情况下，只显示轮廓反而能更清晰地观察对象的运动情况。2．编辑多帧通常情况下，一次只能修改动画的一帧。如果是连续的逐帧动画，只修改其中一帧，其他的帧并不随之改变，这就会造成动画错位。通过编辑多帧和绘制纸外观功能，会让用户对整个动画有更好的掌控和全局感。八、测试和发布影片1．测试影片目的：大量的测试影片可以使用户在创作过程中不断修正自己的作品、不断排错，以达到预期的效果和功能。同样，通过大量的测试，可使用户制作的Flash动画或应用程序运行得更稳定，效果更完美。方法：直接在场景中按回车键来播放当前场景中的动画。需要注意的是，这种方法只能播放主时间轴中的动画，而无法播放影片剪辑。5使用控制器，执行菜单“窗口”→“工具栏”→“控制器”命令就可将其调出，它的外观与普通播放器类似，有播放、暂停、前进、后退等按钮。通过它，用户可以监控主时间轴中动画的播放过程，甚至可以一帧一帧地进行播放。如果想预览整个动画（包括影片剪辑），可以执行菜单“控制”→“测试影片”命令或按快捷键Ctrl+Enter，那么动画就会在一个新窗口中播放了。在该窗口中单击右键，可以看到一个快捷菜单，通过菜单，能够对动画进行放大、改变画质等操作。在播放的同时，在Flash源文件所在的目录中会产生一个.swf文档，也就是最终的输出文件了。2．导出和发布影片导出执行菜单“文件”→“导出”→“导出影片”命令，就可以直接导出.swf格式的影片了，和使用快捷键Ctrl+Enter直接生成.swf的不同之处在于，你可以把它导出到硬盘上的任意位置，并且不但可以选择默认的.swf格式，还可以选择AVI、MOV等常见视频格式以及网页上使用的GIF动画，甚至序列文件。发布影片执行菜单“文件”→“发布设置”命令进入“发布设置”对话框，在“格式”选项卡中，可以选择当前Flash文档以何种格式发布。如果发布成“Windows放映文件（.exe）”那么不管用户端是否有Flash和Flash插件，在Windows平台上都可以运行该Flash动画。发布命令一次可以发布多种格式的文档，发布后的文档被存放于Flash源文件的所在目录。课后总结与回顾回顾学习要点：1．通常制作Flash动画的工作流程是什么？2．如何设置舞台的尺寸？3．简述把对象转换成元件的方法。4．元件有哪三种类型？5．帧标签都有哪三种类型？6．动画补间的创建方法有哪两种？7．观察前后帧的半透明图像需要用到什么功能？8．输出同一文件的不同格式或不同版本，需要用哪条命令？学习要点参考：1．总体创作流程大致可分三大步骤：素材的准备、动画的制作和动画的发布。2．执行菜单“修改”→“文档”命令，在该对话框中直接输入宽和高的值。3．选择对象，执行菜单“修改”→“转换为元件”命令，或按快捷键F8。4．图形元件、按钮元件和影片剪辑元件。5．名称、注释和锚记。6．直接在两关键帧之间单击右键，选择“创建补间动画”，或在“属性”面板的补间下拉式列表中选择“动画”。7．绘图纸外观（洋葱皮效果）或绘图纸外观轮廓。68．执行菜单“文件”→“发布设置”命令，选择好要输出的格式和版本，单击“发布”按钮。实训操作完成实训1并填写实训报告书和实训任务书。完成课后操作题，完成吉普车行驶效果，尝试模拟汽车启动和停车。所需的知识点包括转换元件、影片剪辑使用、动画补间的创建、加速度和减速度等。课后记学生课后操作题部分作品截图09大专计算机一班江沛清09大专计算机一班刘清林709大专计算机一班李海萍09大专计算机二班黄海武09大专计算机二班王婉君