最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

flash制作光影字效果教程

日期:10-16    来源:中国设计秀    作者:cnwebshow.com

Flash强大的动画制作功能已经是尽人皆知了,尤其在文字效果方面更为突出,本实例就利用Flash中比较经典和常用的技术--遮罩(Mask),来制作文字的光影效果,可以使平凡的文字看上去更加绚丽.(本例源文件下载)2iJ中国设计秀
2iJ中国设计秀
  1.启动Flash MX并新建一个影片,设置影片为米黄色,颜色代码为#FF9933,影片大小可以随意设置,根据文字的数量和文字大小来调整.2iJ中国设计秀
2iJ中国设计秀
  2.选择"文件/导入"命令,从影片外部导入一幅合适的图片,图片内容没有严格的限制,只要图片的色彩丰富些就可以了,这里我们选择了大家熟悉的带有Windows标志性的蓝天白云这幅图片,并将其导入影片.2iJ中国设计秀
2iJ中国设计秀
  3.新建一个图形元件,命名为Cloud,进入元件编辑区后,将前面导入的位图拖进编辑区,调整其位置到编辑区的中间,如图1所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图12iJ中国设计秀
2iJ中国设计秀
  4.回到主场景中,将影片默认的图层Layer1重命名为Cloud,并在其上插入一个新图层,命名为word,选中图层word的第一关键帧,然后从工具箱中选取文本工具,在舞台的中间位置输入文本"IBM",这里的文本可以根据你的实际需要来设置,然后在属性面板中设置相应的字体和文字字号,设置完毕后主场景如图2所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图22iJ中国设计秀
2iJ中国设计秀
  5.在继续往下做之前我们还需要考虑一下,本实例是利用遮罩技术来实现的,所以遮罩层的位置一定要设置正确,光影字的最终效果是一片光影在文字上流动,所以根据这点可以确定遮罩层应该是含有文字的word层,制造光影效果的图层应该是被遮罩层,也就是下面的cloud层,这一关键问题确定后,我们就可以继续了.2iJ中国设计秀
6.回到cloud图层,选中此图层的第一关键帧,然后从图库中将元件cloud拖进舞台,使其覆盖住前面输入的文字"IBM",并使元件cloud的右側和文字的右側相对齐,如图3所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图32iJ中国设计秀
2iJ中国设计秀
  在两图层的第60帧处分别插入关键帧,选中图层cloud的最后一帧,将元件cloud水平向右拖动,知道其左側和文字的左側对齐,如图4所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图42iJ中国设计秀
2iJ中国设计秀
  最后设置图层cloud从第一帧到第60帧为运动过渡动画,同时设置图层word为遮罩层,这样就完成了整个效果的制作,最终时间线如图5所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图52iJ中国设计秀
2iJ中国设计秀
  7.最后发布作品,效果如图6所示:2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
2iJ中国设计秀
图62iJ中国设计秀
2iJ中国设计秀
  简简单单的几步,就制作出了效果不错的光影字,遮罩的应用在flash中非常广泛,利用它可以制作出许多漂亮的效果,希望大家多多体会。2iJ中国设计秀