岗前培训学习单元1-初识动画元素课件.ppt

1、学习单元1 初识动画元素单元学习目标单元知识准备项目1 探究动画原理任务1 初识帧和帧频任务2 认识管理图层项目2 制作动画片段任务1 认识角色元件和实例任务2 明确角色元件的种类任务3 制作动画人物角色任务4 制作合成动画片段单元知识总结与提炼学习单元1 初识动画元素【单元学习目标】1了解Flash CS5软件的界面，掌握Flash CS5界面的基本操作方法。2了解掌握新建文档后基本环境设置。3掌握Flash CS5中各种工具和常用面板的功能及操作方法。4学会新建并保存动画文档。5理解动画的基本原理和构成要素。6明确动画元件的作用和种类。7明确Flash动画制作的基本流程。学习单元1 初识动

2、画元素【单元知识准备】1启动Flash CS5（1）双击“桌面”软件图标（2）选择“开始”“所有程序”“Adobe Flash CS5 Professional”菜单命令学习单元1 初识动画元素【单元知识准备】2Flash CS5界面学习单元1 初识动画元素【单元知识准备】3Flash CS5文件的基本操作学习单元1 初识动画元素（1）新建文件（2）设置文件属性（3）文件测试（4）保存文件（5）发布文件（6）关闭文件（7）打开文件任务1 初识帧和帧频学习单元1 初识动画元素u 任务目标1明确帧、帧频的含义2掌握“文本工具”、“变形面板”的使用方法3理解逐帧动画的含义4制作Flash单图层动画文

3、件【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施1选择“文件”“新建”命令，新建一个名为“帧表情.fla”的Flash文件。2设置文档属性，将帧频设置为6fps。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施3先单击选中工具箱中的文本工具，输入文本内容“清早起床”。4使用工具箱中的选择工具 单击选中舞台中的文本对象，调整文本对象在舞台上的位置。5选中第11帧，按 F7键插入空白关键帧。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施6选择“文件”“导入”“导入到舞台”命令，将图片素材导入到舞台中

4、。7使用选择工具 单击选中舞台中的图像对象，调整其在舞台中的位置。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施8选中第14帧，按F6键插入关键帧。9使用选择工具 单击选中舞台中的图像对象，并按住键拖曳出一个图像对象的幅本。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施10打开“变形”面板，先设置“约束”选项，然后再设置缩放比例为50%，将图像大小缩放50%。11重复上一步的操作步骤，使用“变形”面板，依次调整图像的缩放比例分别为50%、60%、70%、80%、90%。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初

5、识动画元素u 任务实施12选中第20帧，按 F6键插入关键帧。13使用选择工具 单击选中舞台最左侧的图像对象，打开“变形”面板，选择“取消变形”按钮，将图像大小从50%恢复到初始100%状态。14重复上一步的操作步骤，将舞台中所有图像的大小恢复到初始100%状态。【项目1 探究动画原理】任务1 初识帧和帧频学习单元1 初识动画元素u 任务实施15单击工具箱中的文本工具，输入文本内容“实在很困！”。16先单击选中工具箱中的任意变形工具，再单击舞台上的文本对象，使用任意变形工具旋转文本对象。17选中第30帧，按 F5键插入普通帧，对动画效果进行延时设置。【项目1 探究动画原理】任务1 初识帧和帧频

6、学习单元1 初识动画元素u 任务拓展【项目1 探究动画原理】利用提供的图片素材，合理使用各种工具，综合运用帧操作的相关技术，自由创意、设计动画效果，继续制作完成本任务中动画案例“帧表情.fla”，从而让动画内容更加完整、动画效果更丰富！任务2 认识管理图层学习单元1 初识动画元素u 任务目标1掌握新建图层、对图层进行重命名的方法。2对图层进行基本管理（隐藏、锁定或重新排列图层）。3使用“任意变形工具”调整动画对象4使用“变形面板”调整动画对象5制作Flash多图层动画【项目1 探究动画原理】任务2 认识管理图层学习单元1 初识动画元素u 任务实施1选择“文件”“打开”命令，打开任务1中文件名为

7、“帧表情.fla”的Flash文件。2双击“图层1”，输入图层新名称“动画”，对图层进行重命名。3单击图层编辑区下方的“新建图层”按钮，在“动画”图层上方新建一个图层。4对“图层2”进行重命名，命名为“背景”图层。【项目1 探究动画原理】任务2 认识管理图层学习单元1 初识动画元素u 任务实施5单击选中“背景”层，按住鼠标左键拖动其到“动画”层的下方。6参照“动画”图层中关键帧的位置，在“背景”图层的相应帧上，分别按 F6键插入空白关键帧。【项目1 探究动画原理】任务2 认识管理图层学习单元1 初识动画元素u 任务实施7选中“背景”图层第1帧，选择“文件”“导入”“导入到舞台”命令，将图像素材

