盖州市教师课件培训教案1-7讲

上传人:tia****g98 文档编号:159216875 上传时间:2022-10-08 格式:DOC 页数:37 大小:1.04MB
收藏 版权申诉 举报 下载
盖州市教师课件培训教案1-7讲_第1页
第1页 / 共37页
盖州市教师课件培训教案1-7讲_第2页
第2页 / 共37页
盖州市教师课件培训教案1-7讲_第3页
第3页 / 共37页
资源描述:

《盖州市教师课件培训教案1-7讲》由会员分享,可在线阅读,更多相关《盖州市教师课件培训教案1-7讲(37页珍藏版)》请在装配图网上搜索。

1、盖州市教师课件培训教案 第一讲 认识flashFlash是一款非常优秀的交互动画制作软件,能够制作出声像俱佳,互动性极高的动画影片。Flash原为 Macromedia公司的产品,后来被Adobe公司收购,成为Adobe系列软件中的一员。现在常用的版本有 Flash 8、Flash CS3、Flash CS4、FlashCS5等。它现在常用来制作多媒体教学软件、网站、网页动画及广告、动画片、MTV等。一、初步了解flash 81、flash 8的安装与启动(1)软件安装(2)认识启动界面 2、文件的新建、打开及保存。 (Flash 文档保存时,默认的格式是 *.fla, 称为flash 源文件

2、。)3、认识flash 8的界面(1)标题栏 (2)菜单栏 (3)工具栏 (4)文档选项卡 (5)时间轴 (6)工具箱 (7)工作区及舞台 (8)动作面板 (9)属性面板 (10)其它面板。先主要了解以下几种:对齐面板、混色器面板、信息面板、场景面板、变形面板。其它面板以后介绍。)4、界面的简单设置(1)添加主工具栏 窗口工具栏主工具栏(2)面板的显示与隐藏 工具箱(Ctrl+F2) 动作面板F9 库F11或Ctrl+L 隐藏所有面板F4 显示和隐藏时间轴 (3)文档属性的设置:舞台的大小、颜色设置(“修改/文档” 或双击帧频区域 或用舞台属性面板) 重点:帧频、内容、设为默认值。(4)显示比

3、例调整(符合窗口大小、显示帧、全部显示、指定显示比例8%2000%、缩放工具及手形工具。)(5)使用标尺、辅助线和网格。显示与隐藏标尺、辅助线和网格。(在视图菜单中) 5、了解时间轴6、认识图层(1)什么是图层(2)图层的显示、锁定和隐藏(3)添加和删除图层(4)图层排序(5)轮廓显示图层(6)图层文件夹(7)图层属性设置 (右击图层属性。 可选择“一般”、“遮罩层”、“引导层”等。)7、认识帧(1)什么是帧:帧就是影像动画中最小单位的单幅影像画面,相当于电影胶片上的每一格镜头。 一帧就是一副静止的画面,连续的帧就形成动画,如电视图象等。相对于PPT来说,flash的一帧,相当于PPT的一张幻

4、灯片。(2)关键帧(3)空白关键帧注意:电影每秒24帧,PAL制式电视节目每秒25帧。Flash 8及以前的版本默认的帧频是每秒12帧。Flash CS4默认的帧数为每秒24帧。关于帧的操作,在以后的培训中会具体介绍。第二讲 工具箱的操作及绘图基础一、工具箱常用工具介绍1、绘图工具 2、颜色工具 3、查看工具 4、工具选项二、绘图练习:掌握各种工具的使用方法。注意了解各工具的选项及属性设置。(1)练习使用选择工具选择图形、移动图形、拖动图形边线改变图形。练习:画出右边的图形:(2)练习使用套索工具,选取图形(注意其工具选项中的“魔术棒”及“魔术棒设置”以及“多边形模式”的使用。可以通过导入位图

5、打散后练习。) 练习:将舞台背景颜色设为 #0099FF,导入素材中的“蝴蝶.jpg”,单击“修改分离”,或者按 Ctrl+B 打散图片,试着用套索工具中的“魔术棒”去除图片中的白色背景。 范例演示:蝴蝶飞.fla (该范例的制作方法暂时不必掌握)(3)用任意变形工具改变图形(注意任意变形工具的各种选项)。(4)练习绘制直线、正多边形、矩形和圆角矩形、多角星(注意属性面板中的“选项” )。练习画出下面图形:(5)练习使用铅笔工具和钢笔工具、刷子工具绘图。(6)练习使用墨水瓶工具和颜料桶工具。初步掌握使用颜色面板组给图形添加颜色的方法。墨水瓶工具常用来给图形添加边线色。颜料桶工具可以给图形添加填

