Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
其他教程: 操作系统 | 程序设计 | 网站开发 | 图形图像 | 数据库 | 网络技术 | 安全相关 | 认证考试 | 硬件知识 | 服务器
Flash专栏>Flash技巧运用>在Flash中实现光影流动的简单方法   返回上一页

  日期:2004-03-15 20 作者:熊武 来源:天极设计在线
天气预报 IP地址 手机号码 邮编 翻译 在线代理 在线评书 好dj


在Flash中实现光影流动的简单方法


在三维影视广告、片头动画中,有一种材质效果使用最为常见——那就是动态光影材质。在3DS MAX当中只需要给物体赋予这种动态材质,就可以让造型物体或者文字产生一种光影流动的效果。

  为了将这种效果出现在Flash中,我作了很多尝试:首先我用到了“遮罩”效果,想用一个过渡渐变的“光影”覆盖在物体之上,然而遮罩的完全透明的特点让光影没有一点过渡效果;接着我又用一个复制的物体做遮罩,再做一个过渡渐变的光影置于原物体之上,再给光影做一个移动动画,效果是好多了,但看起来光影与物体之间的过渡就是不自然……

  最后我想到了渐变填充效果,赶紧到Flash一试——原来一切如此简单。其实要点就是做好首尾两个光影变化的图像(如图一、图二),再对它们使用shape动画,效果就出来了!当然要想做得更好更自然就需要你的细心罗!

 
图一       图二

  一、基础准备

  首先将要制作光影效果的图形或文字准备好,在Flash中导入作为图形或文字备用,这里笔者准备的是东风汽车公司的徽标。

  二、自定义填充色

  1、 打开“Fill”(填充)浮动窗口,选择“Liner Gradient”(线性渐变)填充方式,将填充色设定为如图3所示,注意:颜色框两边滑块的颜色为填充物体的填充色,中间滑块为光影色,为了达到最佳效果,淡黄色为首选。

图3

  2、设置第一帧填充色。

  选择工具面板中的填充工具,用刚刚定义好的填充色进行填充,这时你已经可以看到物体已有渐变效果(图4),但此时还需作一番调整才能达到预期的效果,我们可以通过修改填充色来达到目的:单击“Options”工具栏下的“Transform Fill”工具,然后在物体上单击,此时物体上会出现填充调整工具。选择右上角的圆形调节柄让线性渐变的方向旋转为大约30度角方向。选择方形调节柄适当缩短填充距离,让“光影”效果更逼真。然后用中心的圆形移动调节柄将“光影”线调整到右下角的位置(图5)。


图 4           图 5

  3、在时间轴第15帧处按F6键插入复制一关键帧。

  4、调整最后一帧填充色。

  选择填充工具,单击“Options”工具栏下的“Transform Fill”工具,单击填充物体,用中心的圆形移动调节柄将“光影”线移动到左上角的位置(图6)。

图 6

  三、制作光影动画

  在时间轴上选择第一帧,在“Frame”浮动面板的“Tweening”动画栏中选择“Shape”动画,然后按下“Ctrl+Enter”组合键,你就尽可以欣赏三维光影动画了。

  源文件下载学习


 
高手云集 版权所有 1998-2006