2016--2017学年高一信息技术校本课程课题:FLASH动画制作龙岩学院附中高一信息技术校本选修课教学设计2第一课时教学目标:1、熟悉FLASH8.0的界面。2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。3、掌握几个基本术语:图层、元件4、记住几个快捷键5、完成四幅绘制图案教学重点:应用工具画图教学难点:复杂遮照的创建。教学过程:一、界面环境介绍二、工具箱的介绍工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏,单击某个工具的按钮,即可激活相应的操作功能,以后把这一操作叫作使用某个工具。(1)“工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。(2)“查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。(3)“颜色”栏:工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。(笔触颜色)按钮:用于给线着色,也叫作描绘颜色。龙岩学院附中高一信息技术校本选修课教学设计3(填充色)按钮:用于给填充着色。(从左到右分别是:黑白、没有颜色和交换颜色)按钮:单击“黑白”按钮,可使笔触颜色和填充色恢复到默认状态(笔触颜色为黑色,填充色为白色)。在选择了椭圆或矩形工具后,“没有颜色”按钮才有效,变为,单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮,可以使笔触颜色与填充色互换。(4)“选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的,大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时,通常应当在选中绘图或编辑工具后,再对其属性和功能进行设置,才能顺利达到预期的效果。三、动手用一下工具1、使用工具制作一个“笑脸”或“哭脸”2、渐变工具的使用:几个关键概念颜色调板填充变形工具的使用3、用椭圆画个画环操作步骤:1、用填充色画圆,并设置笔触的粗细。2、设置边线的填充色为“七彩色”。3、将该线形圆环转换成填充色:修改--形状--将线条为填充。4、使用“墨水瓶”工具给圆环加边线。效果如右:龙岩学院附中高一信息技术校本选修课教学设计44、用多边形工具画太阳操作步骤:1、用多边星形工具制作太阳的外围,作以下设置:(1)将矩形工具转换成多角星形工具(2)设置多角星形的“属性”中的“选项”(3)设置“样式”为星形,输入星形数,及星形顶点大小(顶点越小,星形越尖)2、设置填充色为放射性,无边线3、开始画星形。4、创建一个同心的圆为太阳的脸。5、使用直线工具画眼、嘴。(注意:用选择工具调整其曲线度,利用变形工具作旋转)四、课堂习题:自创月亮作业龙岩学院附中高一信息技术校本选修课教学设计5第二课时各类特效文字的制作教学目标:1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。3、掌握如何制作特效文字。4、掌握位图的导入及矢量图的转换。教学重点:1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作教学难点:复杂遮照的创建。教学过程:一、点框文字制作步骤:1、用文字工具输入文字2、将文字使用“分离”或按下(ctrlB)组合键3、再将每个分离的文字使用“分离”,即直到文字被选中时呈现点型。4、使用“墨水瓶”工具,设置线型为“点型”,设置线的颜色(注意务必使用与文字颜色不同的一种颜色),用鼠标单击文字5、所有文字的边线勾勒完毕后,用选取工具选取文字内心,并删除。二、彩虹文字制作步骤:1、用文字工具输入文字2、将文字使用“分离”,(分离二次)龙岩学院附中高一信息技术校本选修课教学设计63、选择填充颜色,再用颜料筒单击文字即可三、彩图文字图片下载制作步骤:1、用文字工具输入文字2、将文字使用“分离”3、选择填充类型为“图片”,图片填充有二类4、再用墨水瓶工具勾勒边缘5、将边缘线条转化为填充6、“修改”--“形状”--“柔化填充边缘”龙岩学院附中高一信息技术校本选修课教学设计7第三课时直线运动教学目标:1、要求学生掌握直线运动的补间。2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。教学重点:运动补间的设置;教学难点:关键帧/普通帧的区别;教学过程:一、导入:动画制作的关键要素1、帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其他多种对象。2、关键帧——顾名思义,有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。4、普通帧——在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。二、基本动画1、直线运动动画:任何对象都可以设置直线动画,只需二个关键帧例如:素材下载2、渐变运动动画①淡入、淡出动画:使用实例才能完成此项动画,一般通过调整关键帧的透龙岩学院附中高一信息技术校本选修课教学设计8明度来设置场景中的各实例的出现方式。一般淡入淡出式动画是用二个关键帧完成,第一关键帧为全透明(100%)或部分透明,第二关键帧透明度为0。②闪烁动画:一般用三个关键帧完成,即从淡入到淡出的过程,即全透明--不透明--全透明的设置过程。例如:以下例子中星星,就是用影片元件来完成的。3、旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。例如:拖影文字操作步骤:①建立文字元件,拖到舞台②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。龙岩学院附中高一信息技术校本选修课教学设计9第四课时变形运动教学目标:1、要求学生掌握变形运动的补间。2、掌握变形运动的特点:普通形状对象可以变形。3、掌握影片元件的制作方法。教学重点:运动补间的设置;影片元件的创建。教学难点:关键帧/普通帧的区别;教学过程:一、变形动画:要求参与动画的对象必须是形状,不得使用元件。例如:以下动画中A-->B-->C之间、五角星——十角形即为形状变形。操作步骤:①设置背景色②插入第一关键帧,并绘制一个五角形。③在第30帧上插入空白关键帧,并绘制一个十角星形。④利用时间轴上的“编辑多帧”工具,对齐第一、二关键帧的各自五个角。⑤在第一关键帧上设定五个“形状提示点”,修改--形状--添加形状提示点。⑥在第二关键帧上设定各提示点的对应终点位置。⑦对第一关键帧设定“形状”动画补间。龙岩学院附中高一信息技术校本选修课教学设计10第五课时处理外部图形与简单动画制作八卦图的制作步骤:1.新建宽度640像素,高度480像素,分辨率72像素/英寸,RGB颜色模式,白色背景的文档,命名为八卦图,如下图所示。2.打开前景色拾色器,选取淡蓝色,并使用快捷键Alt+Delete将文档填充为淡蓝色。3.按Ctrl+’显示网格,选择工具箱中的椭圆选框工具,同时按住键盘上的Alt+Shift键,以网格中的一点为中心点绘制正圆,如下图所示。4.打开图层面板,单击面板上的创建新图层按钮,新建图层1。5.按D键将工具箱中的前景色和背景色设为默认的黑/白色,按快捷键Alt+Delete将圆形填充为黑色,图层面板如下图所示。6.选择工具箱中的矩形选框工具,选择工具选项栏上的“从选区中减去”按钮,在图像中绘制如下图所示矩形,最终只剩下半个圆形选区。7.按Ctrl+Delete将左半个圆形填充为白色,如下图所示。8.按Ctrl+D取消选区,打开图层面板,复制图层1得到图层1副本。图层面板如图所示。龙岩学院附中高一信息技术校本选修课教学设计119.选择图层1副本,单击图层面板上的锁定透明像素按钮,将图层1副本的透明像素锁定。10.按Alt+Delete将图层1副本中的圆形填充为黑色。11.选择移动工具,勾选移动工具选项栏上的“显示变换控件”,用鼠标拖动变换控件,并将工具选项栏上的水平和垂直缩放比例都设置为50%。工具选项栏如图所示。按回车键确认变换,结果如图所示12.用移动工具将黑色的小圆形向上移动,结果如图所示。13.复制图层1副本得到图层1副本2,按Ctrl+Delete将圆形填充为白色,并向下移动,结果如图所示。14.复制图层1副本2得到图层1副本3,接着重复11-13步骤,作出最终结果,注意重复11步骤时缩放比例可以保持在25%左右。15.再次按Ctrl+’取消网格显示,得到最终结果。16.单击“文件存储”将该文档保存为psd格式,名字为八卦图。龙岩学院附中高一信息技术校本选修课教学设计12第六课时FLASH的工具的技巧教学目标:1、要求学生巩固掌握FLASH的工具中的一些技巧。2、巩固FALSH中存在的五种变化--移动、缩放、旋转、颜色、透明度教学重点:工具中技巧的合理运用。教学过程:一、在FLASH中有些工具使用的技巧有助于动画设计的美感,下面总结几种我们平时制作当中常用到的几种小技巧:1、柔化物体边缘先看下图一的效果,此效果,我们所使用的最简单的方法是利用FLASH本身的边缘柔化功能:先画好一个圆,如图二;然后选中此图形(不可是元件图形)--圆,选择修改--形状--柔化边缘填充,在弹出的对话框里设置参数,如图三,确定以后就形成上图的效果。(注意:参数的大小影响了边缘柔化的程度,但有一点,最好只进行一次柔化,如在柔化以后再柔化可能会使FLASH计算复杂,而出现于要求不同的效果。)同理,我们可以对文字边缘进行柔化,如下效果3和4分别是对文字的填充色和笔触进行了柔化。值得注意的是必须先把文字分离,并且在对笔触进行柔化之前,事先要求将线条转化为填充。引申:龙岩学院附中高一信息技术校本选修课教学设计13在实际运用当中如果要进行较为灵活的边缘柔化,我们不妨利用混色器来完成。即在选中图形后调出混色器编辑框,颜色填充样式选择放射状,然后将左右两个颜色填充节点的颜色都设置为白色,再将右边的颜色节点的透明度为“0”,用此方法制作的效果有一点好处就是可以灵活的改变边缘柔化的程度,思考如何达到后面三种图形的效果。2、变形复制效果如下:对于这个效果我们使用的是复制并变形的功能。首先可以画一个椭圆,然后选中此对象,用变形工具改变它的自由变化中心,如下面左右两图,左边为没有改变的状态,右边为改变以后的状态:自由变化中心的改变然后选择窗口--变形调出变形对话框,如图:在旋转参数里输入对象旋转的角度,比如20度,再点击对话框右下角的拷贝并应用变形按钮,直到图象变成我们所需状态。二、在FALSH中存在的五种变化--移动、缩放、旋转、颜色、透明度具体效果看影片文件(注意:后面两种变化必须是对实例,即对拉到场景中的元件进行设置。)龙岩学院附中高一信息技术校本选修课教学设计14第七课几种常见字体效果的制作(一)教教学目标:1、巩固掌握FLASH制作中几种常见字体效果的制作。教学重点:字体效果的制作、各补间的特性和要求。教学过程:一、在一个好的FLASH作品里常常会运用到一些经过处理的FLASH字效,前面我们已经介绍了多种在FLASH中常用的字效:点框文字、彩虹文字、位图文字、立体字、倒影字等,今天,再补充几个特效文字的处理。1、双色(多色)字关键技术要求:[1]、制作此类文字效果,只要将文字打散成离散的图形;[2]、然后用选取工具选取其中部分,再对选中部分进行颜色填充;[3]、选取次数可以随意定。2、镂空字(素材下载)关键技术要求:[1]、此类效果需两层图层才能完成;[2]、底层放置