AnimatePPT课件(共9单元)工作任务五：动态海报设计.pptx

工作任务五：动态海报设计目录页案例引入知识探究案例制作拓展训练PART 01案例引入Case Introduction案例引入 遮罩层上方的图形或文字就像一个面板上的孔，遮罩层下方的内容只能通过这个孔显示，孔之外其他区域的内容则被遮住而无法看到遮罩层和被遮罩层上的对象可以是静止的，也可以是变化或运动的，但无论怎样，下方被遮罩层的内容都是通过遮罩层上的孔来显示的 下面这个动态海报设计案例中的放大镜特效就是利用遮罩层技术制作而成的一）案例展示动态海报截图动态海报截图%（二）案例分析010302对象创建 这个案例需要创建的对象有：舞台背景、圆孔、放大镜等这些对象有些是图形元件，有些是带有动画的影片剪辑元件重点难点重点：遮罩层与被遮罩层的关系难点：遮罩层的效果修饰技术手段1. 外部图片的导入2. 遮罩层的创建和运用3. 摄像头图层的运用PART 02知识探究Intellectual inquiry（一）知识目标 掌握摄像头图层的添加方法，能够编辑摄像头的各种运动 学会摄像头的色彩效果与滤镜特效的添加 掌握遮罩层与被遮罩层关系的创建方法 能够利用遮罩层技术制作各类动画，学会修饰层的设计 能够模糊滤镜，柔化对象的边缘和细节。

12354（二）知识点1.模糊滤镜 模糊滤镜可以柔化对象的边缘和细节给对象应用模糊滤镜后，可以让它看起来距离更远，也可以让它具有运动感模糊滤镜参数选项及模糊效果如图所示，模糊滤镜的主要参数有模糊 X、模糊 Y 和品质 3 项内容二）知识点2.摄像头工具 (1)添加摄像头图层 在 An 软件中，选择工具箱中的“摄像头”命令，或按快捷键【C】，或单击图层上方的“添加摄像头”按钮 ，就会在图层的最上方添加一个名为Camera”的摄像头图层，如图所示，它可以用于制作模拟真实摄像机的运动拍摄效果 当然若要下方的某些图层产生这种所谓的运动拍摄效果，需要在这些图层上单击是否锁定摄像头运动的按钮，被锁定的图层将不随摄像头的变化而变化添加或删除摄像头按钮摄像头图层是否锁定所有图层摄像头运动锁定本图层摄像头运动（二）知识点2.摄像头工具 (2)摄像头的运动 在摄像头图层中，可以像普通图层一样创建传统补间动画或补间动画，动画对象就是摄像头，其中关键帧中摄像头具体状态的设置与调整有以下两种方法：摄像头旋转摄像头缩放摄像头变化幅度滑块摄像头旋转角度摄像头位置坐标摄像头缩放比例摄像头色彩效果摄像头滤镜（二）知识点2.摄像头工具 (3)摄像头的色彩效果与滤镜特效 可以通过“色彩效果”选项来设置摄像头的亮度、色调、高级和透明度效果，就好像给摄像头加一个带色彩的镜头片，镜头内的所有对象将产生色彩变化的效果。

