WEB动画制作与设计课件：高级动画（二）

高级动画制作高级动画制作高级动画制作1、了解引导层的特点及引导层动画的制作原理；2、掌握运动引导层的动画制作方法；3．了解遮罩层的特点及遮罩的动画制作原理；4、掌握遮罩的动画制作方法；【课堂学习目标】【案例学习目标】使用绘图工具、浮动面板制作图形，使用创建补间动画命令制作动画效果，使用遮罩层命令制作遮罩动画。【案例知识要点】1、使用矩形工具和颜色面板绘制渐变矩形；2、使用创建补间动画命令制作动画效果；3、使用遮罩层命令制作遮罩动画效果。【课堂案例】—制作“文字遮罩效果”1、遮罩层动画（1）创建遮罩层一个遮罩效果的实现至少需要两个图层，上面的图层是遮罩层，下面的图层是被遮罩层。要创建遮罩层，可以在选定的图层上单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令。【理论知识】——制作遮罩层动画1、遮罩层动画（2）遮罩原理与普通层不同，在具有遮罩层的图层中，只能透过遮罩层中所含对象的形状，才可以看到被遮罩层上的内容。【理论知识】——制作遮罩层动画1．导入图片并制作图形元件（1）新建一个Flash文件，将背景颜色设为淡黄色（#FFFFE6）。（2）选择“文件>导入>导入到库”命令，将“素材>文字遮罩效果>底图、人物”文件，导入到“库”面板。（3）创建一个新元件，在“名称”选项的文本框中输入“文字”，类型为“图形”选项，单击“确定”按钮，新建图形元件“文字”。【课堂案例】—制作“文字遮罩效果”1．导入图片并制作图形元件（4）选择“文本”工具T，在文字“属性”面板中进行设置，在舞台窗口中输入大小为16，字体为隶书的黑色文字，舞台窗口中的效果如图所示。【课堂案例】—制作“文字遮罩效果”1．导入图片（5）单击“时间轴”面板下方的“场景1”图标，进入“场景1”的舞台窗口。将“图层1”重新命名为“底图”。将“库”面板中的位图图像“底图”拖曳到舞台窗口中。选中“底图”图层的第400帧，按F5键，在该帧上插入普通帧。【课堂案例】—制作“文字遮罩效果”1．导入图片（6）在“底图”图层上创建新的图层并将其命名为“人物”。将“库”面板中的图形元件“人物”拖曳到舞台窗口的左侧。【课堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（1）

创建新的图层并将其命名为“遮罩”。选择“窗口>颜色”命令，弹出“颜色”面板，在“类型”选项的下拉列表中选择“线性”，单击色带，添加两个色块，选中色带上左右两侧的色块，将其设为白色，在“Alpha”选项中将其不透明度设为0％，选中色带上中间的两个色块，将其设为黑色，如图所示。【课堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（2）选择“矩形”工具，在工具箱中将“笔触颜色”设为无，在舞台窗口中绘制一个长方形作为遮罩图形。选中长方形，在形状“属性”面板中将“宽”和“高”选项分别设为175像素和157像素，效果如图所示。【课堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（3）单击“插入图层”按钮，创建新的图层并将其命名为“文字”。将“库”面板中的图形元件“文字”拖曳到舞台窗口的左下方，效果如图所示。选中“文字”图层的第400帧，按F6键，在该帧上插入关键帧。【课堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（4）选中“文字”图层的第400帧，按住Shift键的同时，用鼠标将“文字”实例水平移动到“遮罩”图形的右边，效果如图所示。鼠标右键单击“文字”图层的第1帧，在弹出的菜单中选择“创建补间动画”命令，生成动作补间动画。【课堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（5）鼠标右键单击“文字”图层的名称，在弹出的菜单中选择“遮罩层”命令，将“文字”图层转换为遮罩层。文字遮罩效果制作完成，按Ctrl+Enter组合键即可查看效果。【课堂案例】—制作“文字遮罩效果”六、对齐对象任务:制作“仙境小溪”操作提示：本例通过有一定间隙的阵列矩形遮罩来显示小溪的部分图形，通过动静结合的方式模拟流水效果，再通过导入配合场景的素材，制作一个梦幻的仙境小溪效果。制作思路及效果如图所示。【

举一反三】六、对齐对象任务