6、充色。练习使用纯色、线性、放射状、位图四种方式给图形添加颜色。学会自己定义混色器颜色、使用16进制颜色代码设置颜色、使用RGB值设置颜色、调整颜色的Alpha值。请进行如下练习:1、画一个圆环,把图形填充色的 RGB值分别为 90、200、150。2、画一个图形。把图形填充色设为16进制颜色值 # FF6699。并把颜色的透明度设为60%。3、画出下面的图形(边线色为线性渐变色):4、画出下面的图形1,使用渐变变形工具,把填充色变为图形2。体会渐变变形工具的使用方法。5、画一个图形,再从颜色面板中导入一个位图,使用位图给图形作填充色。并使用渐变变形工具将图形设置为如下效果,学会渐变变形工具的使

7、用方法以及用位图给图形填色的方法。6、禁用边线色,画一个正圆。将填充色设为“放射状”,把左边的色标值设为 #00FF00,右边色标的设为#000000,在工具选项面板上,取消“锁定填充”选项。给圆形填充颜色,变成如下图形:7、画一图形,在颜色面板中,使用线性渐变色给图形填充颜色。共使用4个色标,将各色标的颜色设为红色。再调节两边的色标,将颜色变深。画出如下图形。掌握色标的添加、移动和删除方法,以及设置色标颜色的方法。范例欣赏:打火机打火.swf(此范例的做法暂时不必掌握)(7)练习滴管工具的使用。 用滴管工具可以吸取位图色(未打散的和打散的)、吸取文字格式、吸取图形填充色和边线色。大家动手练习

8、一下。(8)练习使用橡皮擦工具。(注意该工具的“水龙头”选项)三、对象绘制及图形的切割绘制无边线的绘制对象,若填充色相同,重叠后会融合在一起。练习绘制下面的图形:绘制有边线的对象,重叠后,会产生切割效果。我们也常常使用不同颜色的绘制对象重叠,产生切割效果,切割出我们需要的图形。练习绘制下面图形:为避免图形之间互相融合或切割,可以分别将各对象群组(方法是:修改组合,快捷键是 Ctrl+G)。也可以将不同的绘制对象放在不同的图层之中。(还可以,将对象转换为元件。暂时不需要掌握)使用对象绘制,可以有效地避免图形之间融合或切割。使用对象绘制的方法是,选择工具箱中的绘制工具,如矩形工具,然后,单击工具选

9、项中的“对象绘制”即可。四、初步了解一下变形面板和对齐面板的使用。练习绘制以下图形。第三讲 文本对象一、文本的三种类型Flash 8 中有三种类型的文本:静态文本、动态文本、输入文本。 静态文本显示不会动态更改字符的文本,在flash动画播放时,文本的内容不可以改变。 动态文本显示动态更新的文本。在flash动画播放时,文本的内容可以动态显示或改变。输入文本使用户在flash动画播放时,可以将文本输入到动画中。动态文本和输入文本的使用方法在以后讲解。范例:三种文本示例.fla 二、创建文本可使用文本工具创建文本。1、创建不断加宽的文本 使用文本工具,在舞台上单击。2、创建固定宽度的文本 使用文

10、本工具,在舞台上拖动。上述两种方式创建的文本,可以相互转换。对于不断加宽的文本,可以拖动它的控制点,转换为固定宽度的文本; 对于固定宽度的文本,可以双击它的控制点,转换为不断加宽的文本。3、改变文本方向在属性面板中,单击“改变文本方向”,可设置文本为水平文本或垂直文本。 三、设置文本格式选中文本,在属性面板中设置。也可以使用颜料桶工具设置文字的颜色。练一练:试着设置一下文字的颜色、字号、粗体、斜体、对齐方式、字距、上下标、超链接等。四、给文本添加滤镜1、添加/删除滤镜选中文本,在滤镜面板中设置。2、启用/禁用滤镜请大家练习一下给文本添加滤镜的方法。参考范例:文字滤镜(发光).fla 、文字滤镜

11、(阴影).fla、文字滤镜(斜角).fla五、文本的分离选中要分离(又称“打散” )的文本,单击“修改”菜单中的“分离”,或者按Ctrl+B快捷键,可将文本打散。 注意:对于单个字符,直接就可以打散。对于多个字符,第一次分离,是变成单独的文字,第二次分离,才是真正的打散。文本分离后,可以对文本设置扭曲和封套、描边、空心、位图填充等效果。六、其它几种文本效果 了解一下做法。 参见范例:封套和扭曲文字.swf时间轴特效(投影).swf文本效果.swf阴影文字.swf遮罩文字(光线扫过).swf遮罩文字.swf第四讲 对象的操作一、对象的移动方法:1、鼠标拖动 2、键盘方向键移动 (按住SHIFT键

12、可以每次移动10像素)3、用属性面板中的坐标值设置对象位置大家单击视图菜单,把标尺显示出来。然后,选择舞台上的一个长方形对象,在属性面板中,改变对象的坐标,对照标尺,观察对象位置的变化。二、对象的复制1、拖动复制 选中对象,按住ALT键或CTRL键,拖动对象。2、使用菜单复制选中对象后,单击工具栏或编辑菜单中的“复制”(快捷键 CTRL+C),再单击工具栏中的“粘贴”按钮或编辑菜单中的“粘贴到中心位置”,即可粘贴出来。(快捷键是 CTRL+V)若单击编辑菜单中的“粘贴到当前位置”则可以粘贴到被复制对象的相同位置。(快捷键是 CTRL+SHIFT+V)选择对象,单击编辑菜单中的“直接复制”,则可