8、导入到舞台中。使用选择工具、任意变形工具 调整图像素材的位置、大小。【项目1 探究动画原理】任务2 认识管理图层学习单元1 初识动画元素u 任务实施8重复步骤7，分别在第11帧、第14帧、第20帧，导入图像素材、调整图像的大小、位置。9测试动画效果。【项目1 探究动画原理】任务2 认识管理图层学习单元1 初识动画元素u 任务拓展【项目1 探究动画原理】利用提供的图片素材合理使用各种工具，综合运用帧操作、图层操作的相关技术，为动画案例“帧表情.fla”添加动画片头、动画片尾。任务1 认识角色元件和实例学习单元1 初识动画元素u 任务目标1明确角色元件的含义2明确角色元件和实例的关系3明确“库”的

9、作用【项目2 制作动画片段】任务1 认识角色元件和实例学习单元1 初识动画元素u 任务实施1新建一个Flash CS5文件，命名为“按钮.fla”。2选择“窗口”“公共库”“按钮”命令，弹出“库”面板。3在“库”面板中选中“buttons bar crapped”文件夹下的按钮文件“bar crapped blue”，将其拖曳到场景中，即在场景中创建了按钮文件“bar crapped blue”的一个实例。【项目2 制作动画片段】任务1 认识角色元件和实例学习单元1 初识动画元素u 任务实施4使用“工具”面板中的“选择工具”选中场景中的“bar crapped blue”按钮角色实例，打开“属

10、性”面板查看该角色实例的相关属性，并将该实例名称命名为“蓝色按钮”，【项目2 制作动画片段】任务1 认识角色元件和实例学习单元1 初识动画元素u 任务实施5再次打开“库”面板，选中“bar crapped blue”，将其拖曳到场景中，创建按钮文件“bar crapped blue”的另一个实例。6 在“属性”面板中将实例命名为“绿色按钮”，并通过“色彩效果色调”选项，设置“绿色按钮”实例的颜色为绿色。【项目2 制作动画片段】任务1 认识角色元件和实例学习单元1 初识动画元素u 任务实施7保存“按钮.fla”文件，并测试动画效果。【项目2 制作动画片段】任务1 认识角色元件和实例学习单元1 初

11、识动画元素u 任务拓展1.简述角色元件和实例之间的关系与区别。2.操作：创建自定义公用库除了可以直接使用“公用库”中的元件，用户还可以把自己制作的元件，或者收集的素材也扩充到“公用库”中。【项目2 制作动画片段】任务2 明确角色元件的种类学习单元1 初识动画元素u 任务目标1明确角色元件的种类2理解图形元件和影片剪辑元件之间的差异【项目2 制作动画片段】任务2 明确角色元件的种类学习单元1 初识动画元素u 任务实施1打开一个文件名为“角色元件种类.fla”的Flash CS5文件。2单击“库”面板中“元件预览窗口”的播放按钮，预览“库”中的角色元件效果。【项目2 制作动画片段】任务2 明确角色

12、元件的种类学习单元1 初识动画元素u 任务实施3分别双击“库”面板中的“蚂蚁 图形”、“蚂蚁 影片剪辑”的元件图标，进入这两个元件的编辑模式，查看元件的时间轴、帧上的构成内容。【项目2 制作动画片段】任务2 明确角色元件的种类学习单元1 初识动画元素u 任务实施4分别退出这两个元件的编辑模式并返回到文档场景的编辑状态。5打开“库”面板，在“库”面板中分别选中“蚂蚁 图形”、“蚂蚁 影片剪辑”的元件图标，将其拖曳到场景中的相应文字位置之下。6保存文件，并测试动画效果。【项目2 制作动画片段】任务2 明确角色元件的种类学习单元1 初识动画元素u 任务拓展 操作题：利用“角色元件种类.fla”文件中

13、的库文件和图片素材，自由创意制作一个主题动画短片。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务目标1利用图片素材创建动画图形元件2利用图形元件创建动画影片剪辑元件3设置动画影片剪辑实例的属性【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施 让我们利用图像素材，先来创建静态图形元件，然后再利用图形元件来创建动画影片剪辑元件。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点1新建一个文件名为“人物角色.fla”的文件。2选择“文件”“导入”“导入到库”命令，将图片素材导入到“库”面板中。

14、3选择“插入”“新建元件”命令，在打开的“创建新元件”对话框中，输入元件名称为“人物正面”，选择元件的类型为“图形”。4在“人物正面”图形元件的编辑模式，在“库”面板中选中“1-正面.jpg”图像文件，将其拖曳到编辑窗口中。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点5重复以上步骤，使用图像素材分别创建“人物侧面”、“人物背面”图形元件。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点6选择“插入”“新建元件”命令，在打开的“创建新元件”对话框中，输入元件名称为“人物转身”，选择元件的类型为“影片剪辑”，单击“

