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

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 初识动画元素 任务目标1明确帧、帧频的含义2掌握“文本工具”、“变形面板”的使用方法3理解逐帧动画的含义4制作Flash单图层动画文件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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