动画素材专题四--单元四一、动画简介动画原理人眼具有“视觉残留”特性,当一系列静止的画面以一定的速率连续播放时,就会形成运动的视觉效果。帧与帧速率动画中播放的每一幅画面称为一帧,每秒钟播放的帧数称为帧速率。帧速率达到每秒10帧以上,产生运动感。帧速率达到每秒15帧以上,运动画面平滑流畅。电影的帧速率为每秒24帧。一、动画简介常用的动画制作软件二维平面动画•GIFAnimator•Flash三维立体动画•3DStudioMAX•Maya•Softimage3D二、Flash软件安装与环境设置Flash软件安装解压、绿化创建桌面快捷方式Flash文件及打开方式flaFlash源文件,使用Flash.exe打开swfFlash动画文件,使用FlashPlayer.exe打开三、Flash软件界面菜单栏舞台时间轴属性面板库面板工具箱时间轴三、Flash软件界面帧数率运行时间三、Flash软件界面属性面板:根据所选择的内容不同,属性面板发生变化文档属性散件属性元件属性帧属性工具属性三、Flash软件界面工具箱“绘图”部分“选取”部分“填充”部分“查看”部分“颜色”部分“选项”部分练习:绘制椭圆选择“椭圆工具”在“属性面板”上设置“椭圆工具”的属性:填充,笔触,起始结束角度,内径按住Shift键,绘制正圆用“选择工具”双击选中椭圆,在“属性面板”上修改“椭圆形状”的属性:位置和大小,填充和笔触练习:绘制多边形与星形1.使用“多角星形工具”绘制5边形2.使用“多角星形工具”绘制5角幸运星四、散件散件(形状)选中后呈现点状纹理可以部分选择•用“选择工具”选择形状的填充•用“选择工具”选择形状的笔触•用“选择工具”或“套索工具”选择形状的一部分可以任意变形•未选中形状时,光标接近形状的角点,可以改变角点的位置•未选中形状时,光标接近形状的线条,可以改变线条的形状同一图层中,互连的形状会融合。五、元件元件的类型图形元件影片剪辑元件按钮元件创建元件的方法方法一:新建元件(Ctrl+F8)方法二:转换为元件(F8)五、元件元件的特点选中后被蓝框包围不可以部分选择即使在同一图层中,也不相互融合六、库面板库是存放元件、图片、声音、视频等元素的地方库中的资源可以重复使用七、元件的实例元件存放在库里,将元件从库拖到舞台上,产生元件的一个“实例”。元件的属性位置和大小色彩效果:亮度、色调、Alpha七、元件的实例元件与实例的关系实例依赖于元件而存在•修改元件,会更新所有实例•删除元件,实例也会被删除实例可以有独特个性•修改一个实例的大小、亮度、色调或透明度,不会影响元件和其他实例八、编辑元件编辑元件方法1:在舞台上双击实例,进入“元件编辑界面”方法2:在库面板中双击元件,进入“元件编辑界面”返回场景单击这里九、帧帧的类型空白关键帧:无内容的关键帧,可以编辑。关键帧:有内容的关键帧,可以编辑。普通帧:内容由Flash根据前一关键帧自动生成,不可以编辑。补间帧:内容由Flash根据开始关键帧和结束关键帧自动生成,不可以编辑。九、帧帧操作在帧上右击,在菜单中选择相应的操作F6,插入关键帧(复制前一关键帧的图像)F7,插入空白关键帧F5,插入帧按住【Shift】,可以选择连续的多个帧选中帧,光标尾部带有方框,通过拖拽移动帧的位置九、帧的属性标签补间缓动•0均速运动•正值减速运动•负值加速运动旋转•顺时针•逆时针声音十、图层锁定或解除锁定图层将图层显示为轮廓显示或隐藏图层新建图层删除图层新建文件夹图层:像透明的玻璃,用于管理多个形状和动画十一、Flash动画基本类型逐帧动画:每一帧都是设计师绘制的关键帧。补间动画:设计师只绘制首、尾关键帧,两个关键帧之间的插补帧由Flash自动运算生成。补间形状:适用于散件补间动作:适用于元件的实例十一、Flash基本动画类型FlashCS3补间形状补间动作FlashCS4补间形状传统补间补间动画(新补间)1.逐帧动画逐帧动画:每一帧都是关键帧。实例:(1)奔跑的小人(2)打字效果(1)奔跑的小人设置舞台属性,大小为200*250,帧速率为12。选择菜单“文件→导入→导入到库”,将5张小人图片导入到库。在第1帧,从“库”中将01.gif图片拖到舞台上。在第2帧插入空白关键帧,从“库”中将02.gif图片拖到舞台上。在第3帧插入空白关键帧,从“库”中将03.gif图片拖到舞台上。在第4帧插入空白关键帧,从“库”中将04.gif图片拖到舞台上。在第5帧插入空白关键帧,从“库”中将05.gif图片拖到舞台上。保存文件,按“Ctrl+Enter”测试影片。(2)打字效果设置舞台属性,大小为400*200,颜色为深蓝。在第5帧插入空白关键帧。选用“文本工具”,在属性面板上设置字体“黑体”,样式“Bold”,大小“80点”,颜色“白”。在舞台上输入文本“世界地理”。选中文本,按键盘上的“Ctrl+B”,将其打散为4个文本。在第10帧插入关键帧。在第15帧插入关键帧。在第20帧插入关键帧。在第25帧插入帧。在第5帧删除后3个文本。在第10帧删除后2个文本。在第15帧删除后1个文本。保存文件,按“Ctrl+Enter”测试影片。2.形状补间动画形状补间:用于“形状”的变换实例:(1)“圆形”变“矩形”(2)变形文字“A→B→C”(3)变形图片“→鱼”(1)圆形变矩形设置舞台属性,大小为400*300,颜色为深蓝。在第1帧的舞台上绘制一个圆形(注意,这时第1帧由空白关键帧转换为关键帧)。在第5帧插入关键帧(注意,第5帧的图像是对第1帧图像的复制)。在第20帧插入空白关键帧,在舞台上绘制一个矩形。在第25帧插入帧。在5~20任意帧上右击,选择“创建补间形状”。保存文件,按“Ctrl+Enter”测试影片。(2)变形文字设置舞台属性,大小为300*300,颜色为深蓝。选用“文本工具”,在属性面板上设置字体“Arial”,样式“Bold”,大小“200点”,颜色“黄”。在第1帧的舞台上输入文本“A”。在第5帧插入关键帧。在第20帧插入关键帧,将文本改为“B”。在第25帧插入关键帧。在第40帧插入关键帧,将文本改为“C”。在第45帧插入关键帧。在第60帧插入关键帧,将文本改为“A”。在每个关键帧的舞台上选中文字,按“Ctrl+B”将其打散。在5~25,25~40,45~60帧上“创建补间形状”。保存文件,按“Ctrl+Enter”测试影片。(3)变形图片设置舞台属性。选择菜单“文件→导入→导入到库”,将图片“鱼”导入到库。在第1帧,从“库”中将图片“鱼”拖到舞台上。选择“任意变形工具”,按住Shift键,等比例调整图片的大小。选中图片“鱼”,按“Ctrl+B”将其打散。在第10帧插入关键帧。在第30帧插入空白关键帧,输入文本“鱼”。选中文本“鱼”,按“Ctrl+B”将其打散。在第40帧插入帧。在10~30帧上“创建补间形状”。保存文件,按“Ctrl+Enter”测试影片。3.动作补间动画动作补间:用于“实例”的变换实例(1)沿直线运动的小球(2)时隐时现的小球(3)心动(4)星星旋转(5)旋转并移动的矩形(6)弹跳的小球(7)水滴(1)沿直线运动的小球设置舞台属性,大小为600*200,颜色为浅蓝。在第1帧的舞台上绘制一个小球(笔触颜色为无、填充颜色为放射状渐变),将小球置于舞台左边。选中小球,按键盘上的F8,将其转为图形元件。在第24帧插入关键帧。在第24帧的舞台上,按住Shift键,水平向右移动小球。在1~24任意帧上右击,选择“创建传统补间”。保存文件,按“Ctrl+Enter”测试影片。(2)时隐时现的小球设置舞台属性,大小为600*200,颜色为浅蓝。在第1帧的舞台上绘制一个小球,将小球置于舞台左边。选中小球,按键盘上的F8,将其转为图形元件。在第15帧插入关键帧,按住Shift键将小球移动到舞台中央。在第30帧插入关键帧,按住Shift键将小球移动到舞台右边。选中第15帧,在舞台上选中小球元件,在属性面板上设置“色彩效果—样式—Alpha”值为0。在1~15任意帧上右击,选择“创建传统补间”。在15~30任意帧上右击,选择“创建传统补间”。保存文件,按“Ctrl+Enter”测试影片。(3)心动新建文件,设置舞台属性。选择菜单“视图→网格→显示网络”。选择菜单“视图→网格→编辑网络”,设置如图:选择菜单“视图→标尺”。然后从标尺中拖出辅助线,如图:6格6格4格7格(3)心动选择“钢笔工具”,在“属性面板”上设置“笔触”颜色为黑色,“笔触”宽度为“1”,在第1帧的舞台上绘制一个心形。绘制完成后,切换到“选择工具”。选择“窗口→颜色”菜单命令,在颜色面板上设置“填充”类型和颜色,如图:使用“颜料桶工具”,填充心形。注意:如果不能填充,请设置颜料桶工具的“空隙大小”选项为“封闭大空隙”。(3)心动删除心形的笔触。选中心形,按键盘上的F8,将其转为图形元件。使用“任意变形工具”,按住Shift键,将心形等比例缩小。在第15帧插入关键帧。在第30帧插入关键帧。在第15帧,使用“任意变形工具”,按住Shift键,将心形等比例放大,并旋转一定的角度。在1~15任意帧上右击,选择“创建传统补间”。在15~30任意帧上右击,选择“创建传统补间”。保存文件,按“Ctrl+Enter”测试影片。(3)心动(4)星星旋转设置舞台属性,大小为300*300,颜色为深蓝。在第1帧的舞台上绘制一个星形。选中星形,按键盘上的F8,将其转为图形元件。在第24帧插入关键帧。在1~24任意帧上右击,选择“创建传统补间”。选中1~24任意一帧,在属性面板上设置“旋转值”为“顺时针”。保存文件,按“Ctrl+Enter”测试影片。(5)矩形旋转并移动设置舞台属性,大小为600*200,颜色为浅蓝。在第1帧的舞台上绘制一个矩形,将矩形置于舞台左边。选中矩形,按键盘上的F8,将其转为图形元件。在第24帧插入关键帧,按住Shift键将矩形移动到舞台右边。在1~24任意帧上右击,选择“创建传统补间”。选中1~24任意一帧,在属性面板上设置“旋转值”为“顺时针”。保存文件,按“Ctrl+Enter”测试影片。(6)球体弹跳设置舞台属性,大小为200*600,颜色为浅蓝。在第1帧的舞台上绘制一个小球,将小球置于舞台顶部。选中小球,按键盘上的F8,将其转为图形元件。在第15帧插入关键帧。在第30帧插入关键帧。选中第15帧,按住Shift键将小球移动到舞台底部。在1~15任意帧上右击,选择“创建传统补间”,在属性面板上设置缓动值为“-100(加速运动)”。在15~30任意帧上右击,选择“创建传统补间”,在属性面板上设置缓动值为“100(减速运动)”。(7)水滴设置舞台属性,大小为500*500,颜色为深蓝。将第1图层命名为“水滴”。在第1帧的舞台上使用“钢笔工具”绘制一个水滴。选择菜单“窗口—颜色”,在颜色面板上设置“填充”类型和颜色,如图:(7)水滴使用“颜料桶工具”,填充水滴。删除水滴的笔触。选中水滴,按键盘上的F8,将其转为图形元件。使用“任意变形工具”,按住Shift键,等比例调整水滴大小。在第15帧插入关键帧,按住Shift键将水滴移动到舞台下方。在1~15任意帧上右击,选择“创建传统补间”,在属性面板上设置缓动值为“-100”。新建第2图层,将第2图层命名为“涟漪”。在第15帧插入关键帧,使用“椭圆工具”绘制涟漪(白边空心椭圆)。选中涟漪,按键盘上的F8,将其转为图形元件。(7)水滴将“涟漪”图层调整到“水滴”图层的下方。在“涟漪”图层的第3