15、确定”，即可进入新元件“人物转身”的编辑模式。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点 人物转身的动作通常包括正面左侧面后面右侧面正面5个连续动作。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点7在“人物转身”影片剪辑元件的编辑模式，在“库”面板中选中“人物正面”图形元件，将其拖曳到编辑窗口中。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点8在“人物转身”影片剪辑元件的编辑模式，在第5帧从“库”面板中选中“人物侧面”图形元件，将其拖曳到编辑窗口中。【项目2 制作动

16、画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点9在“人物转身”影片剪辑元件的编辑模式，在第10帧从“库”面板中选中“人物背面”图形元件，将其拖曳到编辑窗口中。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点10在“人物转身”影片剪辑元件的编辑模式，在第15帧从“库”面板中选中“人物侧面”图形元件，将其拖曳到编辑窗口中。选择“修改”“变形”“水平翻转”命令，让人物从左侧面转到右侧面。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点11在“人物转身”影片剪辑元件的编辑模式，在第20帧从“库”面

17、板中选中“人物正面”图形元件，将其拖曳到编辑窗口中。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务实施要点12单击舞台顶部编辑栏左侧的“返回”按钮或单击左上角的场景标签，退出“人物转身”影片剪辑元件编辑模式。13按下Ctrl+L打开“库”面板，将“人物转身”影片剪辑元件拖动到场景中，调整该实例在场景中的大小、位置。按下Ctrl+Enter键，测试动画效果。【项目2 制作动画片段】任务3 制作动画人物角色学习单元1 初识动画元素u 任务拓展 请利用本次任务“人物角色.fla”的Flash CS5文件中的图形元件、影片剪辑元件制作一个人物快速转身的动作。动画效果提

18、示：人物快速转身时，会产生模糊的视觉效果。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务目标1分图层管理动画元素2导入声音文件3调用外部文件库4使用分离命令、套索工具来编辑位图5深入理解库的含义6动画效果的测试、完善【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务实施 根据动画作品的主题内容，合成动画效果，给动画添加背景和音乐效果。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务实施一一调用内置调用内置Flash软件中的软件中的“公用库公用库”元件元件。（1）将“图层1”重命名为“音乐”图层，选择

19、“窗口”“公共库”“声音”命令。（2）在“音乐”图层的第1帧，将文件名为“Cartoon Drum Roll Tom 04.mp3”的声音文件直接从“库”面板中拖动到舞台上。在时间轴面板第40帧，按下F5，插入延时帧。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务实施二二添加背景图层。添加背景图层。（1）在“音乐”图层上新建一个图层，并重命名为“背景”图层。（2）选择“文件”“导入”“导入到舞台”命令，将图片素材导入到场景中。（3）在图层编辑区，锁定“音乐”图层和“背景”图层，并在“背景”图层上新建一个图层，重命名为“动画”图层。【项目2 制作动画片段】任务4

20、 制作合成动画片段学习单元1 初识动画元素u 任务实施三三调用外部调用外部Flash文件中的文件中的“库库”元件。元件。（1）选择“文件”“导入”“打开外部库”命令，在弹出的“作为库打开”的对话框，选择任务3中的“人物角色.fla”文件。（2）Flash软件自动打开“人物角色.fla”文件的“库”面板。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务实施三三调用外部调用外部Flash文件中的文件中的“库库”元件。元件。（3）选择“库”面板中的“人物正面”元件拖动到场景中。（4）双击场景中的实例，进入“人物正面”图形元件编辑状态。（5）单击选中“人物正面”编辑窗口

21、中的图片，选择“修改”“分离”命令，将位图图像打散分离。（6）选择工具面板中的“套索工具”、“橡皮擦工具”，去除白色背景。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务实施三三调用外部调用外部Flash文件中的文件中的“库库”元件。元件。（7）采用同样的方法，编辑“人物转身”影片剪辑元件，去掉白色背景。（8）测试动画效果。【项目2 制作动画片段】任务4 制作合成动画片段学习单元1 初识动画元素u 任务拓展制作：倒计时时钟效果制作：倒计时时钟效果【项目2 制作动画片段】【单元知识总结与提炼】通过项目二完整项目作品的制作，可以明确动画中各类角色元件在动画制作过程中的作用，并初步了解动画中逐帧动画的制作原理，并进一步熟练掌握基本工具的使用方法。角色元件是Flash动画中最基本的元素，是Flash动画中的主体因素。角色元件一般可以分为静态的图形元件和动态的影片剪辑元件。一部精彩的动画作品，就是由若干个角色元件实例的组合和变化而形成的。