遮罩层形状补间动画制作动态切换效果.ppt

最终的效果及时间轴的设置情况 * 《网页动画案例教程》电子教案 项目四 项目四 运用遮罩动画制作网站广告 引入 在Flash作品中经常出现很多炫目的神奇效果，如水波、万花筒、百叶窗、放大镜、望远镜等，这些特殊的效果很多是用“遮罩”技术实现的。 遮罩技术——简单的讲就是将不需要显示的地方遮住，使需要显示的地方露出来。就像在一幅画上盖上一块布，布上做一个洞一样，只有透过洞的地方才能显示出动画的内容，而其他部分就被遮盖起来。 4.1 项目一：高尔夫球场网站文字广告 4.1.1 实例说明 　“新品位 星运动 心自由”随着这句广告语及“绿茵高尔夫球场欢迎您”的字幕的呈现，以及四个转动的“Ｇ”“ O”“ L”“ F”字样的高尔夫球，展示给大家的是一个健康运动的主题广告——绿茵高尔夫球场网站广告。 项目四 运用遮罩动画制作网站广告 4.1.2 设计要点 主要的制作效果如下： （1）文字简单遮罩效果——通过形状补间动画遮罩文字的动画设置来理解遮罩动画设置基本方法和取消方法。 （2）文字转动（探照灯）效果——通过动画效果分析，灵活设定遮罩动画，实现自转效果或者探照灯效果。 （3）文字百叶窗效果——在简单遮罩动画基础上，介绍影片元件的使用设置较复杂遮罩动画。 项目四 运用遮罩动画制作网站广告 4.1.3 制作步骤 一、新建文件，制作背景 项目四 运用遮罩动画制作网站广告 二、“绿茵高尔夫球场欢迎您”文字简单遮罩动画 项目四 运用遮罩动画制作网站广告 三、“G”“O”“L”“F”高尔夫球文字转动遮罩效果 “G”的转动效果制作 “遮罩圆”的设置及最终完整时间轴参考 项目四 运用遮罩动画制作网站广告 四、文字百叶窗效果 项目四 运用遮罩动画制作网站广告 项目四 运用遮罩动画制作网站广告 4.1.4 项目总结 本项目通过“高尔夫网站文字广告”设置文字特效，来理解遮罩的原理，通过3个层次的文字遮罩动画设置，由易到难，循序渐进，由简单掌握遮罩动画的设置、取消及修改方法，到结合影片元件的使用，能制作出稍复杂的遮罩动画——百叶窗效果。 我们以探照灯动画为例，讲解下遮罩动画制作的基本方法。 项目四 运用遮罩动画制作网站广告 4.2 项目二：装饰公司网站图片广告 4.2.1 实例说明 文字、 图形作为广告中最基本的两个元素，从视觉传达的角度来说，首先进入观众眼帘的是图形，文字有较强的号召力，有强化图形涵义的作用，常常起到“画龙点睛”之笔。 项目四 运用遮罩动画制作网站广告 4.2.2设计要点 本项目分解任务如下： （1）特殊蒙版制作动态切换效果——通过制作特殊效果的蒙版来制作花样遮罩效果，达到丰富的图片切换效果（蒙版也可下载黑白蒙版图片，进行位图打散后处理）。 （2）遮罩层形状补间动画制作动态切换效果——通过对遮罩层做丰富的形状补间动画。 （3）补间动画配合遮罩效果制作动态切换效果——在简单遮罩动画基础上，介绍影片元件的使用设置较复杂遮罩动画。 项目四 运用遮罩动画制作网站广告 4.2.3 制作步骤（简要） 一、新建文件，制作背景 项目四 运用遮罩动画制作网站广告 二、 特殊蒙版制作动态切换效果 项目四 运用遮罩动画制作网站广告 三、遮罩层形状补间动画制作动态切换效果 项目四 运用遮罩动画制作网站广告 四、补间动画配合遮罩效果制作动态切换效果 。。。 项目四 运用遮罩动画制作网站广告 4.2.4 项目总结 复杂遮罩效果的制作方法介绍： 1、制作的灵活多变的蒙版，可以制作出丰富多变遮罩动画 2、可以结合形状补间动画、动作补间动画的多变，制作出复杂的遮罩动画 3、结合图形元件、影片元件的配合使用，制作做出较复杂的遮罩动画，如项目一实例中的百叶窗动画。 项目四 运用遮罩动画制作网站广告 4.3 项目拓展训练：饮品公司网站广告 4.3.1 项目说明 请您制作“鲜果吧”饮料公司网站广告动画。突出本公司饮料是纯天然水果为原料，鲜榨果汁美味健康的主题。让顾客看完该公司网站广告就有去“鲜果吧”喝上一杯的向往。 4.3.2 设计要点 1.文字动画借助遮罩动画技巧，突出“鲜果吧”的公司名。 2.图片切换利用提供的水果及饮料图片做出活泼的遮罩效果。 项目四 运用遮罩动画制作网站广告 *