13、以直接复制对象到舞台上。(快捷键是CTRL+D)三、对象的移动1、鼠标拖动 选中对象,用鼠标拖动对象。2、使用菜单移动对象选中对象后,单击工具栏或编辑菜单中的“移动”(快捷键 CTRL+X),再单击工具栏中的“粘贴”按钮或编辑菜单中的“粘贴到中心位置”,即可粘贴出来。(快捷键是 CTRL+V)若单击编辑菜单中的“粘贴到当前位置”则可以粘贴到被复制对象的相同位置。(快捷键是 CTRL+SHIFT+V)四、对象的删除选中对象,单击编辑菜单中的“清除”,或者,按键盘上的 Delete键或 Backspace键。五、对象的合并选择“对象绘制”模式,绘制两个对象。或者,使用基本椭圆工具或基本矩形工具绘制

14、两个对象。单击“修改”菜单中的“合并对象”命令。选择其中的“联合”、“交集”、“打孔”、“裁切”命令。其中,“联合”就是把多个对象合并为一个对象。“交集”,只留下两个图形重叠部分的上面的图形。“打孔”,是用上面图形裁剪下面的图形,留下的是下面图形去掉重叠的部分。“裁切”,是用上面图形裁剪下面的图形,留下下面图形的重叠部分。注意:交集与裁切后,剩余图形形状都一样,都是两个对象重叠的部分,只是,前者留下的是上面的对象,后者留下的是下面的对象。练习:先用“对象绘制”模式,绘制一个圆,再绘制一个正方形(左图),然后,给正方形打孔,变成右图。 想一想:要完成这个操作,需要注意什么?六、对象的组合选择多个

15、对象,单击“修改”菜单中的“组合” (CTRL+G),可以把多个对象组合在一起。选择组合后的对象,单击“修改”菜单中的“取消组合”,可以取消对象的组合。(CTRL+SHIFT+G)七、对象的分离选中对象,单击“修改”菜单中的“分离”命令,(CTRL+B),可以把对象打散。八、对象的变形我们学过,用任意变形工具,将对象变形。我们还可以使用变形面板,对对象进行变形操作。单击“窗口”菜单中的“变形”,可打开变形面板。使用变形面板可以对对象进行精确的缩放、旋转和倾斜操作,还可以复制出变形后的对象。练习一下:1、绘制一个图形,然后选中图形,进行各种变形操作。2、练习绘制下面的图形(注意确定旋转中心!)8

16、角星绕中心每次旋转30度8角星绕一个顶点每次旋转20度 范例:旋转的风车.fla使用“修改”菜单中的“变形”命令,也可以对图形进行变形操作。请大家自行了解一下菜单功能。九、对象的对齐与排列可以使用主工具栏中的“对齐”按钮,也可以使用“对齐”面板。练习一下:使用对齐面板,对多个对象进行对齐与排列的操作。(注意“对齐/相对舞台分布”按钮!)十、为对象添加滤镜 在flash 8中,只能为影片剪辑、按钮和文本添加滤镜效果。若要为绘制的对象添加滤镜效果,常常要把它转化为影片剪辑再添加滤镜。十一、图层的相关操作练习以前我们介绍过图层相关的操作,这里进一步学习并练习一下图层的相关操作。1、新建图层2、给图层

17、命名3、新建图层文件夹并命名4、把多个图层放到图层文件夹中,展开并折叠图层文件夹5、调整图层顺序6、删除图层7、改变图层的状态(1)显示/隐藏图层(2)锁定/解锁图层(3)以轮廓显示图层8、分散到各图层 选中舞台上的多个对象,单击“修改”菜单中的“时间轴分散到图层”,可将它们分散到各图层中。范例:分散到图层范例.fla (只作了解,暂时不必掌握做法。)练习:用“对象绘制”模式绘制一下对象,然后,改变它的颜色和形状。 第五讲 元件、实例和库一、什么是元件和实例元件,是可以重复使用的图形、动画和按钮。在flash中,元件,只要创建一次,就可以无数次的重复使用,因此,可以减小劳动量。使用元件另一个好

18、处是,可以有效减小文件和体积,因为,同一个元件,不论在舞台上使用了多少次,它占的空间却只是一个元件的大小。演示:创建一个“苹果”元件。创建后,打开库,从库中拖到舞台上,在舞台上放置多个苹果。 (参考范例 苹果.fla)当把元件从库中引用到舞台上,则称为“实例”。 一个元件,可以对应舞台上的多个实例。 上例中,舞台上的几个苹果,都是库中apple元件的实例。二、flash元件的类型在flash中元件共分三种类型:图形元件、影片剪辑元件和按钮元件。影片剪辑元件(MovieClip),简称MC。不同类型的元件,在库中,图标是不同的。如图:三、三种类型元件介绍1、影片剪辑元件影片剪辑(MC )是指一段

