“我的梦，中国梦 ” —— 制作遮罩层 Banner 动画

我的梦我的梦 ,, 中国梦中国梦BannerBanner 动画动画

经验情景经验情景

问题引入问题引入

探究实践探究实践

任务实践任务实践

反思提高反思提高

““ 我的梦，中国梦我的梦，中国梦””

—— —— 制作遮罩层制作遮罩层 BannerBanner 动动画画







一、经验情景：一、经验情景：

11 、中国梦、中国梦 ,, 是我们每个中华民族的梦，你想是我们每个中华民族的梦，你想用什么动画方式来表达我们内心的激情与梦想，用什么动画方式来表达我们内心的激情与梦想，呈现伟大的“我的梦，中国梦”？呈现伟大的“我的梦，中国梦”？

22 、简单回顾、简单回顾 FlashFlash 动画的三种类型及通动画的三种类型及通过图层来实现的动画效果。过图层来实现的动画效果。







33 、动画的三种类型及通过图层来实现的动画效果：、动画的三种类型及通过图层来实现的动画效果：

（（ 11 ）形状渐变动画）形状渐变动画（（ 22 ）动作渐变动画）动作渐变动画（（ 33 ）逐帧动画）逐帧动画

另外：通过图层来实现的动画效果：另外：通过图层来实现的动画效果：（（ 11 ）引导层动画）引导层动画（（ 22 ）遮罩层动画）遮罩层动画







二、问题引入：二、问题引入：

11 、各大知名网站什么是最直接最能引人注意、各大知名网站什么是最直接最能引人注意 ??







22 、如何制作、如何制作 BannerBanner““ 我的梦，中国梦”我的梦，中国梦”动画动画 ??







三、探究实践三、探究实践

探究一理解遮罩层动画的概念及动画原理探究一理解遮罩层动画的概念及动画原理

遮罩层是图层的一种，其主要功能是遮住遮罩层是图层的一种，其主要功能是遮住下面图层的某一部分不让显示出来。下面图层的某一部分不让显示出来。

（（ 11 ）遮罩层显示的是遮罩层与被遮罩层相交）遮罩层显示的是遮罩层与被遮罩层相交的部分，不相交的部分不会显示出来。的部分，不相交的部分不会显示出来。

（（ 22 ）显示出来的颜色是被遮罩层的颜色，）显示出来的颜色是被遮罩层的颜色，与遮罩层的颜色无关。与遮罩层的颜色无关。







思考小结：思考小结：

（（ 11 ）动画中所表现的）动画中所表现的形状形状是由谁决定？（所是由谁决定？（所能看到的范围）？能看到的范围）？（（ 22 ）动画中所表现的）动画中所表现的内容内容是由谁决定？（所是由谁决定？（所能看到的图象）？能看到的图象）？（（ 33 ）遮罩层中物体的颜色是否起作用？）遮罩层中物体的颜色是否起作用？（（ 44 ）遮罩以外是由文件的背景色来控制还是）遮罩以外是由文件的背景色来控制还是由图象本身来控制？由图象本身来控制？（（ 55 ）试想一下，我们上节课学习的一个引导）试想一下，我们上节课学习的一个引导层可以引导多个被引导层，那么一个遮罩层是层可以引导多个被引导层，那么一个遮罩层是否也可以遮盖多个被遮罩层？否也可以遮盖多个被遮罩层？

遮罩层遮罩层

被遮罩层被遮罩层







（（ 11 ）一个遮罩层可以遮罩多个被遮罩层。）一个遮罩层可以遮罩多个被遮罩层。（（ 22 ）遮罩层可用）遮罩层可用各种类型各种类型动画（除路径运动动画（除路径运动外）外）（（ 33 ）在遮罩层上忽略）在遮罩层上忽略位图、渐变色、透明度、位图、渐变色、透明度、颜色及线型颜色及线型等属性，只能含等属性，只能含一个图形、实例或文一个图形、实例或文字字。。（（ 44 ）与遮罩层的关联方法：拖拽到遮罩层下、）与遮罩层的关联方法：拖拽到遮罩层下、紧挨着遮罩层下新建一层、修改层属性类型。紧挨着遮罩层下新建一层、修改层属性类型。（（ 55 ）与遮罩层脱离关联方法：将拖到遮罩层的）与遮罩层脱离关联方法：将拖到遮罩层的上面、修改层属性类型。上面、修改层属性类型。

探究二学会遮罩层的制作要点探究二学会遮罩层的制作要点







四、任务实践：四、任务实践：

任务实践：制作“我的梦，中国梦”任务实践：制作“我的梦，中国梦” BannerBanner动画动画

[[ 设计参设计参考考 ]]







[[ 设计目标设计目标 ]]

本例将遮罩原理用于制作“我的梦，中国梦”本例将遮罩原理用于制作“我的梦，中国梦” BannerBanner

动画，可参照实例的动感文字效果、文字轮廓运动效果、球动画，可参照实例的动感文字效果、文字轮廓运动效果、球形动感文字效果等至少的两种效果，避免文字过于呆板和单形动感文字效果等至少的两种效果，避免文字过于呆板和单调，适当修改背景，增加其美感。调，适当修改背景，增加其美感。

[[ 设计思路设计思路 ]]

提炼“我的梦，中国梦”主题文字内容；提炼“我的梦，中国梦”主题文字内容；选择背景素材导入到库；选择背景素材导入到库；在主场景中创建背景层和在主场景中创建背景层和 1-21-2 个文字层；个文字层；在文字层的上层放置选用遮罩效果。在文字层的上层放置选用遮罩效果。根据不同的效果，制作不同的遮罩层形状和动画类型。根据不同的效果，制作不同的遮罩层形状和动画类型。







静止运动静止运动运动静止运动静止运动运动运动运动

11 、分析技术与效果的差异：、分析技术与效果的差异：旋转、放大、滚动旋转、放大、滚动…………22 、标准网页、标准网页 BannerBanner广告规格及设计要广告规格及设计要点：点：主题、字体、视线、按钮、运动轨迹、主题、字体、视线、按钮、运动轨迹、创意创意…………《《 FlashFlash广告广告 bannerbanner 设计的要点解析设计的要点解析》》

遮罩层被遮罩层遮罩层被遮罩层

五、反思提高五、反思提高

“我的梦，中国梦 ” —— 制作遮罩层 Banner 动画

Documents

Transcript of “我的梦，中国梦 ” —— 制作遮罩层 Banner 动画