Flash CC电子资源(课件)(3.4元件)_第1页
Flash CC电子资源(课件)(3.4元件)_第2页
Flash CC电子资源(课件)(3.4元件)_第3页
Flash CC电子资源(课件)(3.4元件)_第4页
Flash CC电子资源(课件)(3.4元件)_第5页
已阅读5页,还剩43页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

二维动画制作—FlashCC单元3基本动画和元件、实例和库任务3.4元件任务描述活动3.4.1图形元件及创建学习目标分析与设计操作步骤总结提升微项目翻转预习微课资源活动3.4.2影片剪辑元件及其创建活动3.4.3按钮元件及其创建活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【任务描述】微课资源活动3.4.1图形元件及创建【学习目标】【分析与设计】制作俄罗斯方块游戏中各种类型的方块及背景,实现模拟效果。1.运用椭圆工具绘制空心圆和实心圆。2.运用空心圆组成背景图、实心圆。3.创建传统补间动画实现圆的移动效果。1.创建图形元件的方法。2.图形元件的多次利用。3.传统补间动画创建的方法。任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】1.新建一个FlashCCactionscript3.0文档,舞台大小设定为“550×400像素”,其余选项为默认。2.执行“插入→新建元件…”命令,弹出“新建元件”对话框,在名称文本框中输入“传统补间动画”,类型为“图形”,如图3-72所示。单击“确定”按钮进入图形元件编辑模式。图3-72创建图形元件活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】3.在工具面板中单击“椭圆工具”,在属性面板中的“填充与笔触”区域中将笔触颜色设置为“无”,填充颜色为“黑色”,“笔触大小”为“1”,如图3-73所示。绘制一个椭圆,如图3-74所示。然后将“椭圆”转换为图形原件,如图3-75所示。图3-73图3-74图3-75椭圆的设置活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】4.新建图层绘制一个名为“空心圆”,并将图层改名为“空心圆”(图层在“椭圆”图层之下),如图3-76所示。图3-765.用“任意变形工具”将“椭圆”的中心点放在“空心圆”的中心。如图3-77所示图3-77改变中心点活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】将“空心圆”图层和“椭圆”图层帧数加到70帧。在“椭圆”图层的第5帧设置关键帧,并旋转椭圆至90度,并在时间轴创建传统补间,如图3-78所示。图3-78创建传统补间活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】8.新建图层,并将“椭圆”图层的第5帧复制到新建图层的第5帧,,如图3-79所示。然后在第10帧设置关键帧,将“椭圆”元件旋转90度,并在时间轴创建传统补间,如图3-80所示。图3-79复制帧图3-80旋转90°活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】9.按照步骤7和8,同理制作“椭圆”的传统补间动画,如图3-81所示。图3-81做出其他椭圆传统补间动画图3-8210.双击空白地方退出图形元件回到场景,并在将“传统补间动画”元件拖至场景,并在70帧处插入帧。,如图3-82所示。活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】11.分别在30帧和70帧处建立关键帧,并创建传统补间动画,如图3-83所示。12.在属性面板设置顺时针旋转,次数为3,如图3-84所示。图3-83传统补间动画图3-84设置属性活动3.4.1图形元件及创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【总结提升】1.图形元件的创建可以运用绘图工具进行绘制,也可以将导入的图片转换成图形元件。2.图形元件可重复使用,如制作各种方块时可多次使用实心正方形元件,即可以多重嵌套。3.当图形元件是一段小动画时,其时间轴与场景中的主时间轴是同步的,不能独立播放。活动3.4.1图形元件及创建任务3.4元件任务描述活动3.4.2影片剪辑元件及其创建学习目标分析与设计操作步骤总结提升微项目翻转预习微课资源任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【任务描述】微课资源活动3.4.2影片剪辑元件及其创建2.绘制矢量图【学习目标】【分析与设计】制作飞行的蝴蝶、闪闪的星光影片剪辑元件,展示夜间山间的动画效果。1.运用任意变形工具制作一直翅膀煽动的蝴蝶的影片剪辑。2.运用椭圆工具绘制圆并设定径定渐变填充。3.运用传统补间动画的淡入淡出效果制作闪闪的星星影片剪辑。1.掌握创建影片剪辑元件的方法。2.了解影片剪辑元件的嵌套。3.掌握利用传统补间动画制作影片剪辑元件。4.运用引导层控制动画运动轨迹。任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】1.打开路径为“素材\第3单元\3.4”中的文件“蝴蝶星光闪耀素材”。2.按下Ctrl+F8创建一个新的元件,命名为“蝴蝶飞”,类型选择“影片剪辑”,单击确定,如图3-85所示。图3-853.将库中的图形元件“翅膀”拖到场景中来,利用任意变形工具调整一下“翅膀”的方向,并将中心店调整到“翅膀”的右下方,如图3-86所示。图3-86活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】4.新建一个图层,复制图形元件“翅膀”到图层2。5.选择图层2的“翅膀”,利用变形工具将翅膀压扁一些,并向右上方倾斜,如图3-87所示。图3-87图3-886.将两个图层的“翅膀”位置调整好,在两个图层的第4帧和第7帧处插入关键帧,如图3-88所示。活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】选择图层2处的第4帧,利用任意变形工具将翅膀压扁并向右上方倾斜,如图3-89所示。选择图层1处的第4帧,利用任意变形工具将翅膀压扁并向右上方倾斜,如图3-90所示。选择两个图层的2-6帧,单击右键,创建传统补间,如图3-91所示。图3-89图3-90图3-91活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】回到场景中,将库里面的“背景”图片拉倒场景中,将图层命名为背景,利用对齐面板,把背景位置匹配场景,在第120帧处插入帧,然后锁住图层。新建一个图层2,命名为蝴蝶,将影片剪辑“蝴蝶飞”拉倒场景中,调整好大小。在第120帧处插入关键帧,如图3-92所示。选择“蝴蝶”图层,单击右键,选择“添加传统运动引导层”,如图3-93所示。选择引导层,利用铅笔工具在场景中绘制一条曲线,如图3-94所示。图3-92图3-93活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】选择“蝴蝶”图层,将第1帧处的蝴蝶调整到曲线起点上,注意中心点要在曲线上,如图3-95所示。选择第120帧处的蝴蝶调整到曲线的末端,注意中心点要在曲线上,如图3-96所示。5.在1—120帧中的任意一帧处单击右键,选择“创建传统补间”。图3-94图3-95图3-96活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】15.在1—120帧中的任意一帧处单击右键,选择“创建传统补间”。16.新建名为“渐变的圆”图形元件,选择“椭圆工具”,打开“颜色”面板,设置“笔触颜色”为无,设置“填充颜色”为“径向渐变”。颜色都设置为“白色”,两个色块的Alpha从左到右依次为100%、0%,在舞台上绘制一个圆,如图3-97和图3-98所示。17.新建名为“星星”图形元件,将库中名为“渐变的圆”图形元件拖5个至舞台,利用“任意变形工具”进行变形或旋转,组成如图3-99所示的图形。图3-97图3-98绘制一个圆图3-99星星活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】18.新建名为“闪闪的星星”影片剪辑元件,将“星星”图形元件拖到舞台,在“对齐面板”中设置对齐为“水平中齐”和“垂直中齐”。19.在第10、20帧处插入关键帧,将第10帧处的星星实例的Alpha值设置为0%,创建传统补间动画,如图3-100所示。图3-100闪闪的星星20.新建图层并改名为“星星”,将“闪光的星星”影片剪辑元件拖至舞台,进行多次复制,调节各个星星的大小和透明度。活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】21.以“蝴蝶闪耀星光”为文件名存盘,测试效果,如图3-100所示。图3-101活动3.4.2影片剪辑元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【总结提升】1.影片剪辑元件是一个小动画,它可以嵌套在其它的影片剪辑中,如图形元件“翅膀”放在“蝴蝶飞”影片剪辑中。2.影片剪辑元件的播放不同步主时间轴,放在主场景中即使只有一帧,也可以进行播放。3.影片剪辑元件可以运用创建逐帧动画、补间动画、形状补间动画、传统补间动画进行制作。活动3.4.2影片剪辑元件及其创建任务3.4元件任务描述活动3.4.3按钮元件及其创建学习目标分析与设计操作步骤总结提升微项目翻转预习微课资源任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【任务描述】微课资源活动3.4.3按钮元件及其创建2.绘制矢量图【学习目标】【分析与设计】制作一个立体圆形按钮,展示按钮不同状态时的表现形式。1.新建按钮元件。2.在4种不同状态的帧中绘制不同的图形或改变图形的属性。3.在新建的图层中添加各种状态下的不同的图形。1.掌握创建按钮元件的方法。2.掌握椭圆工具的使用及其颜色、透明度的设置。3.掌握关键帧的插入方法。任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】1.新建一个FlashCCactionscript3.0文档。2.执行“插入”→“新建元件”命令,弹出“创建新元件”对话框,在“名称”文本框中输入元件名为“bt1”,在“类型”下拉列表框中选择“按钮”选项,如图3-102所示,单击“确定”按钮进入编辑模式。3.选择工具面板中的“矩形工具”,将“笔触颜色”设置为“蓝色”,“Alpha”设置为“50%”,填充色为“无“,绘制一个大小为“100×50”的长方形v,并利用对齐面板设置对齐为“水平中齐”和“垂直中齐”。图3-102新建按钮元件活动3.4.3按钮元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】4.选择工具面板中的“椭圆工具”,将“笔触颜色”设置为“无”,填充色为“蓝色”,“Alpha”设置为“50%”,,绘制一个大小为“80×40”的长方形,并利用对齐面板设置对齐为“水平中齐”和“垂直中齐”,如图3-103所示。5.在“指针经过”、“按下”、“点击”状态中分别按“F6”插入关键帧,在“指针经过”状态中将外圆和内圆的“Alpha”值都设置为“100%”,如图3-104所示。图3-103弹起状态图3-104指针经过活动3.4.3按钮元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】6.在“按下”状态中将外框和内长方形的填充颜色设置为“红色”,“Alpha”值设置为“100%”,并缩小一点,如图3-105所示。7.锁定图层1并新建图层2,利用“文本工具”输入一个“PLAY”,选择点击帧并按“F5”插入普通帧,如图3-106所示。8.单击编辑区左上角的场景名称“场景1”,返回到场景的编辑状态,打开库面板,将名为“bt1”的按钮元件拖拽到舞台,测试影片,即可看到按钮的效果,如图3-107所示。图3-105“按下”状态图形