可以通过“滤镜”选项来为摄像头添加投影、模糊、发光、斜角、渐变发光、渐变斜角等特效和调整颜色，就好像给摄像头加装特效镜头一样二）知识点3.遮罩层技术 (1)遮罩层的概念第一点 遮罩层也是一个特殊而独立的图层，当它与下方的其他图层建立遮罩与被遮罩的从属链接关系后，它的特殊功能才起作用遮罩层上方的图形、文字或元件的填充就像在一个面板上打的孔，下方被遮罩层的内容只能通过这些孔显示出来，孔之外其他区域的内容则被遮住而无法看到第二点 一个遮罩层可以同时与多个连续排列的图层建立遮罩关系，也就是说，一个遮罩层可以对多个被遮罩层起遮罩作用第三点 当在舞台进行编辑，只有遮罩层和被遮罩层都被锁定时，才能看到遮罩效果；如果它们没有被锁定，则看不到遮罩效果在测试影片或导出影片时，遮罩层和被遮罩层无论被锁定与否，都会显示出遮罩效果二）知识点3.遮罩层技术 (2)遮罩层与被遮罩层关系的创建方法 方法一：在创建好孔形状的图层上单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”命令，这时当前图层变为遮罩层，它下方的图层自动变为被遮罩层，它们的图标在形状改变的同时，其位置关系也变成有缩进的从属关系 方法二：当只有遮罩层而没有被遮罩层时，可以用鼠标直接拖曳某图层到遮罩层图标右下方，出现点线标记时，松开鼠标按键即变为被遮罩层；也可以通过在图层上单击鼠标右键，选择弹出快捷菜单中的“属性”命令，在弹出的对话框中选择“被遮罩”，将其设置为被遮罩层。

二）知识点3.遮罩层技术 (3)遮罩层动画的分类 遮罩层和被遮罩层上的对象可以是静止的，也可以是变化和运动的，这样就会有 3 种类型的遮罩层动画：第一种 遮罩层对象运动和变化，被遮罩层对象静止不动，如放大镜移动的动画效果等第二种 遮罩层对象静止不动，被遮罩层对象运动和变化，如地球转动的动画效果等第三种 遮罩层对象运动和变化，被遮罩层对象也运动和变化，如光芒旋转、闪烁的动画效果等二）知识点3.遮罩层技术 (4)修饰层的作用 遮罩层上对象的填充起透孔的作用，这个孔是什么颜色的并不重要，因为在 An 软件中这个孔是完全透明的而且这个对象是否有笔触、线条，对孔来说都没有任何作用在遮罩层上方添加一个图层，这个图层中的对象能对孔起到一定的修饰作用，所以可以把这个图层看作为遮罩层服务的修饰层PART 03案例制作Production steps案例制作0102 打开 An 软件，在“新建文档”对话框中选择“角色动画”、“标准”、“ActionScript 3.0”等，并手动设置舞台大小（宽 405、高 567），然后单击“创建”铵钮直接进入 An 软件的工作界面第一： 利用属性面板，将新文档的舞台背景颜色设置为白色。

第二：（一）新建文档案例制作（二）元件制作 1. 放大镜元件的制作01放大镜框 创建名为“放大镜框”的影片剪辑元件，并按图绘制外观02遮罩圆 创建与放大镜中镜片一样大小的图形案例制作（二）元件制作 2. 背景元件的制作01“清晰图” 创建名为“清晰图”的影片剪辑元件，把海报图片导入库，然后将其拖入该元件，设置图片在元件中的坐标为（0,0）02“模糊图” 创建名为“模糊图”的影片剪辑元件，把“清晰图”元件拖入该元件，设置图片在元件中的坐标为（0,0）；然后为这个“清晰图”元件实例添加模糊滤镜，参数模糊 X 为 40、模糊Y 为 40、品质为高案例制作（三）创建图层并添加对象图层设置 根据需要在主时间轴创建 5 个图层及 1 个摄像头图层将“模糊图”元件拖入舞台，并设置其大小与舞台一致，坐标为（0,0） 将“清晰图”元件拖入舞台，并设置其大小（宽 433、高 606）比舞台大一圈，坐标为（-14,-19）将“遮罩圆”元件拖入舞台，并放在海报中间角色的位置 分别将“镜片”和“放大镜框”元件拖入舞台，并将它们的位置与遮罩圆重叠对齐案例制作（四）动画的制作1时间轴与图层的初始化 为所有图层在第 450 帧处插入帧。