19、完整的动画,有着相对于主时间轴独立的时间轴和相对主坐标系独立的坐标系,它可以包含一切的素材在里面,这些素材可以是交互控制按钮、声音、图符和其他形片剪辑等。还可以为MC 添加动作脚本来实现交互或制作一些特殊效果。有时候为了实现交互、添加滤镜或设置混合模式,单独的图像也可以定义为MC 。MC 动画都是自动循环播放的,除非用脚本控制它。参看范例:三种元件比较.fla图形元件不能独立于主时间轴播放.fla2、按钮元件按钮的作用非常简单,主要用于实现交互,有时也用来制造些特殊效果。按钮元件共有4种状态:弹起、指针经过、按下和点击。范例:三种元件比较.fla图形元件不能独立于主时间轴播放.fla3、图形元

20、件 图形元件,与影片剪辑元件类似,它内部拥有自己的时间轴,也可以加入其它的元件和素材,也可以是一段独立的动画。但,它不可以添加滤镜和声音,也不能为图形元件添加动作脚本以实现课件的交互。参看范例:三种元件比较.fla图形元件不能独立于主时间轴播放.fla与MC相比,图形元件的优势在于:可以直接在Flash编辑状态或主场景舞台上看到图形元件的内容,而不像MC那样只能看到第1帧的内容,整个MC的内容只能输出为SWF动画文件后才能看到。四、创建元件的方法1、转换为元件选择舞台上要转换为元件的对象,单击“修改”菜单中的“转换为元件”命令。(快捷键 F8)。再输入元件名称,并选择要转换为的元件类型及元件的

21、注册点。单击“确定”。转换后的元件被自动放到库中,舞台上选定的对象,则成了库中相应元件的实例。若想对元件进行编辑,可以双击舞台上的实例或者双击库中的元件,即可进入元件的编辑界面。对元件编辑后,舞台上它所有的实例都会受到影响。打开“苹果.fla”, 先另存一下,再编辑一下apple元件试试。看看舞台上实例的变化。2、新建元件单击“插入”菜单中的“新建元件”命令,可以新建元件。(快捷键 CTRL+F8)输入元件名称并选择类型后,单击“确定”,即可进入元件的编辑界面。在该界面,可以创建元件内容,也可以导入素材或从库中引入其它元件的实例。完成元件创建后,单击时间轴下部“编辑栏”左部的箭头,可以退出元件

22、编辑界面,回到主场景中。演示一下,创建各种元件的方法。五、在属性面板中设置实例的属性重点掌握设置影片剪辑实例的宽、高、位置坐标,亮度、色调、Alpha值、交换实例以及实例名等。给元件的实例设置实例名,是为了方便在AS(ActionSCript)动作脚本中引用它。范例:用按钮控制影片剪辑.fla 注意按钮上的动作语句。六、按钮元件内部介绍按钮内部一共4帧。按钮元件所对应的帧分别为“弹起”、“指针经过”、“按下”和“点击”4 帧,各帧的含义如下。弹起:按钮在通常情况下呈现的状态,即鼠标没有在此按钮上或者未单击此按钮时的状态。指针经过:当鼠标指针停留在该按钮上时按钮的状态。按下:按钮被单击时的状态。

23、点击:这种状态下,可以定义响应按钮事件的区城范围,只有当鼠标进入到这一区域时,按钮才开始响应鼠标的动作。另外,这一帧仅仅代表一个区城,并不会在动画选择时显示出来。通常,该范围不用特别设定,Flash 会自动依照按钮的“弹起”、“指针经过”或“按下”状态时的面积作为鼠标的响应范围。七、简单了解库面板1、固定当前库 固定当前库后,可以切换到其它文档,然后,将固定库中的元件,引用到其它文档中。2、打开外部库 文件导入打开外部库,可以将外部源文件中的库,打开,以便使用其中的元件,引用到当前文档中。八、练习一下。1、用GIF动画做按钮。新建影片剪辑,在其编辑界面导入GIF动画。再新建按钮,在按钮的编辑界

24、面引入包含GIF动画的影片剪辑的实例。也可以,新建影片剪辑,在其编辑界面导入GIF动画。退出影片剪辑编辑界面。在舞台上引用该影片剪辑的实例。再选择该实例,单击“修改”菜单中的“转换为元件”,将其转换为按钮。练习一下:用一个GIF动画,做成按钮。2、用文字做按钮。 可以新建按钮元件,在其编辑界面输入文字。也可以选中舞台上的文字,再把它转换为按钮元件。练习一下:双击转换后的文字(按钮元件的实例),在其内部的“点击”帧上,右击,插入关键帧,画一矩形,盖住文字,作为按钮响应鼠标的区域。还可以通过改变按钮内部各帧的文字颜色和大小等,来美化按钮。范例:用文字做的按钮.fla3、绘制一个图形转换为按钮,并给

