第12章 引导层动画和遮罩层动画
(电脑)高级动画制作详解(计算机讲座教学培训课件)
图6-5 “世界杯”动画效果
(计算机讲座教学培训课件)
制作“世界杯”动画实例步骤如下: 单击菜单栏中的【文件】/【打开】命令,打开教学资源 包\素材\第六章/”目录下的“世界杯.fla”文件,如图66所示。
(计算机讲座教学培训课件)
6.2 遮罩动画
同前面学习的运动引导层动画相同,在flash中遮罩动画 的创建至少需要两个图层才能完成,分别是遮罩层和被 遮罩层,位于上方用于设置遮罩范围的图层被称为遮罩 层,而位于下方则是被遮罩层,遮罩层如同一个窗口, 通过它可以看到其下被遮罩层中的区域对象,而被遮罩 层区域以外的对象将不会显示。另外,在制作遮罩动画 时还需要注意;一个遮罩层下可以包括多个被遮罩层, 不过按钮内部不能有遮罩层,也不能将一个遮罩应用于 另一个遮罩。
遮罩层 被遮罩层
图6-15 使用“遮罩层”命令创建遮罩层
(计算机讲座教学培训课件)
2.使用“图层属性”对话框创建遮罩层 在【图层属性】对话框中除了可以用于设置运动引导层 外,还可以设置遮罩层与被遮罩层,具体操作如下: (1)选择【时间轴】面板中需要设置为遮罩层的图层, 单击菜单栏中的【修改】/【时间轴】/【图层属性】命令, 或者在该图层处单击右键,选择弹出菜单中的【属性】 命令,都可弹出【图层属性】对话框。 (2)在【图层属性】对话框中,选择“类型”选项的 “遮罩层”选项,如图6-16所示。 (3)单击“确定”按钮,此时,将当前图层设为遮罩层, 如图6-17所示。
(计算方机讲座教法学培训二课件) :通过在“图层属性“对话框中进行设置。 1.使用“添加传统运动引导层“命令创建运动引导层 使用“添加传统运动引导层“命令创建运动引导层式最为方便的一种 方法,具体操作如下: (1)在【时间轴】面板中选择需要创建运动引导层动画的对象所在 的图层。 (2)然后单击鼠标右键,在弹出菜单中选择【添加传统运动引导层】 命令,即可在刚才所选图层的上面创建一个运动引导层(此时创建的 运动引导层前面的图标以显示),并且将原来所选图层设为被引导层。 如图6-1所示。
《使用引导层设计动画》说课
今天我说课的题目是《使用引导层设计动画》。
下面我将从教材、教法、学法、教学过程等方面进行设计说明。
一、教材分析本课是八年级信息技术第十二册第一单元第三课《使用引导层设计动画》。
按照课程改革的教学理念,要注重培养学生的的信息素养,培养学生不断探索新知识的能力,而本课重点在于培养学生对操作方法和操作技巧的掌握,只有掌握了这些方法和技巧,才能不断的去探究去创新。
学生在学习本节之前已经掌握了关键帧动画、符号绘制、运动动画、图层使用的基本操作技能。
在FLASH动画制作中经常碰到一个或多个物体沿任意指定的路径运动的问题,沿任意指定路径运动是对物体直线运动动画的引申,通过学习引导层的使用,沿任意指定路径运动的问题迎刃而解。
本节是FLASH动画中必须掌握的内容,所以本节课在教材中的地位和作用是极其基础和重要的。
二、学生情况分析初二学生对动画有着浓厚的兴趣,再加上前面已经学习了逐帧动画、运动动画和形状动画的知识,因此对引导层动画的学习已经奠定了一定的基础。
三、教学目标根据上述的知识结构与内容分析,考虑到学生已有的认知结构、心理特征制定了以下的教学目标:1、认知目标:能够了解引导层的作用,能够初步掌握引导层的建立和使用,对FLASH动画制作能够进行更深一步的拓展。
2、能力目标:培养学生的想象能力,动手实践能力以及发现问题、独立思考问题、解决问题的能力。
3、情感目标:通过生动活泼的动画制作,培养学生学习的兴趣. 利用来自身边的实例,让学生切身地体会到动画制作的实用性和趣味性,体会学以致用。
通过动手实践培养学生积极探索的品质,培养他们的团队合作精神;激发学生的学习兴趣,体验成功感,形成积极主动学习的良好习惯。
四、教材的重点与难点本着课程标准的要求,在吃透教材、了解学生已有知识水平的基础上,我确定了如下重点、难点。
1、教材的重点:引导层的创建及其运用,灵活地运用引导层制作动画以及引导线的绘制。
2、教材难点理解引导层的作用,能够根据需要灵活地、准确地设置引导层以及被引导对象与引导线之间的位置关系。
引导动画与遮罩动画最完整的PPT
图11-24
(8)单击 图标回到场景中,将场景中的矩 形删除,选中图层3,将元件“百叶窗” 形删除,选中图层3,将元件“百叶窗”拖放到图片 下方,如图11-25所示。 下方,如图11-25所示。
图11-25
(9)用鼠标右键单击图层3,在弹出的快捷菜单 )用鼠标右键单击图层3 中选择“遮罩层”命令,将图层3 中选择“遮罩层”命令,将图层3变为遮罩层。 (10)在图层3上方新建一个图层4,选中图层3和 10)在图层3上方新建一个图层4,选中图层3 图层2 图层2中的所有帧,用鼠标右键单击,在弹出的快捷 菜单中选择“复制帧” 菜单中选择“复制帧”命令。
图11-23
(6)在元件编辑区的第42帧插入关键帧,单击任 )在元件编辑区的第42帧插入关键帧,单击任 意变形工具,将鼠标光标移到矩形上方的中点,当其 变为双向箭头时按住鼠标左键向下拖动,使其变为一 条直线。 (7)在第47帧和第97帧插入关键帧,再将第1帧 )在第47帧和第97帧插入关键帧,再将第1 复制到第97帧,然后依次在第1帧和第42帧、第47帧 复制到第97帧,然后依次在第1帧和第42帧、第47帧 和第97帧之间创建动作补间动画,最后在第100帧按 和第97帧之间创建动作补间动画,最后在第100帧按 【F5】键沿用帧,时间轴如图11-24所示。 F5】键沿用帧,时间轴如图11-24所示。
应用引导路径动画的技巧
(5)被引导对象的中心对齐场景中的十字星,也有助于引 导动画的成功。 (6)向被引导层中放入元件时,在动画开始和结束的关键 帧上,一定要让元件的注册点对准线段的开始和结束的端点, 否则无法引导,如果元件为不规则形,可以按下工具栏上的 任意变形工具 ,调整注册点。 (7)如果想解除引导,可以把被引导层拖离“引导层”, )如果想解除引导,可以把被引导层拖离“引导层” 或在图层区的引导层上单击右键,在弹出的 (8)如果想让对象作圆周运动,可以在“引导层”画个圆 )如果想让对象作圆周运动,可以在“引导层” 形线条,再用橡皮擦去一小段,使圆形线段出现2 形线条,再用橡皮擦去一小段,使圆形线段出现2个端点, 再把对象的起始、终点分别对准端点即可。
flash-引导动画和遮罩动画(PPT)
引导动画的制作方法
制作引导动画的具体操作如下 (1)在普通层中创建一个元件。 (2)在普通层上方新建一个引导层,普通层自动变 为被引导层,在引导层中绘制一条路径。
(3)将引导层中的路径沿用到某一帧。
(4)在被引导层中将元件的中心控制点移动 到路径的起点。
(5)在被引导层的某一帧插入关键帧,并 将元件移动到引导层中路径的终点。
标新建一个引导层, 选中引导层的第1帧, 单击铅笔工具 ,在
选项区域中选择 “平滑”模式,然 后在舞台中绘制一 条光滑的曲线,如 图11-2所示。
图11-2
(4)在引导层的第50帧按【F5】键沿 用帧。
(5)选中被引导层中的树叶,将其中 心控制点移动到引导线的起点,然后在 第50帧插入关键帧,并将树叶放大一点。
(6)选中第50帧中的树叶,将其中心 控制点移动到引导线的终点位置,如图 11-3所示。然后在第1帧和第50帧之间 创建动作补间动画。
图11-3
(7)选中第1帧,在“属性”面板的“补间”下 拉列表框中选择“动作”选项,并选中 、
、 和 复选框,如图11-4所示。
图11-4
选中
、
和 复选框是
为了使对象沿着引导路
(4)在图层“飞机1”中将“飞机1”移动到左 边曲线的左端点上,在图层“飞机2”中将“飞 机2”移动到右边曲线的右端点上,如图11-8所 示。
(5)在图层“飞机1”的第50帧插入关键帧, 并将“飞机1”移动到两条曲线的交点处,在图 层“飞机2”的第50帧插入关键帧,并将“飞 机2”移动到两条曲线的交点处,如图所示。
(6)在被引导层的两个关键帧之间创建补 间动画,引导动画制作完成。
另:如果想看到引导线的话,需要添加一图层, 在引导层第一帧点击“复制帧”,在新添加的 图层第一帧点击“粘贴帧”,然后再双击新图 层把它改为“一般”图层即可。
2022年云南信息技术中考课件和真题(简单动画的制作)
5.元件的编辑 可以对创建好的元件进行编辑。Flash提供了3种方
式来编辑元件,分别是在当前位置编辑、在元件编辑模 式和在新窗口中编辑元件。编辑元件后,Flash将更新该 元件的所有实例。
三、常见动画的制作 1.动画的基本类型 (1)逐帧动画
逐帧动画是指在每个帧上都有关键性变化的动画, 它由多个关键帧组合而成。逐帧动画需要更改每一帧中 的舞台内容,并保存每个完整帧的值。因此,对于相同 帧数的动画,逐帧动画比其他类型动画的文件大得多。
简单动画的制作
【考点导航】
知识单元 动画制作
知识点
要点说明
1.动画的基本原理
2.认识元件,创建并编辑元件
简单动画 的制作
3.制作逐帧动画、形状补间动画、动作 补间动画 4.制作引导层动画
5.制作遮罩动画,能区分遮罩层和被遮
罩层
【教材梳理】
一、动画的基本原理 动画是利用人的“视觉暂留”特性,把人或物的表情、
动作补间动画:在Flash的时间帧面板上,在一个时间点 (关键帧)放置一个元件,然后在另一个时间点(关键帧)改 变这个元件的大小、颜色、位置、透明度等,Flash根据二者 之间的帧的值创建的动画被称为动作补间动画。与形状补间动 画不同的是,动作补间动画的对象必需是“元件”或“成组对 象”。
(3)引导层动画 引导层动画指让对象沿着指定路径运动的一种动画,
3.元件的分类 (1)图形元件:图形元件主要用来制作动画中的静态图形或 动画片段。图形元件与主时间轴同步,但不具有交互性,不 能添加交互行为或声音控制。 (2)影片剪辑元件:使用影片剪辑元件可以创建反复使用的 动画片段,且可独立播放。影片剪辑元件具有独立于主时间 轴的多帧时间轴,当动画播放时,影片剪辑元件也在循环播 放。影片剪辑元件可以包含交互式控件、声音和其他影片剪 辑实例。 (3)按钮元件:用按钮元件可以创建用于响应鼠标单击、滑 过或其他动作的交互式按钮,通过事件激发它的动作。按钮 元件包括弹起、指针经过、按下和点击4种状态,可以定义与 各种状态关联的图形、元件或声音。
遮罩和引导层
(3)选择【选择】工具,按住Ctrl键复制出15个的“毛身”元件, 并确保每1个“毛身”元件的变形中心都在路径上,效果如图646所示。 (4)将“毛头”元件拖入舞台,并设置其位置,如图7-47所示 。
图6-46 复制出毛毛虫的身体效果
图6-47
放置头部
3、制作毛毛虫动画 (1)选中所有的“毛身”和“毛头”元件,在其上单击鼠标右键, 在弹出快捷菜单中选择【分散到图层】命令,将“毛身”和 “毛头”元件分散到各层,如图6-48所示。
图6-36 图6-35 引导层和被引导层
创建引导层
被引导层同样可以有多个,那就是多层引导,如图6-37所 示。图中“图层1”为引导层,其余的所有图层都是被引导层 。
图6-37
多层被引导
2、引导层动画的原理 如图6-38所示为被引导层上小球在第1帧和第50帧处的位置, 如图6-39所示,为小球的全部运动轨迹。
图6-11 第1帧“火柴”元件的位置
图6-12 第100帧“火柴”元件的位置
(5)在“火柴效果”和“遮罩”图层的第1帧~第100帧之间创 建动作补间动画,然后将“遮罩”图层转换为遮罩层,效果 如图6-13所示 。
图6-13 设置遮罩
(6)保存并测试影片,模拟火柴效果的影片制作完成。。
案 例 小 结
(4)在所有“毛身”和“毛头”图层的第1帧~第1000帧之间 创建动作补间动画,并在【属性】面板中勾选【调整到路径】 复选框,其参数设置,如图6-50所示 。
图6-50 勾选【调整到路径】复选框 图6-49 设置毛毛虫的位置
(5)将“路径”图层转换为引导层,将所有“毛身”和“毛头” 图层转化为被引导层。 (6)保存并测试影片,一只毛毛虫从树叶上爬过的效果制作完 成。
Flash的引导层动画
制作影片蝴蝶组件
蝴蝶是本动画实例的主角, 蝴蝶是本动画实例的主角,下面我们就来制作位 于被引导层的蝴蝶组件。蝴蝶组件如图: 于被引导层的蝴蝶组件。蝴蝶组件如图:
22
操作步骤
(1)在选中背景层,插入一个新的图层, (1)在选中背景层,插入一个新的图层,并将图层的 在选中背景层 名称改为“蝴蝶” 名称改为“蝴蝶”。 (2)选择 文件” 选择“ 导入” (2)选择“文件”→“导入”菜单命令导入本书第四 章素材中的“hudie.swf”矢量图文件 矢量图文件。 章素材中的“hudie.swf 矢量图文件。 (3)选择 蝴蝶”图案,选择“插入” 选择“ (3)选择“蝴蝶”图案,选择“插入”→“转换为元 命令,将蝴蝶矢量图转化为图形元件。 件”命令,将蝴蝶矢量图转化为图形元件。
23
制作运动引导层
引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动, 曲线路径运动,引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示: 动路线。绘制出引导线如图所示:
24
操作步骤
(1)在选中蝴蝶层,右键单击图层名,选择弹出的菜单中 在选中蝴蝶层,右键单击图层名, 在选中蝴蝶层 添加引导层”命令,在蝴蝶层上方添加一引导层, 的“添加引导层”命令,在蝴蝶层上方添加一引导层,将引 导层名称改为“引导层” 导层名称改为“引导层”。 (2)单击常用工具栏的“铅笔”工具,并将常用工具栏下 单击常用工具栏的“ 单击常用工具栏的 铅笔”工具, 方的选项按钮设置为“平滑” 方的选项按钮设置为“平滑”。 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线。 利用铅笔工具围绕着花儿的上方绘制如图曲线。
形状补间动画(Shape) 形状补间动画(Shape) 可以设置对象的形 状变化。 状变化。前提是此对象 分离状态。 为分离状态。 状态
动画-补间形状、补间动画、传统补间的区别、制作要点及引导层、遮罩层的应用
补间形状、补间动画、传统补间的主要区别柳强注意:在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就是说,进行变形动画的首、尾关键帧上的图形应该都是矢量图形,矢量图形的特征是:在图形对象被选定时,对象上面会出现白色均匀的小点。
利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都是矢量图形。
在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就是说,进行运动动画的首、尾关键帧上的图形都不能是矢量图形,它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。
转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。
非矢量图形的特征是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。
利用工具箱中的文字工具建立的文字对象就不是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。
滤镜:图形效果,可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。
使用补间动画可让应用的滤镜动起来。
遮罩层的应用1.建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层✧欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下2.效果制作:其中一层做动画设计等3.将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。
欲看效果将两图层锁住引导层与运动引导层的区别:引导层的应用引导层起到辅助其他图层静态对象定位的作用。
单独使用(无须使用被引导层),引导层上的内容不会输出(即不显示在发布的SWF 文件中),性质和辅助线差不多。
为了在绘画时帮助对齐对象,可创建引导层,然后将其它图层上的对象与在引导层上创建的对象对齐。
引导层不会导出,因此不会显示在发布的 SWF 文件中。
任何图层都可以作为引导层。
图层名称左侧的辅助线图标表明该层是引导层。
运动引导层的应用要控制传统补间动画图层(即被引导图层)中的对象的移动,可使用运动引导层。
1.建被引导图层:建内容及动画。
项目五 引导路径动画 遮罩动画
项目五 引导路径动画、遮罩动画——任务2
任务实施
步骤2 选择“文件”→“导入”→“导入 到库”菜单命令,将光盘中的素材“项目 五\任务2\原图.jpg 、镜框.png”导入到 库中。 步骤3 将库中的“原图”拖到舞台中,利 用对齐面板将其“与舞台对齐”,并将图 层1命名为背景,在20帧处插入帧。
项目五 引导路径动画、遮罩动画——任务2
任务1
引导线动画——纸飞机
项目五 引导路径动画、遮罩动画——任务1
任务分析: 利用引导层路径动画实现纸飞机沿着指定的路径飞行。
《纸飞机》动画部分截图
项目五 引导路径动画、遮罩动画——任务1
任务实施
步骤1 选择“文件”→“新建”菜单命令,新建一个flash文档。设置相关参数。
项目五 引导路径动画、遮罩动画——任务1
任务实施
步骤2 选择“文件”→“导入”→“导入到舞台”菜单命令,导入光盘中的素材“项目五\任务1\背 景.jpg”,并将时间轴面板中的图层1命名为背景。 步骤3 选择背景层,在第50帧处插入帧。
项目五 引导路径动画、遮罩动画——任务1
任务实施
步骤4 选择“文件”→“导入”→“导入库”菜单命令,导入光盘中的素材“项目五\任务1\飞机.png”导 入到库中。 步骤5 新建图层2,并将其命名为飞机。将“飞机.png”从库中拖拽到舞台上,并将“飞机.png”缩小到70%, 步骤6 选择飞机层,在50帧处插入关键帧,将飞机移动到舞台的其他位置,并创建飞机的补间动画。
项目五 引导路径动画、遮罩动画——任务1
任务实施
步骤7 将鼠标放在飞机层上,单击鼠标右键,在打开的快捷菜单栏中选择“添加传统运动引导层”命令,再 单击鼠标左键,为飞机层添加引导层,
[flash遮罩动画]遮罩动画
[flash遮罩动画]遮罩动画遮罩动画篇(一):遮罩层动画教学课件教学目标知识与技能:1、使学生理解遮罩动画中遮罩的含义及原理2、学会遮罩图层的建立和遮罩效果的实现方法3、能够独立制作遮罩动画方法与过程:提问调动学生思维,观察动画原理,再通过实例演示教学,让学生了解制作原理充分发挥自己的创意情感态度价值观:1、感受用Flash制作作品的乐趣,激发学生兴趣2、感受动画制作的奇妙,培养学生的合作、探究精神教学重点:遮罩的含义以及遮罩效果的制作方法教学难点:理解遮罩层与被遮罩层之间的关系计划课时 1课时教学过程一、导入播放遮罩动画实例(探照灯、画卷、水中倒影)二、新授1、提问打开探照灯源文件,让学生主要观察遮罩层和被遮罩层回答问题师:通过观察源文件你发现什么没有生:光图层的探照灯经过的地方文字亮图层的内容显示,其余部分不显示!师:回答的很好!这就是我们这节课要讲的动画效果---遮罩动画2、遮罩的原理:遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。
遮罩层决定形状,被遮罩层决定显示的内容!遮罩层与被遮罩层:(1)遮罩层:图形(2)被遮罩层:被挡住的图片或文字(最终看到的内容)3、实例制作---探照灯效果(1)运行Flash,设置文档属性,背景黑色(2)把图层1命名为“文字亮”图层,在第1帧键入静态文本“欢迎学习遮罩动画”,文本颜色白色,并拷贝(3)新建图层“文字暗”,单击右键命令,把欢迎学习遮罩动画粘贴到原来位置。
并改变文本颜色为深灰(4)新建一个图形元件,命名为“光”。
在编辑区里面画一个放射状填充的圆形(5)返回到场景1,新建图层“遮罩”层。
把“光”图形元件拖动到第1帧,调整其在场景中的位置(6)在“遮罩”图层的第70帧插入关键帧,并调整场景中“光”图形元件的位置。
(7)创建移动渐变动画。
并把“遮罩”图层移动到“文字亮”图层的下面,在“文字亮”图层创建遮罩(8)测试影片4、实例制作----展开画卷(1)新建flash文档,在“画”图层第1帧制作自己喜欢的画面(制作完成后最好转换为元件),并延续至50帧左右(2)在“矩形”图层第1帧上制作一纵向能覆盖画卷的矩形(如图2中暗红色矩形(3)在“矩形”图层的第40帧上插入关键帧(此时该帧内容现第1帧的相同),并用“任意变形工具”将该小矩形变形为如图3所示,并在第1帧和第40帧之间做形状补间,延续至50帧:(4)在“右轴”图层第1帧上制作自己喜爱的画卷卷轴,制作完成后转换为元件,延续至50帧,(5)在“左轴”图层第1帧上从库中拖入卷轴元件(6)在“左轴”图层第40帧上插入关键帧(此时该帧内容也为卷轴),将该卷轴移动到如图6所示左边位置,并在第1帧和第40帧之间做动作补间,延续至50帧(7)设置“矩形”图层为遮罩层,“画”图层为被遮罩图层,如图7所示,测试影片。
引导层与遮罩层
添 加 引 导 层
定 义 引 导 层
矩 形 工 具
椭 圆 工 具
铅 笔 工 具
钢 笔 工 具
线 条 工 具
刷 子 工 具
只要笔触不要填充
新 建 元 件
创 建 运 动 补 间
编 辑 最 后 位 置 关 键 帧
3.
1.
引导制作一个引导层路径动画。
2、在下课前5分钟将作品以 .fla 格式的文件提交。
5、请思考可不可以自定义灯的路径,如果可以,通过什么 可以实现。 6、在会做简单动画的基础上进行提升与创作。
卷轴动画
分解: 一、底画铺开(遮罩动画) 二、卷轴打开(补间动画)
the end
遮罩层动画
卷轴
探照灯
百叶窗
请思考:
遮罩层动画
1、在这个动画中,你能说出或者猜出至少需要几个图层吗? 两个:一个遮罩层,一个被遮罩层。 2、在这个遮罩动画中,所能看到的形状由哪个图层决定?(即所能看到的范围) 遮罩层。 3、在这个遮罩动画中,所能看到的内容由哪个图层决定?(即所能看到的内容)
被遮罩层。
4、如果改变遮罩层上图形的颜色,对我们看到的对象有影响吗? 没有。
遮罩层动画
遮罩层动画的原理:
遮罩层好比黑夜中的一支手电筒,照在哪儿(指 被遮罩层)哪儿就显现。遮罩层决定形状,被遮罩 曾决定显示的内容!
遮罩层动画
作业要求:
1、自己完成。
2、至少完成示例作品的内容。
3、画面、内容美观为佳。
4、下课前五分钟以 .fla 格式提交。
第五课 引导层与遮罩层
1、引导层路径动画
目 录
2、遮罩动画
引导层路径动画
引导层路径动画是
被引导层中的对象沿着引导层中绘制的路径运动的一种动画类型。
引导层和遮罩层动画实训
引导层和遮罩层动画实训1引导层动画——激光字【设计思路】一束激光打到影片的背景上,随着激光的移动,文字慢慢地显现,就好像一支激光笔在刻字一样。
动画效果如图6-33所示。
图6-33 激光刻字动画运行效果【技术要点】运动引导层的使用遮罩层的使用逐帧动画的创建与编辑【创作步骤】1.设置文档属性打开Flash CS3,新建文档,设置文档大小为500×200像素,背景颜色为黑色,其它采用默认设置,如图6-34所示。
图6-34 文档属性设置2.创建“激光”图形元件(1)选择【插入】/【新建元件】命令,弹出【创建新元件】对话框,在【名称】文本框输入“激光”,【类型】选择“图形”,创建一个图形元件。
单击【确定】按钮后进入元件编辑的主界面。
(2)选择【线条工具】,设置好线条属性,如图6-35所示。
在舞台上斜向下画出一条线段。
图6-35线条属性设置(3)选中线条,然后右击鼠标,选择【转换为元件】命令,将线条转换为影片剪辑元件(名称任意)。
接着为线条元件添加发光的滤镜效果,【滤镜】设置面板如图6-36所示,做好的“激光”元件效果如图6-37所示。
图6-36滤镜设置面板图6-37 “激光”元件最终效果提示:在添加滤镜时,一定要先将线段先转换为元件(影片剪辑或按钮),否则不能进行设置。
3.制作激光刻字效果(1)制作C的激光刻字效果。
①返回到场景1,选择【文本工具】,在舞台上输入“CAT”三个字母,选中文本框,在文本【属性】设置面板上进行文本的属性设置,字体任意,大小为96,颜色任意(本例为绿色)。
②两次按Ctrl+B键将文字打散,再选择【墨水瓶工具】为文字加上边框(笔触颜色选择黄色)。
然后选择【任意变形工具】将文字调整到合适的大小,如图6-38所示。
图6-38编辑完成后的图形文字效果③选择【选择工具】选定文字的填充颜色,然后按Delete键将填充色删掉,仅剩下文字的边框。
④确保第一帧被选择的情况下,选择【修改】/【时间轴】/【分散到图层】命令,三个字母分别被分散到了三个新的不同图层,根据图层上的字母,将新图层对应地重命名为C、A、T,如图6-39所示。
flash引导与遮罩动画
3.引导动画的制作方法
下面通过制作一个沿曲线移动的动画来介绍引导动作动画的制 作方法。
(1)按照上述方法建立沿直线移动的动作动画,例如圆球 从左边移到右边的动画。
(2)单击时间轴左下角的“添加运动引导层” 按钮, 则将在选中图层(此处是“图层 1”图层)的上边增 加一个引导层(也叫做导向图层),同时选中的图层 自动成为与引导层相关联的被引导层。被关联的图层 名称向右缩进,表示它是被关联的图层。此外,还可 以通过单击下拉菜单“插入”→“时间轴”→“运动 引导层”来增加一个引导层。
– (1)选中在时间轴内一个空白关键帧作为动画的开 始帧。然后,在舞台工作区内创建一个符合要求的对 象,作为形状动画的初始对象。此处绘制一个红色立 体彩球。 – (2)选中形状动画的第1个关键帧,再选中“属性” 面板内“补间”下拉列表框中的“形状”选项,此时 该面板如图10-5-3所示。
图10-5-3 形状动画关键帧的“属性”面板
(5)按回车键,播放动画,小球将引导线运动。按Ctrl + 回车键,播放动画,此时引导线不再显示出来。
4.引导动画的制作要点
引导线延续到位:引导层添加后要延续到被引导层的终端关键
帧处(F5),以便使引导线始终显示,一般会自动延续。
运动对象咬合到位:使运动对象的变形中心咬合在引导线的起、
末端,否则运动对象将沿短路运动,不沿引导线运动。为了便 于咬合到位,应启用运动动画的“对齐(贴紧)”属性,使运动对 象始终粘合在引导线上。
在遮罩层上创建对象,相当于在遮罩层上挖掉了相应形状的 洞,形成挖空区域而呈现完全透明,其他非遮罩区将不透明。 透过挖空区域,其下面被遮罩图层的相应内容就可以被显示出 来,而没有遮罩的部位成了遮挡物,把下面的被遮罩图层的其 余内容遮挡起来。
二维动画技术《遮罩动画和引导路径动画》实验报告
⑦测试影片-保存成功。
4.制作小球弹跳
①创建两个引导层,每个引导层下均有两个被引导层,并命名为“小球1”“阴影1”“小球2”“阴影2”,各分别在第60帧处插入帧,让之后所填充进的图像保持到第60帧。
⑤选择“放大镜”图层,单击鼠标右键-遮罩层,将放大镜图层设为遮罩层,“图片”层为被遮罩层。
⑥最后保存并测试动画,一个放大镜效果就这制作完成了。
2.开场动画的制作
①创建图层命名为“圆圈”,绘制一个无填充颜色,笔触颜色为白色三厘米的圆圈,并在第67帧处插入帧,锁定图层。
②创建新图层命名为“竖条”,选择矩形工具绘制一个无笔触颜色,填充颜色为白色的矩形,并在第14帧插入关键帧,创建形状补间动画(让竖条从圆圈左边移动到圆圈右边)。在第15帧和第29帧插入关键帧,创建形状补间动画(让竖条从圆圈右边移动到圆圈左边)。在第30帧插入关键帧,在第67帧插入普通帧。
④将“小球1”和“小球2”根据自己所在的引导层路径,将第1帧处放置到路径头,第60处放置到路径尾,并打开属性面板-颜色-Alpha值设置为0%,并将其缩小,使之达到纵深的效果。创建动作补间动画。
⑤在“阴影1”时间轴第1帧,绘制一个白灰黑色的放射性渐变为小球的阴影。分别选择时间轴的第18帧、第28帧、第38帧、第46帧和第55帧插入关键帧,并再其之后帧插入关键帧删除所在图像,让阴影在小球落下时保持一秒。然后逐步根据小球缩小它们的大小及颜色透明度。
二、实验设备环境
WindowsXP+Flash8
三、实验内容及步骤
1.制作放大镜效果
①选择“文件-导入-导入到舞台”,选择一张图片导入到舞台中,设置大小为“550*400”,将图层1命名为“背景图”。
flash动画-引导,遮罩
制作帧帧动画
(6)单击“添加运动引导层”按钮 ,新增一个引导层, 利用铅笔工具从舞台左下角向右上角绘制一条曲线作为引导线, 并锁定引导层. (7)在引导层第40帧处,按F5快捷键插入帧,在图层1第40帧处,按F6 快捷键插入关键帧。
添加锁定引导层
扩展到第40帧
(8)解除图层1的锁定,选中开始关键帧,把蝴蝶拖动到左下 角引导线起始端;选中结束关键帧,把蝴蝶拖动到右上角引导 线结束端,并在开始关键帧处单击鼠标右键,在弹出的快捷菜 单中选择“创建补间动画”命令 (9)打开“属性”面板,选中“调整到路径”前面的复选框。
(10)选择工具箱中的任意变形工具,选中开始关键帧的 蝴蝶,旋转使其头部正对引导线;选中结束关键帧的蝴 蝶,旋转使其头部正对引导线结束端,并适当缩小蝴蝶。
设置蝴蝶头部对准引导线方向
设置蝴蝶形状变小
8.3 制作遮罩动画
8.3.1 制作遮罩动画的原理
“遮罩动画”在有些资料中也称为“蒙版动画”,主要通过一 个“遮罩层”制作出特殊的动画效果。 直接单击“插入引导层”按钮 可插入“引导层”,而创建 “遮罩层”需在该层上单击右键,在弹出的快捷菜单中选择“遮 罩层”命令,对应的下面一个图层自动变为“被遮罩层” 。 简单的遮罩动画, 相当于在“遮罩层” 上放一个只有形状部 分是透明的对象,在 这个对象运动过程中 ,只显示这个透明部 分下面的内容,其他 的都被遮住了。
第8 章
制作典型动画
本章学习知识点
●在Flash中创建引导层、遮罩层 Flash中创建引导层、 中创建引导层 Flash中熟练使用层的各种技巧 ●在Flash中熟练使用层的各种技巧 Flash中熟练掌握元件的嵌套用法 ●在Flash中熟练掌握元件的嵌套用法
本章内容目录
动画基本原理
21世纪高等学校数字媒体专业规划教材
思考与练习
❖ 应用Flash的基本动画与图层动画制作技巧,结合学 科课件制作、实验教学演示或网站动画制作,开发相 应的Flash动画素材,要求选取能够综合多种动画技 巧应用的实例.
清华大学出版社
3制作缩放、透明与色调渐变动画
制作思路: 1导入或制作动画对象并转换为元件. 2通过创建传统补间或创建补间动画把动画帧序列设置为运动
补间动画. 3选用工具箱中任意变形工具,分别在动画帧序列的开始帧和结
束帧选中动画对象进行缩放调整. 4分别在动画帧序列的开始帧和结束帧选中动画对象,在属性对
话框上的色彩效果选项下的运动动画属性样式下拉列表框中 根据需要选择亮度、色调、Alpha透明度、高级选项并进行 相应的参数调整
❖ 引导层动画 由引导层和被引导层上下组合构成
❖ 遮罩层动画 由遮罩层和被遮罩层上下组合构成
清华大学出版社
21世纪高等学校数字媒体专业规划教材
3.2 基本动画的制作
一、逐帧动画的制作 二、运动动画的制作 三、变形动画的制作 四、3D动画的制作
清华大学出版社
21世纪高等学校数字媒体专业规划教材
一、逐帧动画的制作
❖ 3D旋转与平移功能只能对影片剪 辑元件发生作用,其他类型对象需 转换为影片剪辑元件才能实现此 功能.
清华大学出版社
21世纪高等学校数字媒体专业规划教材
3.3 图层动画的制作
一、引导层动画的制作 二、遮罩层动画的制作
清华大学出版社
21世纪高等特点 1. 引导层作为被引导层运动对象路径的规划者,必须建立在被
清华大学出版社
21世纪高等学校数字媒体专业规划教材
三、Flash动画制作中的相关概念
animate动画制作教学进度表-18动漫(陶慧)
2019-2020学年第二学期教学进度表系别:信息工程系专业:动漫设计班级:18动漫任课教师:陶慧课程:Animate动画制作周学时: 6周数学时内容(章节)授课方式习题1周2 第一章Animate入门及基础操作多媒体4 安装Animate熟悉界面基本操作实训熟悉界面2周2 Animate的基础绘图操作多媒体4 实例——小狗实训绘制小猫3周2 第二章Animate中图层绘制实例多媒体4 动画角色分图层绘制——Angie 实训分层绘制人物4周2 第三章Animate中库和元件的应用多媒体4 动画角色分元件绘制——超人飞飞实训分元件绘制人物5周2 第四章Animate中遮罩和滤镜绘图实例多媒体4 复杂角色绘制实例——九头龙实训绘制卡通形象6周国庆放假7周2 第五章Animate中属性面板应用实例多媒体4 Deco在属性面板中的应用——夜空下的星空实训绘制场景8周2 第六章Animate场景绘制应用实例多媒体4 绘制自然风光风景实训绘制SNS场景9周2 第七章手绘板再Animate中的应用多媒体4 手绘板绘图实例——绘制漫画实训绘制漫画10周2 第八章Animate的基础动画操作多媒体4 时间轴逐帧动画实例——花的生长实训制作动画2019-2020学年第一学期教学进度表系别:信息工程系专业:动漫设计班级:18动漫任课教师:陶慧课程:Animate动画制作周学时: 6周数学时内容(章节)授课方式习题11周2 第九章Animate的补间动画制作实例多媒体4 补间动画综合实例——小球弹跳实训立方体旋转12周2 第十章引导层动画和遮罩层动画实例多媒体4 实例——太阳系运动实训太阳转动动画13周2 第十一章角色基础动作的制作实例多媒体4 实例——角色流畅转头实训角色走路动画14周2 第十二章游戏角色动作的制作实例多媒体4 实例——游戏中人物的动作实训魔法攻击动作15周2 第十三章高级角色动画的制作实例多媒体4 实例——被风吹的男孩实训激动地男孩16周2 第十四章场景动画制作实例多媒体4 实例——室内场景推拉动画实训真实三维空间17周2 第十五章Animate动画的合成实例多媒体4 实例——倒水实训看月亮18周2 综合实例Animate动画短片综合实例多媒体4 实例——flash动画短片实训制作2~3分钟flash短片19周复习20周考试教研室主任:系主任:。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
练习题:
1、使用引导层,制作树叶被风吹起的动画效果; 2、使用遮罩层,制作手写文字的动画效果。
12.1.1、引导层动画基本操作
接下来将通过一个实例来介绍下引导层动画的基本操作。 本实例的制作过程请参考本书,最终效果如下。
12.1.2、引导层动画现一些问题,归根结底还是操作不够明确, 现在针对一些常见问题来进行说明。 1、物体没有沿着引导线运动,而是自身做直线运动,如左图所示。 这是物体没有绑定到引导线上的问题,正确的方法是:使用选择工具,先选中 物体,这时物体中间会出现一个小圆点,把鼠标放在该小圆点上,再使用选择工具 移动物体到引导线处,该小圆点会自动吸附到引导线上,只有吸附上去以后,物体 才算是和引导线绑定在了一起,才可以沿着引导线运动,如右图所示。
3、物体确定已经绑定在了引导线上,而且引导层和物体图层也已经建立好了联 系,但是物体依然还是自身做直线运动 这种情况极有可能是引导线出了问题,仔细观察引导线是否有断开的情况,如 果有,那这就是问题的所在,解决的方法也很简单,把引导线断开处连接在一起即 可,如右图所示。
12.2、遮罩层动画概述
在第6章中,介绍了Flash中遮罩层的用法,而本节所要讲述的“遮罩层动画”, 顾名思义,就是遮罩层在动画方面的使用,也就是让遮罩层动起来。 与引导层一样,参与遮罩层动画的图层也有遮罩层和被遮罩层两种,接下来将 通过一个实例,来具体介绍一下遮罩层动画的使用方法。
在第4章中,学习了Flash中图层的相关内容,了解了5种不同的图层类型,分别 是一般、遮罩层、被遮罩、文件夹、引导层。之前学习的都是关于图层在绘制中的 作用,本章将要着重介绍引导层、遮罩层和被遮罩层在动画方面的使用方法。
12.1、引导层动画概述
“引导层”,顾名思义,就是“引导”物体运动轨迹的图层。 一般情况下,需要使用线条,在引导层中绘制处运动轨迹,再将其他图层中的 物体绑定在该线条上,调节动画以后,物体就会沿着该线条绘制出的运动轨迹进行 运动。 一个引导层可以引导多个图层中的物体,而引导层中的物体不会被导出,因此 不会显示在发布的SWF文件中。
本实例的制作过程请参考本书,最终效果如下。
12.2.2、遮罩层动画实例——文字叠现
上一节中的实例,实际上是被遮罩层进行的动画设置,本节的实例来制作一下 遮罩层的动画制作方法。 本实例的制作过程请参考本书,最终效果如下。
12.2.3、遮罩层动画实例——手绘效果
在动画中经常会出现“一张画在画面中被一笔笔绘制出来”的效果,这种效果 传统的制作方式是使用逐帧动画的方式,一帧一帧绘制出来,这种方法在在第10章 “10.3、时间轴逐帧动画实例——花的生长”中,曾经介绍过。 本节将要介绍的,是一笔一笔将一张图绘制出来的手绘动画效果,同样还是使 用遮罩的方式来进行制作。 本实例的制作过程请参考本书,最终效果如下。
2、物体确定已经绑定在了引导线上,但是依然没有沿着引导线运动,还是自身 做直线运动,如左图所示。 观察一下引导层最左侧的图标,正常情况下应该是一条虚线的曲线,这表明引 导层和被引导层之间是有联系的,但是如果图标不是曲线,而是一个向左倾斜的小 锤子,这就表明引导层没有和被引导层建立正确的关系。 解决的方法就是重新调整一下图层的顺序:首先将引导层拽到物体图层的下方, 然后再将物体图层拽到引导层的下方,这样操作以后,就会看到引导层最左侧的小 图标变成了正确的曲线图标,如右图所示。
12.2.1、遮罩层动画基本操作
本节的案例是来制作一个箭射穿箭靶的效果。 打开配套光盘中“源文件”文件夹中的“12-2-箭射穿箭靶-素材.fla”文件, 会看到舞台中有一支箭和一个箭靶,两个物体都已经转换为元件,并分别单独放置 在图层当中,且图层都重新命名,如左图所示。 要制作的效果,是箭把箭靶射穿,其中箭的后半部分在箭靶左侧,而箭头部分 则穿过箭靶,从后面露出来。如果不用遮罩层动画的方法做,那么箭穿过箭靶,而 被箭靶挡住的那一部分就无法隐藏,如右图所示。 接下来使用“遮罩层动画”的方法来解决这个问题。
12.3、遮罩层和引导层综合使用实例——太阳系运动动画
本实例的制作过程请参考本书,最终效果如下。
本章小结:
本章主要针对Flash的引导层和遮罩层,以及它们能够实现的动画效果进行了介 绍。这两种动画形式都是Flash的制作特色,经常在动画制作中使用到。它们的技术 并不复杂,但是初学的时候可能会遇到小问题,从而导致制作失败。要注意到的一 些制作要点都已经在本章中一一讲到,如果制作失败可以逐条确认。