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动画中的主体因素。角色元件一般可以分为静态的图形元件和动态的影片剪辑元件。一部精彩的动画作品,就是由若干个角色元件实例的组合和变化而形成的。