25、按钮添加声音,使点击按钮时,有声音。(声音可使用第4讲素材库中的)范例:GIF动画做的带声音的按钮.fla导入声音的方法是:文件导入导入到库。导入后,单击按钮编辑界面的关键帧,再从属性面板中的“声音”列表中指定声音。4、创建隐形按钮隐形按钮,在课件运行时,是不可见的。做法:只创建按钮的“点击”帧。范例:隐形按钮.fla5、新建一影片剪辑,导入一个GIF动画到影片剪辑内部。建立元件后,从库中,把元件拖到舞台上,在舞台上创建元件的实例。并给实例命名为 donghua_mc注意:给影片剪辑命名,加上后缀是一个好习惯。这样,以后编写动作脚本时,可以出现代码提示。影片剪辑实例,要用 _mc做实例名。按钮

26、实例的后缀用 _btn6、创建一个影片剪辑元件,在舞台上放置该元件的实例。选中该实例,在属性面板中设置它的宽、高、位置坐标,亮度、色调、Alpha值等。7、设置舞台背景色为#FF6600 , 创建一个影片剪辑元件,在舞台上放置该元件的实例。给该实例添加滤发光滤镜。发光颜色为 #FFFFCC, 品质设为“高”,强度为 950%,模糊值设为50。8、利用素材文件夹中提供的素材,做一个奔跑的豹子动画。将标题、豹子和背景分别放在不同的图层中。豹子,做成影片剪辑。范例:奔跑的豹子.fla了解时间轴下方“编辑多个帧”和“修改绘图纸标记”工具按钮的使用方法。把做好的文件,保存到D盘。命名为奔跑的豹子.fla

27、。然后,测试一下影片,则,源文件保存的文件夹中,会出现一个 奔跑的豹子.swf 动画文件。双击它,用flashplayer播放器播放一下。 然后,再单击“文件”菜单中的“发布设置”,发布类型选择 Windows 放映文件(.exe)。 使用默认名称,发布到桌面。制作课件,最终常常是将课件发布为Windows 放映文件(.exe),而不是swf文件。这样做的好处是,exe格式文件自动嵌入了flashplayer播放器,即使在没有flashplayer播放器的计算机上,也可以双击运行。 9、利用素材库的素材 蝴蝶.jpg 制作一个蝴蝶扇动翅膀的动画,并将制作好的源文件保存到D盘。 范例:蝴蝶扇动翅

28、膀.fla9、利用素材库中的素材蝴蝶.jpg制作一个蝴蝶扇动翅膀的影片剪辑。并在舞台上引用该影片剪辑元件的实例,保存文件并发布为 W indows 放映文件(.exe)范例:蝴蝶扇动翅膀MC.fla*10、了解一个“大变活人.fla”的做法,体会隐形按钮的使用以及用按钮控制影片剪辑的方法。(暂时不必掌握)11、创建一个影片剪辑元件,在舞台放置它的多个实例,然后,双击其中的一个实例,进入元件编辑界面进行编辑(改变颜色等)。回到主场景中,观察各实例的变化。12、打开范例:狗在树林里跑.fla,想想怎么做出来的,试一下。13、打开范例: 公用库中的按钮.fla 观察各按钮内部构造,练习修改各按钮。第

29、六讲 flash动画制作(一)一、动画原理动画是通过迅速且连续地呈现一系列图像(形)来获得的,由于这些图像在相邻的帧之间有较小的变化(包括方向、位置、形状等变化),所以会形成动态效果。实际上,在舞台上看到的第一帧是静止的画面,只有在播放头以一定速度沿各帧移动时,才能从舞台上看到动画效果。 制作时间轴动画的原理与制作电影一样,都是根据视觉暂留原理制作的。人的视觉具有暂留的特性,也就是说,当人的眼睛看到一个物体后,图像会在短时间停留在眼睛的视网膜上,而不会马上消失。利用这一原理,在一幅图像还没有消失之前将另一幅图像呈现在眼前,就会给人造成一种连续变化的效果。Flash 动画与电影和录像一样,都是基

30、于帧构成的,它通过连续播放若干静止的画面来产生动画效果,而这些静止的画面即被称为帧,每一帧类似于电影底片上每一格的图像画面。控制动画播放速度的参数称为fps ,即每秒播放的帧数。一般来说,每一秒的电影至少包含24 帧,而且帧数越多,电影画面越连贯。在Flash 动画的制作中,一般将每秒播放的帧数设置为12 ,但即使这样设置,仍然有很大的工作量,因此引人了关键帧的概念。关键帧是用来描述动画中关键画面的帧。在制作动画的过程中,可以先制作关键帧画面,关键帧之间的帧则可以通过插值的方法自动产生,这样,就大大地提高了动画制作的效率。二、Flash动画的类型Flash动画,一般可分为三种类型:逐帧动画、形