图3-106添加图层中的图形图3-107按钮的效果图活动3.4.3按钮元件及其创建任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【总结提升】1.按钮的四种状态是:弹起、经过、按下、点击,它可以在不同的状态中放置不同的图形;如果要体现按钮的动感,可在不同的状态中放置不同的影片剪辑。2.如果制作复杂的按钮,需要创建多个图层,并在不同的状态中放置不同的图形元件或影片剪辑元件。活动3.4.3按钮元件及其创建任务描述活动3.4.4产生元件的方法学习目标分析与设计操作步骤总结提升微项目翻转预习微课资源任务3.4元件任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【任务描述】微课资源活动3.4.4产生元件的方法【学习目标】【分析与设计】将导入的图片转换为图形元件、导入的gif动画转换为影片剪元件1.将现有图形转换为图形元件。2.关键帧的插入及传统动画的创建。1.了解能够导入的文件类型。2.掌握转换成元件的方法。任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】新建一个FlashCCactionscript3.0文档,舞台大小设定为“800×800像素”,将“图层1”改名为“背景”,如图3-108所示。图3-108活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】2.执行“文件”→“导入”→“导入到库”命令,将路径为“素材\第3单元\3.4\3.44产生元件的方法”中的“背景”、“汽车1”、“热气球”两文件导入到库中,如图3-109所示。图3-1093.将库中“背景”拖到场景中的舞台,设置对齐方式为“水平中齐”和“垂直中齐”,将“图层1”改名为“背景”,在第60帧处插入普通帧,如图3-110所示。图3-110活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】4.新建图层改名为“热气球”,将库中“热气球.png”拖到舞台转换为元件,改名为“热气球”,如图3-111。再选择“热气球”转换为元件改名为“空中飘荡的热气球”,如图3-112。图3-111图3-1125.双击舞台中的“热气球”进入“空中飘荡的热气球”元件中,在“空中飘荡的热气球”元件里,在1、15、30、45、60帧插入关键帧,如图3-113。在第15帧和第45帧把热球的位置调下一点点,创建传统补间。使其热气球产生在空中漂浮的感觉,气球的位置如图3-114。活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】图3-113图3-114活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】6.以此类推,新建图层改名为“汽车”。将库里的“汽车.png”拖到舞台,调整大小,转换为元件命名为“汽车”,如图3-115。再选择“小汽车”转换为元件改名为“发动的汽车”,如图3-116。7.在元件“发动的小汽车”里,在第1帧、第5帧和第10帧插入关键帧。在第5帧把小汽车调下一点,创建传统补间。使其产生小汽车发动的感觉,帧数越少频率越快,如图3-117。图3-115图3-116图3-117活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】8.返回场景,在“汽车”图层的第60帧插入关键帧。将小汽车移到道路右方,创建传统补间。小汽车移动的动画就完成了,如图3-118。9.也可以导入“小鸟.gif”,“小鸟.gif”会在在flashcc库中直接生成元件,如图3-119。图3-118图3-119活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【操作步骤】10.新建一个图层,命名为“小鸟”,在库中将“小鸟-gif”元件拖入到场景中,位置如图3-120。保存,输出。图3-120活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【总结提升】1.将舞台中现有的图形选中后可按“F8”转换为所需要的元件类型。2.对于现有的素材文件类型如gif、png文件,导入到库后FlashCC会自动将其转换成影片剪辑元件、图形元件。3.对于从网上下载的SWF文件,也可以采用导入到库的方法,将其转换成一个影片剪辑元件。4.帧数的多少会影响动画速度和运动的频率。活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【小结】本活动通过具体的实例,详细介绍了元件的创建方法。元件的类型主要有三种:图形元件、影片剪辑元件和按钮元件。创建元件的方法可以通过绘图工具、文本工具等进行自创,也可以导入现有的素材并将其转换成元件。元件的创建是动画制作过程中一个重要的组成部分,需要读者对它的创建方法熟练掌握。活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【综合实训微项目】1.滑雪者角色制作,下面请创建“头和身体”、“眼睛”、“嘴巴”、“手”、“脚”等图形元件,如图3-121,组装成如图3-122所示的图形,可进一步创建行走的动画效果。图3-121角色分散模型图3-122角色组装模型活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【综合实训微项目】2.制作烟花效果。操作步骤:(1)导入路径为“素材\第3单元\3.4\夜景背景”中的图片文件“夜景背景.jpg”作为背景图,并设置其与舞台大小相匹配,舞台大小:700*435。

(2)绘制一个渐变椭圆球形,如图3-123;选择形状装换为元件,改名为“火花”,如图3-124。图3-123图3-124活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【综合实训微项目】(3)在名为“火花”影片剪辑。绘制第1、15、30关键帧处的图形并调整各关键处图形的位置,并在关键帧间创建形状补间动画,如图3-125——图3-127下所示。图3-125图3-126图3-127返回“场景1”,使用任意变形工具(快捷键:Q)调整中心点,如图3-128所示。图3-128活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升微项目翻转预习【综合实训微项目】(5)使用变形(快捷键:ctrl+T),使用重置选区与变形。度数为:30°,如图3-129。(如果烟花束个数少了的话,可将旋转的度数减少),效果如图3-130。图3-129图3-130(6)选择这些元件转换为元件,命名为“烟花”,复制调整大小和位置,如图3-131所示。最终效果如图3-132所示。图3-131活动3.4.4产生元件的方法任务描述学习目标分析与设计操作步骤总结提升

温馨提示

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

评论

0/150

提交评论