在“遮罩”图层上单击鼠标右键，选择弹出快捷菜单中的命令“遮罩层”，使该图层与下方的“清晰图”图层变为遮罩层与被遮罩层的关系案例制作（四）动画的制作2摄像头图层动画的制作 解锁“Camera”图层，在第 1 关键帧处单击鼠标右键，选择弹出快捷菜单中的命令“创建传统补间”，然后在第 45 帧处插入关键帧 为了使放大镜表现出弹性的缩放动作，在第 1 关键帧处选择属性面板补间的“效果”选项，选择“Ease Out|Bounce” 为了使画面还原，在第 80 帧和第 88 帧处分别插入关键帧，并将第 88 帧处摄像头的缩放比例设置为 100%案例制作（四）动画的制作3放大镜动作的制作 因为“放大镜框”“镜片”“遮罩”在表现上是一个整体，所以在制作动画时要同时解锁这 3 个图层，并同时选中 3 个图层的帧或关键帧进行统一操作 这 3 个图层需要先插入各个关键帧，然后在需要有渐变动作处创建传统补间，再在补间动画的首关键帧处设置补间的缓动效果，在尾关键帧处调整放大镜的目标位置，具体情况如表 所示关键帧458088188200300308358385是否创建传统补间是 是 是 是是 补间缓动效果选项Ease Out|Bounce 默认Classic Ease 默认Classic Ease Ease Out|ElasticEase InOut|Quart 放大镜动作说明向下移出舞台从舞台左侧上方垂直移到下方，并移出舞台从舞台右侧上方垂直移到下方从舞台右下方移到角色中心放大至露出整个图片PART 04拓展训练Outward bound拓展训练拓展目标0102030405 进一步熟悉i滤镜的使用，掌握模糊滤镜的使用特点 进一步巩固摄像头工具的使用方法 熟练掌握摄像头图层的创创建与管理 巩固遮罩层技术，能够利用遮罩与被 遮罩关系，设计特效动画 理解修饰层的作用和设计方法（二）拓展内容展开画轴的动画截图展开画轴的动画截图光照文字动画截图光照文字动画截图（二）拓展内容展开画轴的动画设计要求展开画轴的动画设计要求3. 画轴对称，向左右两侧展开，直到画轴移出舞台露出整个画面，展开的同时有缓动效果。

4. 画面中的瀑布有水流的特效1. 舞台宽 1276、高 697，帧速率为 242.在画轴展开之前先有推镜头的效果，同时有缓动效果二）拓展内容0201 在摄像头图层创建传统补间来实现推镜效果的制作，同时要添加缓动效果要点提示1：要点提示2：03要点提示3： 瀑布中水流特效需要用遮罩技术完成可以先对整个元件进行波动效果设计，然后将这个有波动效果的元件嵌入另一个元件中，再对它进行有效区域的遮罩设计 遮罩层中的对象为一个窄条矩形，随着矩形不断变宽，下方被遮罩层中的画面逐渐展开；两端的画轴分别放在两个修饰层中，并进行位置的渐变04要点提示4： 遮罩层中的波纹线条需选择菜单中的命令“修改 | 形状 | 将线条转换为填充”来填充，这样才能实现遮罩效果二）拓展内容光照文字动画设计要求光照文字动画设计要求3. 两束灯光在舞台往返照射，光圈也随之移动并显示出下层的不同文字，之后光圈变大直至显示出全部舞台，光圈的移动和放大均有缓动效果4. 文字全部出现后，在文字上方缩放出现人物 GIF 动图，使画面更加生动1. 舞台宽1280、高720，帧速率为242.两束灯光从舞台顶端照射下来，每束灯光各有一个光圈照到不同的文字上，没有光圈处看不到文字。

二）拓展内容0201 一个光圈需要一对遮罩和被遮罩层，两个光圈则需要两对遮罩和被遮罩层，每个光圈各有一个射灯效果的修饰层，所以共需 6 个图层完成光照文字的效果要点提示1： 光圈的移动需要创建传统补间动画来实现，射灯光柱的旋转也需要创建传统补间来实现，而且这两个动画中均有缓动效果要点提示2：03 添加 GIF 动图元件时需创建传统补间动画，且有透明度及大小的变化要点提示3：谢谢观看动态海报设计。