31、状补间动画和动作补间动画(也称运动补间动画或动画补间动画)。除此外,还有遮罩动画、引导线动画等,这两种动画往往也是基于上述三种动画类型进行制作的。大部分帧动画是一帧一帧绘制出来的。范例:女子走路.fla 演示一下该范例的制作方法。(素材在“女子走路素材” 文件夹内)由于逐帧动画的工作最很大,于是Flash 为人们提供了一种很方便的方式,那就是补间。所谓补间就是只需要绘制出开始和结束两个帧的内容,中间过渡部分由电脑自己计算出来。补间的开始和结束帧被称为“关键帧”,中间由电脑计算出的部分称为过渡帧,用补间制作的动画称为补间动画。在flash中,形状补间动画和动作补间动画都属于补间动画。演示一下形状

32、补间动画制作,体会补间动画的好处。演示范例:三角形变五角星2.fla (只做了解,做法后边讲)了解“绘图纸外观”(又称“洋葱皮按钮” )和“绘图纸外观轮廓”工具按钮的使用方法。三、帧及帧的操作1、什么是帧在Flash 中通常把每一个影格称为帧,帧是Flash 中最小的时间单位。2、帧的分类在flash中,帧可以分为3类:普通帧、关键帧、过渡帧。3、关键帧关键帧是可以编辑的帧,没有对象的关键帧称为空白关键帧。关键帧常常存在于一个补间动画的两端。只有在关键帧(包括空白关键帧)中,才可以加入ActionScript 动作脚本。普通帧不可以编辑,它只能将关键帧的状态进行延续,一般是用来将元素保持在舞台

33、上。插入普通帧、关键帧、空白关键帧的方法:右击时间轴上的帧,从快捷菜单中选择相应的命令,或者,从“插入”菜单中选择相应的命令。 (快捷键分别是:普通帧 F5、关键帧 F6、空白关键帧F7)4、帧的编辑(1)选择帧:单击帧。可用鼠标拖动选择范围从而选择多帧。单击图层,可选择该层的所有帧。也可以结合SHIFT键或CTRL键,来选择连续或不连续的帧。在时间轴上单击鼠标右键,从弹出的菜单中执行“选择所有帧”命令,可以选择所有帧。(2)移动帧:选择后拖动。(3)删除帧、清除帧、清除关键帧、(4)多帧编辑 回顾一下 “奔跑的豹子.fla”的做法,体会多帧编辑的操作方法。(5)翻转帧 范例: 手写文字.fl

34、a 讲解一下翻转帧的方法及手写文字的做法。(打散文字;逆着书写顺序擦除各笔画,每插入一个关键帧就擦除一点; 翻转帧)(6)帧的属性面板暂时先初步了解“帧标签” 和“补间”。四、逐帧动画逐帧动画和传统的动画片类似,全部由关键帧组成,可以一帧一帧地绘制,也可以导入外部动画文件。范例:植物的向光性.fla 奔跑的豹子.fla女子走路.fla简易信号灯.fla (可初步探究一下该范例的制作方法,了解一下按钮对MC的控制。)练习:1、学习制作奔跑的豹子.fla 按下面的要求做: 重点:编辑多个帧;修改绘图纸标记;按舞台大小设置背景图以及背景图的居中;通过修改对象坐标改变对象在舞台上的位置。通过此例要掌握

35、帧动画原理、多帧编辑的方法、对齐面板的使用。(1) 设舞台为400X260(2) 修改图层名称为“背景”。导入雪景图,放于舞台正中,补足8帧。锁定背景图层。(3) 新建图层,命名为“豹子”。导入豹子序列素材,编辑多个帧,修改绘图纸标记绘制全部,全选舞台上豹子,拖到合适位置。(4) 新建图层,命名为“标题”。输入标题:奔跑的豹子,放于舞台上方正中。(5) 保存文件。2、参照范例 我是闪客.fla 练习制作重点:掌握帧动画原理;掌握手写文字动画的做法;学会 “翻转帧”的方法。主要步骤:(1)在舞台上输入文字。(2)按文字的大小确定舞台大小。(文档属性中选择“内容”)(3)打散文字。(修改/分离 快

36、捷键:Ctrl+B) 注意:两个以上的文字需要两次才能彻底打散。(4)每插入一个关键帧(快捷键:F6),就倒着擦除一点笔画。(5)擦除所有的笔画后,选择全部帧。翻转帧。(6)在最后一帧加stop() 动作。五、动作补间动画1、什么是动作补间动画动作补间动画是实例所参与的一种动画形式,是实例属性变化过渡的一种动画。运动过渡将过渡前、后两个关键帧的属性作为变化参数,在动画播放的时候实时计算出中间过渡帧的实例属性并且显示它。2、动作补间动画的制作方法:方法1:在第一个关键帧上右击,选择“创建补间动画”,再从后边的关键帧上右击,“插入关键帧”。 然后改变前后两个关键帧上实例的属性(包括大小、颜色、位置

37、、Alpha值、角度等等)即可。方法2: 在前边的关键帧上放置一个元件的实例,在后边插入关键帧。然后在两个关键帧之间右击,选择“创建补间动画”。然后改变前后两个关键帧上实例的属性(包括大小、颜色、位置、Alpha值、角度等等)即可。范例:风车旋转.fla本范例制作重点:单片风叶的绘制;改变图形的中心点;在变形面板复制并应用变形,绘制出整个风车;动作补间动画的创建方法(注意:在属性面板不可以用选择“动画”的方法给两个普通图形对象之间创建动作补间动画,但可以给两个文字对象、组合对象、元件等创建动作补间动画。flash8若从时间轴上使用快捷菜单中的“创建补间动画”则不受此限制);属性面板中“旋转”选

