Animate全书电子教案课件.pptx

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2022/2/19 Saturday,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2022/2/19 Saturday,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2022/2/19 Saturday,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2022/2/19 Saturday,#,工作任务一：田园风景动画设计,目,录,页,案例引入,知识探究,案例制作,拓展训练,PART 01,案例引入,Case Introduction,案例引入,在二维动画设计中有多种表现风格，其中运用矢量图形设计Q版风格的动画是应用比较多的一种形式。利用Animate 软件（简称An）设计制作Q版风格的动画是最使捷的手段之一。,下面这个案例就是一个典型的Q版风格的场景，它分别有白天和夜晚两个时段的动画。,（一）案例展示,白天效果截图,夜晚效果截图,%,（二）案例分析,01,03,02,对象创建,这个案例中需要创建的对象有：天空、太阳、云朵、山、树、房子、小草、花、石堆、风车、山坡、星星和月亮等。这些图形绘制完成后要分别转换成对应的图形元件。,重点难点,重点：传统补间动画的设计方法、不同形式渐变的设置方法,难点：图形的绘制和填充、传统补间动画的创建,技术手段,上述对象的绘制，需要用Animate 2020软件的常用工具进行绘制，主要包括直线和图形工具。,根据动画效果的要求，需要运用传统补间动画的设计方法来完成太阳、云朵、风车、星星和月亮的动画效果制作。,（三）能力目标,能够使用Animate软件中的工具，参照案例效果绘制相同的图形对象。,可以利用元件手段管理图形对象。,可以合理分配图层。,能够根据案例效果，运用传统补间动画制作相关对象的动作渐变动画。,能够测试动画的效果，并能进行对应的修改和调整,.,1,2,3,5,4,PART 02,知识探究,Intellectual inquiry,（一）知识目标,了解Animate 2020软件的工作界面及其工具箱、菜单、时间轴、属性面板等内容。,能够利用常用图形工具绘制矢量图形，并完成纯色或渐变色填充。,了解图形“软、散、粘”的特点，掌握编组或分离的方法。,学会图形元件的转换方法。,学会传统补间动画的设计方法，能够完成位置、大小、形态、颜色、明度、透明度、旋转等形式的渐变动画设计。,学会动画的测试、保存和导出的方法。,（二）知识点,1.,新建文件,当用户创建新文档时，可以选择“角色动画”类型、“标准”舞台大小及“ActionScript 3.0”等选项，然后点击【创建】直接进入Animate 2020工作界面。如右图：,（二）知识点,2.,工作界面,Animate 2020工作界面主要包括菜单栏、场景与舞台、时间轴、工具、属性面板、颜色及库等功能面板。如下图所示：,菜单栏,场景,时间轴,属性及其他功能面板,舞台,（二）知识点,3.,舞台,舞台是绘制动画对象的矩形区域，在导出或播放影片时仅显示舞台上的内容，其之外的内容是不显示的。,舞台的大小和背景颜色可以通过属性面板进行修改，如右图所示：,背景颜色,舞台大小,（二）知识点,时间轴面板由左侧的图层区和右侧的帧控制区组成。,图层是用来组织和管理舞台上的动画对象的，多个对象可以在一个图层，也可以分别在不同的图层；,时间轴是编辑和控制动画对象动作时间节点的部分，基本单位是帧，一个对象占用的帧数越多，动画的时间就越长。,4.,图层与,时间轴,（二）知识点,关键帧是可以编辑动作状态的帧，换句话说，只有在关键帧上才能编辑对象的动画状态和相关参数。当关键帧上没有添加任何动画对象时，则为空白关键帧。,5.,关键帧及其他帧,此外其他帧还包括：静止帧、过渡帧和空白帧等，这些帧只是代表占有帧的多少，是不可编辑的。,（二）知识点,06,浮动面板,可以通过【窗口】菜单中的子菜单打开和关闭所需的功能面板。面板可以根据需要进行拖动和停靠。,07,工具箱,所谓的工具箱就是指工具面板，动画对象的绘制及各类外观编辑都需要通过不同的工具来实现。,（二）知识点,8.,图形工具,绘制图形除了有钢笔、铅笔、笔刷、直线等工具外，还有矩形工具，其中矩形工具中又隐含着基本矩形工具、椭圆工具、基本椭圆工具和多角星形工具。如,右,图所示,:,（二）知识点,所谓“软”：就是指图形的轮廓或线条是“软”的，中间或两端是可以用选择工具任意修改和拖拽的。,所谓“散”：就是指图形或线条是“散”的，用选择工具可以任意选择局部，并将其从图形中分散出来。,所谓“粘”：就是指图形或线条是“粘”的，将多个图形或线条叠放在一起并取消选中状态后，这些图形或线条便粘在一起，当选中放在下方的图形并拖出后，发现它的一部分已经被粘掉，图形不再完整了。,9.,图形“软、散、粘”的特点,（二）知识点,编组,【Ctrl+G】：对选中图形按【Ctrl+G】，图形便转换成组，同时它失去粘性。另外，也可以对一个或多个组进行组合编组。,【Ctrl+B】：对元件或组按【Ctrl+B】一次或多次，它会变回图形属性，然后又恢复粘性。,分离,10.,编组与分离,（二）知识点,11.,图形转换为元件,当想把绘制好的图形转换成元件时，可以选中图形，然后按【F8】，在弹出的对话框中选择“图形元件”选项，并按【确定】，图形就变成了元件。舞台上原图形属性变为实例，库面板中多了一个图形元件。,12.,颜色面板,可以通过颜色面板对选中的图形进行填充和描边的设置，如右图所示：,设置描边,直观选取颜色,设置填充,16进制颜色值,设置透明度,分项数值,选取颜色,填充方式,13.,对象的叠放顺序,当两个组或元件实例上下叠放在一起，如果要重新调整叠放顺序，可选择其中一个对象，从右键弹出菜单中选择相应的选项。,（二）知识点,第一步,在时间轴对应图形元件所在的关键帧单击鼠标右键，从快捷菜单中选择“创建传统补间”。,第二步,在时间轴在预想的末尾帧单击鼠标右键，从快捷菜单中选择“插入关键帧”或直接按【F6】。,第三步,在舞台上，对首或尾关键帧的图形对象进行状态的编辑修改,（其中状态包括：大小、形变、位置、颜色、透明度等）。,14.,传统补间动画,（二）知识点,在舞台测试,把播放头放在起始帧上，然后按【Enter】即可看到动画在舞台上播放的效果，且只播放一闪。,直接按【Ctrl】+【Enter】（或选择菜单“控制|测试影片”），即可在弹出的播放器中看到影片循环播放的效果。,在播放器中测试,15.,影片效果测试,保存源文件,直接按【Ctrl】+【S】（或选择菜单“文件|保存”），然后在弹出的对话框中设置源文件保存的地点和文件名字即可，文件扩展名不必输入，默认为.fla。,直接按【Ctrl】+【Alt】+【Shift】+【S】（或选择菜单“文件|导出”），然后在弹出的对话框中设置影片文件保存的地点和文件名字即可，文件扩展名不必输入，默认为.swf。,导出影片文件,16.,文件保存与导出,PART 03,案例制作,Production steps,案例制作,01,02,打开Animate 软件，在新建文档对话框中选择“角色动画”类型，“标准”舞台，并手动设置舞台大小（宽800、高600），然后点击【创建】。,第一：,利用属性面板，将新文档的舞台背景颜色设置为黑色。,第二：,案例制作,（一）图层设置,（一）图层设置,案例制作,（二）,元件制作,天空元件,太阳元件,山体元件,案例制作,（二）,元件制作,草坪及前景元件,案例制作,（二）,元件制作,松树元件,房子元件,方形风车叶元件,月亮元件,案例制作,1.,白天淡入效果的制作,在时间轴30帧处选择所有图层的帧，右键选择弹出菜单命令“插入关键帧”【F6】,。,再次选择所有层的第1帧，点击此帧舞台上的对象，然后在属性面版“色彩效果|样式|亮度”中将数值设置为-88%。,2太阳移动效果的制作,（如下图）,3云朵移动效果的制作,（如下图）,（三）动画制作,第1/30帧,第110/130帧,第280帧,案例制作,4方形风车叶旋转效果,的制作,在280帧的地方按【F6】插入关键帧。选择第30关键帧，将右侧属性面版“旋转|顺时针”的旋转次数设置为1。,5三角形风车叶旋转,效果的制作,在这三个图层的280帧处插入关键帧。选择这三个图层的第30关键帧，将右侧属性面版“旋转|顺时针”的旋转次数设置为1。,6.,日落变暗效果的制作,在时间轴第280帧处没有关键帧的图层插入关键帧。,选择所有白天图层的第280帧，点击此帧舞台上的对象，将右侧属性面版“色彩效果|样式|色调”的色调数值调为47%、红为0、绿为0、蓝为51。,7.白天淡出效果的,制作,选择所有层的第310帧，点击此帧舞台上的对象，然后在属性面版“色彩效果|样式|亮度”中将数值设置为-88%。,（三）动画制作,案例制作,8.,夜晚淡入效果的制作,（三）动画制作,第,300,帧,第,421,帧,第,591,帧,案例制作,10星星闪烁效果的制作,解锁星星图层，分别在383、418、427、436、488、539帧处按【F6】插入关键帧，然后将418帧在属性面版“色彩效果|样式|Alpha”中设置数值给为95%；427帧的“色彩效果|样式|亮度”数值为24%；383和488帧的“色彩效果|样式|Alpha”将数值为50%。最后将第427帧的星星进行适当放大。,11夜晚多星闪烁效果,的制作,解锁夜晚多星图层，分别在383、436、488、539帧处按【F6】插入关键帧，然后将383和488帧在属性面版“色彩效果|样式|Alpha”中设置数值给为50%。,12所有风车叶旋转效果,的制作,分别解锁各个风车叶图层，在它们的第341帧处将右侧属性面版“旋转|顺时针”的旋转次数为1。,13夜晚淡出效果的制作,解锁除太阳之外的所有图层，将它们在621帧处插入关键帧。然后点击此帧舞台上的对象，然后在属性面版“色彩效果|样式|色调”中设置数值为64%、红为0、绿为0、蓝为21。,9月亮及云朵移动效果的制作,在这两个图层的第421帧的地方按【F6】插入关键帧，放大并移动月亮和云朵的位置。在441帧的地方按【F6】插入关键帧，不做任何变化，只是月亮和云朵在此停留一段时间。,（三）,动画,制作,PART 04,拓展训练,Outward bound,拓展训练,拓展目标,01,02,03,04,05,进一步熟悉Animate 2020软件工具箱、菜单、时间轴、属性面板等内容,。,进一步熟练利用常用图形工具绘制矢量图形的技能。,熟练掌握图形“软、散、粘”的特点，及其控制方法。,熟练掌握传统补间动画的设计方法，巩固各种动作渐变动画的设计技能。,提高“举一反三”的设计能力，完成拓展案例的制作。,（二）拓展内容,城市白天,海岸夜景,（二）拓展内容,城市白天设计要求,4.交通指示灯中绿灯有发光效果。,5.,动画需添加淡入淡出效果。,1.舞台宽800、高600，帧速率为24。,2.汽车在马路上行驶，且每个汽车的行驶速度不同。,3.太阳、云和飞机在天空移动，且太阳和飞机在运动过程中要有大小的变化。,（二）拓展内容,02,01,太阳、云、飞机、汽车等元件需创建传统补间动画。,要点提示,1,：,绿灯的发光效果，可通过属性面板中滤镜的发光选项进行设置。注意：使用滤镜的前提条件是对象必须是影片剪辑元件。,要点提示,2,：,（二）拓展内容,海岸夜景设计要求,4.灯光、月亮及倒影要有大小、方向、透明度的变化。,5.动画需添加淡入淡出效果。,1.舞台宽800、高600，帧速率为24。,2.,月亮、灯塔、货轮和帆船在水面上要有倒影。,3.货轮和帆船的行驶速度不同；每只海鸥的飞行方向和速度不同。,（二）拓展内容,02,01,月亮、云、海鸥、货轮、帆船、灯光及相关倒影等元件需创建传统补间动画。,要点提示,1,：,灯光的填充应该是线性渐变填充，且外侧色标的透明度为0%。,要点提示,2,：,03,灯光和月光需在属性面板中滤镜下添加了模糊和发光效果。,要点提示,3,：,谢,谢,观,看,田园风景动画设计,工作任务二：“春节快乐”网站庆典动画设计,目,录,页,案例引入,知识探究,案例制作,拓展训练,PART 01,案例引入,Case Introduction,案例引入,利用 An 软件制作二维动画的效率是比较高的，其奥妙就在于许多动画是通过补间生成的，即两个关键帧之间由软件经过计算自动生成中间各帧，使画面从前一关键帧状态平滑过渡到下一关键帧状态。在 An 软件中常用的补间是动作补间和形状补间。,“春节快乐”网站庆典动画设计案例就是利用形状补间来设计和制作的，它有室内和室外两个部分的动画。,（一）案例展示,室内动画截图,室外动画截图,%,（二）案例分析,01,03,02,对象创建,这个案例,室,内和室外,需要创建的对象有,：书桌,、文具、音乐播放器、,台历、,台历上的图文、,房屋、星空,、,鞭炮、礼花和文字等。这些,对象有些是,图形元件,，有些是带有动画的影片剪辑元件,。,重点难点,重点：,形状补间动画,的设计方法、,条件及特点,难点：,形状补间的过渡效果的控制,技术手段,上述对象的绘制，需要用Animate 2020软件的常用工具进行绘制，主要包括直线和图形工具。,根据动画效果的要求，需要运用形状补间动画的设计方法来完成,台历翻动,、鞭炮燃放、礼花燃放、文字变换的动画效果制作。,（三）能力目标,能够使用An软件的工具，参照案例效果绘制相同的图形对象。,能够创建或转换影片剪辑元件,可以合理分配图层，并美化舞台效果。,能够根据案例效果，运用,形状补间动画,制作相关元件的动画。,能够有效使用影片剪辑元件设计较为复杂的动画,1,2,3,5,4,PART 02,知识探究,Intellectual inquiry,（一）知识目标,学会An软件中画笔和文字工作的使用特点。,能够利用常用图形工具绘制形态较为复杂的矢量图形。,掌握发光和渐变发光滤镜的使用方法。,掌握“影片剪辑元件”的创建与使用方法。,学会形状补间动画的设计方法，能够通过一定的手段控制渐变效果的自然。,掌握将一段动画转换为“影片剪辑元件”的方法。,（二）知识点,1.,铅笔与画笔工具,绘制对象除了可以用图形工具之外，还可以用其他工具徒手绘制。能表现手绘特点的工具包括铅笔、传统画笔和流畅画笔。区别如右表：,铅笔,画笔,传统画笔,流畅画笔,属性特点,不论选什么线型，都是线条属性。拖曳边缘时使整个线条变形,不论画什么线型，都是图形属性。拖曳边缘时使图形变形,笔触样式,在属性面板如下图所示：可以通过“样式”选择线型；通过“宽”选择线条样式,在属性面板如下图所示：可设置其大小、压力感知及平滑等数值,在属性面板如下图所示：可设置其大小、曲线平滑、角度及锥度等数值,绘制模式,伸直：可以使绘制的线条趋于规整的形态；平滑：可以使绘制的线条趋于流畅平滑的形态；墨水：可以绘制接近手写体效果的形态,标准绘画：默认模式，可以在舞台中随意进行绘制；颜料填充：只能在填充区域进行绘制，不影响轮廓线；后面绘画：在图形的后面绘制，不影响前面的图形；颜料选择：只能在选中的填充区域进行绘制；内部绘画：只能绘制在落笔时所在区域内,（二）知识点,2.,文本工具,可以通过文本工具创建静态文本，使用属性面板对其进行颜色、大小、字体、方向及段落等内容的设置，也可以配合“文本”菜单中的选项对文本的样式、对齐及字母间距进行补充设置，如图所示。,（二）知识点,3.,字形编辑,当我们想把一个文本对象变成图形属性时，就需要将它打散（分离）。打散时一个字符按组合键【Ctrl+B】一次，多个字符按组合键【Ctrl+B】两次。,当我们想制作个性化的特殊文字效果时，就需要先将其打散，然后利用“选择工具”或部分“选取工具”对它进行变形，如图所示。,（二）知识点,4.,对象绘制模式,前面提到过可以通过编组或转换为元件来使图形变得不“粘”、不“散”，这里我们介绍另一种方法，就是单击“对象绘制模式”按钮，使绘制的图形自动成为不“粘”、不“散”的绘制对象。我们选择任何一种绘制工具，属性面板都会显示这个按钮。图形模式与对,象绘制模式功能和特点的比较如右表。,图形模式,对象绘制模式,按钮状态,属性面板的该按钮没有按下,按下属性面板的该按钮,绘制后的外观,属性名称,（二）知识点,5.,发光滤镜,发光滤镜参数选项和发光效果如右图所示，可以设置发光滤镜的模糊度、强度、颜色、品质和发光形式，然后为整个对象边缘应用颜色和模糊。可以通过单击右侧的“眼睛”按钮来启用或禁用此滤镜，单击其旁边的“垃圾桶”按钮来删除此滤镜。,（二）知识点,6.,渐变发光滤镜,渐变发光滤镜除了与发光滤镜有一部分相同的参数外，还有角度、距离和渐变等参数。可以通过渐变色标来设置发光的渐变颜色，如右图中左侧色标为渐变的起始颜色，可以改变其颜色，但不能移动它，并且此颜色的 Alpha 值为 0；右侧色标为渐变的终止颜色，可以改变其颜色、透明度和位置。在色标轴的中间或右侧可以增加新的渐变色标，也可以删除多余的色标。,（二）知识点,它在应用到舞台场景中时，不受时间轴上占用帧的长度限制，也就是说影片剪辑元件被拖入舞台后只要有一个关键帧就可以使该元件的实例在主影片中循环播放。,将元件从文件库中拖到舞台就实现了对元件的调用，且可以根据不同的外观需要，对拖入舞台的实例进行倾斜、旋转或缩放等操作；也可以通过属性面板对选中的实例进行色彩效果的编辑，这些编辑不影响元件本身。,选择菜单中的命令“插入|新建元件”，在弹出的对话框中选择“影片剪辑元件”选项，单击“确定”按钮即进入元件自己的时间轴和编辑区域。,7.,影片剪辑元件,第一步：在时间轴点选中影片的第一个图层，再按住【Shift】键，单击最后一个图层，这样就选中了影片包含的多个图层。,第二步：在选中的图层上右击，选择弹出快捷菜单中的“剪切图层”命令。,第三步：插入一个新的影片剪辑元件，在其中的时间轴默认图层上右击，选择弹出快捷菜单中的“粘贴图层”命令，这样舞台上的影片片段就转换成了影片剪辑元件。,影片剪辑元件的特点,元件的调用,创建影片剪辑元件,转换为影片剪辑,（二）知识点,z,形状补间动画的创建可以通过以下 3 步来完成。,第一步：在起始关键帧处的舞台上创建起始对象，并将其打散。,第二步：在时间轴预定处插入空白关键帧，然后在此帧中创建终止对象，并将其打散。,第三步：在首尾关键帧之间右击，选择弹出快捷菜单中的命令“创建补间形状”。,8.,形状补间动画的创建,完成形状补间动画的创建后，可以按【Enter】键在舞台上预览动画效果，也可以按组合键【Ctrl+Enter】在播放器中预览动画循环播放效果。,（二）知识点,01,方法一：,将复杂的图形简单化，把图形的各个局部分散到不同的图层，变成分图层、分局部的形状渐变，这样会改善形状补间动画的效果。,02,方法三：,在首关键帧选择菜单中的命令“修改|形状|添加形状提示”来添加形状提示，通常使用 26 个英文字母进行形状提示，这些字母会成对出现在首尾关键帧中，分别标记两个关键帧中对应的点。标记最好按逆时针顺序从左上角开始摆放。如果无法看到提示标记，可以选择菜单中的命令“视图|显示形状提示”。右击形状提示点，可以打开快捷菜单，利用该菜单可以继续添加提示或删除提示,9.,添加形状提示,03,形状补间动画中间的过渡效果有时不太理想，对于这种情况有 3 种解决的办法。,方法二：,在首尾关键帧之间添加中间形状的关键帧，把首尾图形的渐变分解成起始图形到中间图形的形状渐变和中间图形到终止图形的形状渐变两部分，这样也会整体改善形状补间动画的效果。,PART 03,案例制作,Production steps,案例制作,01,02,打开 An 软件，在“新建文档”对话框中选择“角色动画”、“标准”、“ActionScript 3.0”等，并手动设置舞台大小（宽 1280、高 720），然后单击“创建”铵钮直接进入 An 软件的工作界面。,第一：,利用属性面板，将新文档的舞台背景颜色设置为白色。,第二：,（一）新建文档,案例制作,（二）,元件制作,1.,室内静态景物元件,的制作,案例制作,2.,台历翻动元件的制作,（图层及各子元件）,案例制作,台历翻动元件的制作,案例制作,台历翻动元件的制作,案例制作,3.,室外静态景物元件的绘制,案例制作,4星空元件的绘制,案例制作,5鞭炮燃放元件的制作,（图层与效果）,案例制作,5鞭炮燃放元件的制作,（燃放时炸开的动态效果）,第1帧,第4帧,第11帧,第8帧,第10帧,第3帧,第6帧,第13帧,第4帧,第7帧,第11帧,第14帧,第2帧,第12帧,第9帧,第5帧,炮,1,炮,2,炮,3,炮,4,案例制作,6礼花燃放元件的制作,第20帧,第1帧,第10帧,第5帧,案例制作,7文字变换元件的制作,案例制作,（,三,）创建图层并添加对象,案例制作,1.,时间轴的初始化,舞台上的静态对象或动画的展示有先有后，根据出现的时间先后，我们需要把各图层的第1 关键帧拖曳到不同的帧位置上，使它们在时间上前后衔接。,2室内淡出效果的制作,通过淡出效果，实现室内向室外的画面切换。,3室外淡入效果的制作,通过淡入效果，与上一步共同实现室内向室外的画面切换。,4鞭炮入场动画的制作,分别从舞台两侧把,鞭炮移入舞台，然后表现鞭炮燃放过程的效果动画。,5动画结尾的设定,动画的长短取决于最后一帧的位置，本动画的最后一帧为第 334 帧。因此，需要在“星空”“室,外”“礼花”“文字”这 4 个图层的第 334 帧处都按【F5】键插入帧。,（三）动画制作,PART 04,拓展训练,Outward bound,拓展训练,拓展目标,01,02,03,04,05,进一步熟悉绘图工具的使用，特别是画笔等工具的特点,。,进一步巩固影片剪辑元件的创建和转换方法。,熟练掌握形状补间动画的设计方法和特点。设计软为复杂的动画效果,熟练掌握滤镜的使用方法，能够利用发光和渐变发光滤镜设计动画特效。,掌握图形模式和绘制对象模式的特点。,（二）拓展内容,海底生物动画,茶品网站动画,（二）拓展内容,海底生物动画设计要求,4.,水藻在海中有摆动效果。,5.,小船随着海浪上下漂动。,1.,舞台宽1280、高720，帧速率为24。,2.鱼在海中游动，且每条鱼的游速和方向不同。,3.,海浪有透明效果，在海中上下波动，且在波动过程中有颜色变化。,（二）拓展内容,02,01,鱼、水藻、海浪等元件需创建形状补间动画。如果形状补间动画的中间过渡状态不理想，可以把对象分散到多个图层，化整为零，用多个局部形状渐变实现整体渐变效果。,要点提示,1,：,案例中有两个海浪图层，通过交错波动的形式增加层次感。,要点提示,2,：,03,要点提示,3,：,小船上下漂动需创建传统补间动画。,（二）拓展内容,茶品网站动画设计要求,4.茶壶向茶杯中倒水时，水流有流动肌理的动态效果。茶杯中有热气上升的动态效果。,5.鸟有翅膀缓缓扇动的动态效果。,1.舞台宽800、高600，帧速率为24。,2.,云、鸟、山、塔、浮标和拱桥在水面上要有倒影，且倒影有透明度变化。,3.浮标随着波浪上下漂动。浮标下的波浪有透明效果，在湖中上下波动，且在波动过程中有透明度的变化。,（二）拓展内容,02,01,鸟、浮标下的波浪、茶水流动、热气上升等元件需创建形状补间动画。,要点提示,1,：,茶水流动和热气上升元件需在属性面板中添加透明度设置，同时还要添加模糊滤镜效果。,要点提示,2,：,03,茶水流动肌理的动态效果需两个图层来完成，一个是充色水流的形状渐变动画，一个是肌理（可以是线条）的传统补间动画，两层叠加实现所需效果。,要点提示,3,：,谢,谢,观,看,“春节快乐”网站庆典动画设计,工作任务三：“曲苑杂谈”曲艺栏目片头,及角标动画设计,目,录,页,案例引入,知识探究,案例制作,拓展训练,PART 01,案例引入,Case Introduction,案例引入,逐帧动画的制作原理很简单，在时间轴上表现为连续出现的关键帧，但是需要一帧一帧地绘制和编辑图形，因此工作量很大。逐帧动画的灵活性强，善于表现细腻的动作，所以在制作时就要注意帧与帧之间图形的变化幅度，以便连续播放时达到自然、流畅的动画效果。,下面这个案例就是用逐帧动画设计和制作的，先是制作“曲苑杂谈”曲艺栏目的片头动画，然后在此基础上编辑转化成该栏目播放时的角标动画。,（一）案例展示,栏目片头动画截图,栏目角标动画截图,%,（二）案例分析,01,03,02,对象创建,这个案例,需要创建的对象有,：,舞台背景、折扇、小桌、人特,、,话筒、幕布,等。这些,对象有些是,图形元件,，有些是带有动画的影片剪辑元件,。,重点难点,重点：,逐帧,动画动画,的的特点与创建方法,难点：,效控制各帧变化的幅度和节奏，以,保证动画的自然、流畅。,技术手段,1.,利用变开面板，快速制作折扇。,2.,根据动画效果的要求，需要运用,逐帧,动画的设计方法来完成,扇子折叠、扇动效果,、文字,特效等,动画制作。,3.,将动画转换成影片剪辑元件,（三）能力目标,进一步熟悉,An,软件中编辑图形的工具。,结合对应属性面板，绘制编辑精美图形。,掌握 An 软件时间轴中显示和编辑多个帧的功能,能够运用逐帧动画设计较为复杂的动作,能够运用滤镜设计动画特效。,进一步掌握影片剪辑的特点和运用方法。,1,2,3,5,4,PART 02,知识探究,Intellectual inquiry,（一）知识目标,熟练使用任意变形工具,掌握,渐变变形工具的使用方法，能够对渐变色填充图形对象进行渐变细节的调整。,掌握,“,翻转帧,”,的使用方法。,掌握变形面板的使用方法，制作折扇等类似图形。,学会斜角和渐变斜角镜滤的使用，实现对文字或图形的特效设计。,掌握橡皮擦工具的使用方法，可以有针对性地擦除对象。,（二）知识点,1.,任意变形工具,当需要对图形对象进行变形时，可以使用任意变形工具 进行操作，任意变形工具主要用于完成缩放、旋转、倾斜、扭曲等变形操作，如右图所示。,直接拖放四角，从中心自由缩放；,按住【Alt】拖放四角，从左上角缩放；,按住【Shift】拖放，从中心等比缩放,直接旋转四角，可旋转任意角度；,按住【Alt】旋转，左下角为旋转中心；,按住【Shift】旋转，可旋转45度的整倍数角度,直接拖放边框，对边同时倾斜；,按住【Alt】拖放边边框，只从此边倾斜,同时按住【Alt+Ctrl】并拖放一角，局部扭曲；,同时按住【Shift+Ctrl】并拖放一角，对称扭曲,（二）知识点,2.,渐变变形工具,渐变变形工具 与任意变形工具在同一工具按钮中，它们可以对实现渐变色填充的图形,对象进行渐变细节的调整。对选中图形应用此工具后，图形上会出现一组调整渐变细节的编辑手柄，如图所示。,可拖拽，调整此轴向的宽度,可拖拽，调整渐变幅度大小,可旋转，调整渐变方向,可拖动，调整渐变幅度大小,可旋转，调整X轴的角度,（a）线性渐变,（b）径向渐变,（二）知识点,3.,变形面板,变形面板的主要功能是可以通过设置各项参数，精确地对对象进行缩放、旋转、倾斜和翻转等操作。其参数含义和功能如图所示。,水平或垂直单向缩放,可以进行水平或垂直方向的倾斜变形,可以进行水平或垂直方向的翻转,单击“重制选区和变形”按钮，可以复制并旋转图形。,可以进行指定角度的旋转,按下“约束”后，进行成比例缩放。,（二）知识点,4.,橡皮擦工具,使用橡皮擦工具 可以快速擦除舞台上的内容，也可以擦除个别笔触或填充。当选择橡皮擦工具后，可以在属性面板的橡皮擦工具中选择不同的擦除模式，以便有针对性地擦除对象，橡皮擦工具的主要参数如图所示。,水笼头模式,擦除模式,手绘板工具,橡皮头类型,橡皮头大小,橡皮擦模式中不同选项的具体功能如下。,“标准擦除”模式：默认模式，可以随意擦除同一图层上的笔触和填充。,“擦除填色”模式：只擦除填充，不影响笔触。,“擦除线条”模式：只擦除笔触，不影响填充。,“擦除所选填充”模式：只擦除当前选定的填充，不影响笔触。,“内部擦除”模式：只擦除橡皮落点处的填充，不影响笔触。,（二）知识点,5.,翻转帧,在时间轴上选定一段连续的帧，通过选择快捷菜单中的命令“翻转帧”，可以将选中的所有帧逆序排列。如果要翻转的是一段补间动画，如一个小球从舞台左侧移到右侧，翻转后的动画效果就变成小球从舞台右侧移到左侧；如果要翻转的是一段逐帧动画，如一个图形逐渐被擦掉，翻转后的动画效果就变成一个图形一点点逐渐显示出来。“翻转帧”命令扩展了动画的制作思路，对有些动画效果的设计很有帮助，如用手写字动画的制作，如果不用“翻转帧”命令，它的制作过程就会变得很复杂。,（二）知识点,6.,斜角和渐变斜角镜滤,斜角滤镜的主要参数有模糊、距离、强度、角度、阴影、品质和类型等。渐变斜角滤镜的参数与斜角滤镜的大部分相同，只是多了渐变设置，可以通过色标的渐变更精细地设置立体斜角效果。,两种滤镜的的参数如图所示。,（二）知识点,7.,逐帧动画与绘图纸外观,为了帮助确定和编辑关键帧对象的位置和形态，可以使用 An 软件提供的“洋葱皮”功能，即“绘图纸外观”按钮。它可以用于同时显示所有帧或一定范围内帧的对象。,如图所示。,“绘图纸外观”按钮,范围标记,（二）知识点,8.,编辑多个帧,“编辑多个帧”按钮,在“绘图纸外观”按钮的右侧，它的功能类似于“绘图纸外观”按钮。单击此按钮后，播放头两侧会出现一个范围标记，同时舞台上只出现此范围的所有关键帧对象，而且无论其是否为当前帧，这些关键帧对象都是可以选择和编辑的。单击“编辑多个帧”按钮后稍作停顿，会弹出一个下拉列表，我们可以进行“所有帧”、“选定范围”和“锚点标记”的选择。,PART 03,案例制作,Production steps,案例制作,01,02,打开 An 软件，在“新建文档”对话框中选择“角色动画”、“标准”、“ActionScript 3.0”等，并手动设置舞台大小（宽 1280、高 720），然后单击“创建”铵钮直接进入 An 软件的工作界面。,第一：,利用属性面板，将新文档的舞台背景颜色设置为白色。,第二：,（一）新建文档,案例制作,（二）,元件制作,1.,扇面元件的制作,（,1,）绘制一片扇叶,（,2,）移动扇叶变形中心,（,3,）旋转并复制多片扇叶,（,4,）调整扇面位置及角度,案例制作,（二）,元件制作,2.,扇骨元件的制作,扇骨的外形,局部扇骨的颜色,案例制作,（二）,元件制作,3扇坠元件的制作,扇坠的外形,扇坠的颜色,案例制作,（二）,元件制作,4,扇轴元件的制作,扇子轴的外形,扇子轴的颜色,案例制作,（二）,元件制作,5,扇面文字元件的制作,文字的外形,文字角度及位置,案例制作,（二）,元件制作,6,栏目名称元件的制作,使用文本工具创建“曲苑杂坛”文本对象，并为其设置合适的大小和字体，文字的颜色为线性渐变填充（208 154 19）、,(,218 190 104），如图所示，然后将其转换成影片剪辑元件“曲苑杂坛-元件”。,案例制作,（二）,元件制作,7,舞台背景元件的制作,绘制一个长 1280、宽 720 的无边框矩形，,然后按右图所示，绘制角纹、云纹、光晕，并设置相应的颜色。,案例制作,（,三,）创建图层并添加对象,图层设置,对象摆放效果,案例制作,1.,时间轴的初始化,解锁“扇轴”“扇坠”“舞台背景”图层，分别在第 240 帧处插入帧后，再次锁定图层。,2扇子展开的动画制作,将扇面实例打散一次，使其变成 30 个独立的组。然后将扇面中最右侧的一片扇叶,在不同的关键帧中依次,删除。,再通过“翻转帧,“,命令实现折扇的逐渐打开效果。,3扇子扇动的动画制作,使用任意变形工具将扇子高度,交替变化，实现扇动时的变形效果,。,4扇子折叠的动画制作,利用,“翻转帧”命令，将复制过来的帧翻转，实现扇子折叠回去的动画效果,。,5栏目名称的动画制作,通过,创建传统补间,动画，并在不同关键帧改变渐变斜角滤镜的相关参数，实现文本的滤镜动画效果。,（,四,）动画制作,案例制作,1.新建文档,创建舞台大小为（宽 1280、高 720）的新文档。,2.,所需要的新元件,按图绘制所需要的新元件,（,五,）将影片转换为角标动画,案例制作,3.将影片转换成角标影片剪辑元件,新建一个影片剪辑元件，然后将上面的动画中,除舞台背景之外的所有图层复制到当前元件中。,4.,创建图层并添加对象,按图创建图层，并把所需元件对象摆放好。,（,五,）将影片转换为角标动画,5角标效果的完善,将空缺的帧补齐，并为角标动画设置淡入淡出的动画效果,PART 04,拓展训练,Outward bound,拓展训练,拓展目标,01,02,03,04,05,进一步熟悉绘图工具的使用，完成各种复杂图形的绘制,。,进一步巩固影片剪辑元件的创建和转换方法。,熟练掌握逐帧动画的设计方法和特点。,熟练,”,翻转帧,“,命令的使用方法。,掌握变形面板、填充变形、任意变形等编辑方法。,（二）拓展内容,卡通人物手绘效果动画截图,火柴人走路动画截图,（二）拓展内容,卡通人物手绘效果动画设计要求,3,.,卡通人物的绘制在节奏上要和画笔同步。,4,卡通人物绘制完成后，将画面中的手慢慢移出舞台。,1.,舞台宽1280、高720，帧速率为,12,。,2.卡通人物的绘制动作从头部开始分步进行，到脚部结束。,（二）拓展内容,02,01,人物层和画笔层都是采用逐帧动画的形式。,要点提示,1,：,绘制卡通人物时要注意线条越长添加的关键帧就越多，以保证动画效果流畅。,要点提示,2,：,03,要点提示,3,：,在绘制卡通人物时要有起笔和落笔的效果。卡通人物绘制完成后，将画笔移出舞台需要通过传统补间动画完成。,（二）拓展内容,火柴人走路动画设计要求,3,.,背景画面的运动方向和火柴人行走的方向相反。,4.,火柴人走路的动作要自然、流畅，符合人物走路的运动规律。,1.,舞台宽1280、高720，帧速率为,30,。,2.火柴人的动作为向右原地行走。,（二）拓展内容,02,01,火柴人走路的元件可以以 8 个或 12 个关键帧为一个完整周期，采用逐帧动画来体现动作的变化。,要点提示,1,：,火柴人在走路的过程中要有重心和高度的起伏。可以通过一条水平辅助线来定位地面，以便更好地控制每个关键帧统一的下边界。,要点提示,2,：,04/05,为了能够匹配火柴人走路的节奏，需要将背景绘制得足够长，然后通过传统补间动画，实现背景向左的平移。,为了使循环播放时背景画面不产生跳动，可以复制背景画面，将两个完全相同的背景画面首尾相接，并在补间动画的首尾关键帧设置成同一画面位置。,要点提示,4,、,5,：,03,火柴人腿部和手臂的变化可以借助“显示多个帧”按钮来控制变化角度和幅度。,要点提示,3,：,谢,谢,观,看,“曲苑杂谈”曲艺栏目片头及角标动画设计,工作任务四：“中国梦”网站展示动画设计,目,录,页,案例引入,知识探究,案例制作,拓展训练,PART 01,案例引入,Case Introduction,案例引入,在传统补间动画中，为,其,添加一个传统运动引导层，并在此图层中绘制代表运动轨迹的曲线。之后只要引导层和被引导层保持从属链接关系，补间对象就会放弃直线运动，改为按曲线轨迹进行运动。,下面这个“中国梦”网站展示动画设计案例中的飞鸟和转动的星星都是利用传统运动引导层技术来制作的。,（一）案例展示,网站展示动画截图,%,（二）案例分析,01,03,02,对象创建,这个案例,需要创建的对象有,：,舞台背景、飞鸟、,2,组鸟群,、转动的星星、梦文字,等。这些,对象有些是,图形元件,，有些是带有动画的影片剪辑元件,。,重点难点,重点：,引导层,的特点与创建方法,难点：,特殊引导层的运用技巧,技术手段,1.,外部图片的导入。,2.,传统引导层的创建和运用,。,3.,图形元件和影片剪辑元件的创建,PART 02,知识探究,Intellectual inquiry,（一）知识目标,掌握墨水瓶工具的使用方法,掌握 外部图像素材的导入方法,能够创建引导层来改变补间对象的运动轨迹。,能