38、项的设定。3、缓动设置创建动作补间动画后,还可以单击前边的关键帧或过渡帧,从属性面板中设置“缓动” 和“旋转”等。【缓动】选项设置: 用鼠标单击【缓动】右边的按钮,弹出拉动滑杆,拖动上面的滑块,可设置参数值,当然也可以直接在文本框中输入具体的数值,设置完后,补间动作动画效果会以下面的设置作出相应的变化: 在-1到 -100 的负值之间,动画运动的速度从慢到快,朝运动结束的方向加速补间。 在1 到 100 的正值之间,动画运动的速度从快到慢,朝运动结束的方向减慢补间。 默认情况下,补间帧之间的变化速率是不变的。范例:小球运动.fla 4、练习练习一:参照范例“我是闪客下落.fla ”学习制作练习

39、二:参照范例“飞机.fla” 练习制作重点:掌握舞台对象的翻转和旋转方法(可通过菜单命令或鼠标拖拽的方法);建立元件的方法及好处;学习创建元件;了解什么是实例;改变实例的大小;实例的Alpha属性设置。主要步骤:(1)舞台:650X255 白色(2)导入“山峰.jpg” 调成舞台大小 在舞台上居中,补足100帧。(3)新建“飞机”图形元件,导入“飞机.png”图片(4)在舞台上创建飞机实例。水平翻转,Alpha值设为80%(5)创建飞机的100帧动画,第100帧Alpha设为20%(6)创建白云图形元件,导入“白云.png”(7)创建白云实例,设首尾帧Alpha值为 80%、40%(8)在舞台

40、上创建白云动画。(9)导入“飞机2.wav”声音文件到库中,并在属性面板中选择该声音,引用到时间轴上。练习三:制作一个转盘游戏(七年级数学课件)重点:使用变形面板进行对象的旋转和缩放复制:线条的旋转复制、同心圆的绘制;对象在舞台中心的定位;按钮脚本对MC内部动画的控制。步骤:1、新建一个影片剪辑元件。在编辑界面绘制一个转盘,并做好内部旋转动画(内部第1帧和最后一帧加动作)。绘制方法:(1)画一个大圆,放于舞台中心。(2)使用变形面板复制圆(20%缩放),则同心圆完成。(3)按shift,绘一水平直线,相对舞台居中。(4)使用变形面板旋转复制直线(转角为45度)。(5)用水龙头去掉废线。(6)填

41、色。(7)将绘制的转盘转换为影片剪辑元件,并做好内部旋转动画(内部第1帧加停止动作)。2、回到主场景中,在舞台上引用转盘元件的实例。设置实例名为sp3、在舞台上放一按钮和一个箭头。给舞台上的按钮加脚本。on (press) sp.play();on (release) sp.stop();六、形状补间动画1、什么是形状补间动画形状补间动画是“形状”之间的切换动画,即从一个“形状”逐渐过渡到别一个“形状”。过渡帧中的内容是依靠两个关键帧上的形状进行计算得到的。范例:分苹果变形动画.fla 形状补间动画示例.fla2、制作变形动画的方法前后两个关键帧各放置一个图形,单击两个关键帧之间的帧或最前边的

42、帧,从属性面板中的“补间”列表中选择“形状”。练习:通过形状补间动画,可以改变对象的颜色、形状、位置等等。(1)颜色变化 范例:红圆变绿圆.fla (2)形状变化:画长方形变形动画.fla方形变圆形.fla字母变形.fla直线伸长.fla三角形变五角星1.fla三角形的高.fla等腰梯形的高.fla3、使用形状提示为了能更好的控制变形,还可以添加控制点来控制变形。比较下面两个范例的变形效果:范例:三角形变五角星1.fla 三角形变五角星2.fla 形状提示包含字母(从 a 到 z),用于识别起始形状和结束形状中的相对应的点。最多可以使用 26 个形状提示。起始关键帧上的形状提示是黄色的,结束关

43、键帧的形状提示是绿色的,当不在一条曲线上时为红色。添加形状提示的方法:修改形状添加形状提示 (快捷键 Ctrl+Shift+H)显示/隐藏形状提示的方法:视图菜单显示形状提示 (快捷键 Ctrl+Alt+H)要删除形状提示,将它从舞台拖出即可。要删除所有的形状提示,选择“修改”“变形”“删除所有提示”。(也可使用右键菜单操作)练习一下:三角形变五角星2.fla 第七讲 flash动画制作(二)一、引导线动画制作课件时,有时运动轨迹比较复杂,如,制作漫天飞花、漂浮的气泡、飞舞的蝴蝶、沿圆环运动的对象等,单纯依靠设置关键帧来实现,显然不太现实的。使用引导线动画,可以让元件实例按一定的路径运动。1、

44、什么是引导线动画将一个或多个层链接到运动引导层,使一个或多个对象沿运动引导层中的路径运动的动画形式称为“引导线动画”,即“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。2、关于引导图层引导图层有两种:运动引导图层和普通引导图层。引导图层只能在舞台工作区看到,在输出的影片中不会出现。以时间轴窗口中,引导图层名字的左边有 图标(运动引导层) 和 图标(普通引导层) ,分别代表了不同的引导图层,不同的引导图层有不同的作用。(1)运动引导层运动引导层可以引导对象沿引导线移动,产生导向运动过渡动画。创建运动引导层的方法:选中想要被引导的图层,单击图层面板下部的图标。或右键单击想要被引

45、导的图层,在快捷菜单中单击“添加引导层”命令。(2)普通引导层普通引导层一般用来辅助绘图或放置说明文字等。创建普通引导层的方法是:创建一个普通图层,将鼠标指针移到该层名字处,单击鼠标右键,在快捷菜单中单击“引导层”命令。范例:引导层.fla4创建引导路径动画的方法 先创建一个动作补间动画。然后,单击该图层,再单击图层下方的【添加运动引导层】按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”。 接着,在添加的引导层中绘制运动引导线。由于引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。“被引导层”中的对象

46、是跟着引导线走的,它可以使用影片剪辑、图形元件、按钮、文字等。由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。 “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。范例:小鸟飞行.fla 两只小鸟飞.fla5应用引导路径动画的技巧(1)“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,在【属性】面板上,选中【调整到路径】复选框,对象的基线就会调整到运动路径。 范例:不调整到

47、路径.fla 调整到路径.fla(2)如果想让对象作圆周运动,可以在“引导层”画一根圆形线条,再用【橡皮擦工具】擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。星球运动.fla 6、练习:1、只有一条引导线重点:调整鸟的注册点位置。小鸟飞行.fla 两只小鸟飞.fla2、做两只鸟飞行。两只鸟各用一条引导线。3、学做 星球运动.fla 注意轨道的复制方法。二、遮罩动画1、遮罩动画的概念遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“

48、视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。范例:遮罩图(椭圆形图片).fla 遮罩图(圆形图片切换显示).fla 遮罩文字(光线扫过).fla 遮罩文字(移动图片背景).fla遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象,但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。若不通过动作脚本,我们就不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。2、构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以

49、将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条等。注意:遮罩层和被遮罩层都不要使用动态文本和输入文本。3、创建遮罩的方法在Flash中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,如果想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。 4、练习:(1)探

50、照灯.fla (2)等腰梯形的高(2).fla(3)抛物线.fla5、实例制作:红星闪闪.fla学习重点:用线条做遮罩的方法(打散后,单击“修改”菜单形状将线条转换为填充)主要制作步骤:(1)将图层命名为“背景” ,然后制作一个放射状的长方形,设为舞台大小并在舞台上居中。如图:(2)锁定图层,新建一影片剪辑,在其编辑界面绘制一黄色水平线条(线粗设为3或4),单击“修改”菜单“形状”“将线条转换为填充”,然后单击任意变形工具,单击线条后拖动线条的旋转中心至其右上方。如下图:(3)在变形面板中旋转复制(角度为15度)成下图的图形:(4)新建图层,选中下面图层中的所有线条,在新图层粘贴到当前位置。然

51、后进行水平翻转(修改变形水平翻转)。翻转后如图:(5)在下面一层创建30帧动作补间动画,并设顺时针旋转。在上面一层创建30帧动作补间动画,并设逆时针旋转。如图:(6)将上面一层设为遮罩层。如图:(7)单击上图中的“场景1”或上图中的左箭头,回到主场景。至此,闪光线条MC就做好了。新建图层,命名为“闪光”从库中找到该影片剪辑元件,拖到舞台上,在舞台上创建它的实例。(8)新建图层,命名为“五角星” ,在该层绘制五角星。如图:(9)新建图层,命名为“声音”,在该层导入声音“红星闪闪.mp3”。方法是:文件导入导入到库。然后从属性面板指定声音并设置同步类型为“事件”。(10)新建图层,命名为“文字”。在舞台上输入文字下面文字“八一电影制片厂摄制”。字体设为黑体,颜色为黑色。最终时间轴如图:舞台如图:

展开阅读全文
温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!