ImageReady制作光影划过文字表面动画
<DIV id="gg_bbs"> </DIV><p align="right">作者：<a href="http://www.16xx8.com/" target="_blank">郑晓晖</a> <a href="http://bbs.16xx8.com" target="_blank">教程</a>来源：天极设计在线 </p> 很多朋友都以为只有Flash才能制作光影在文字表面划过的特效，其实用ImageReady也同样能制作，而且生成的是gif格式，制作也比较方便<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><br> 让我们先来看来最终效果：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117258721.gif" alt="" border="0" height="200" width="300"><br><br> 制作方法:<br><br> 1、打开Adobe ImageReady软件，这个一般有安装photoshop时都有一起安装的，新建一个300*200象素的背景为绿色的文件<a href="http://bbs.16xx8.com/" target="_blank">。</a>并用文字工具打上几个文字，如：天极网设计频道<a href="http://bbs.16xx8.com/" target="_blank">；</a>字体颜色设为深红色，放在中间<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><br> 2、用鼠标右键点击文字图层，在弹出的菜单里，选择“渲染图层”，如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117258761.gif" alt="" border="0" height="293" width="315"> <br><br> 3、在文字层上，新建一个图层1，用“椭圆选框工具”在接近“天”字前选一个小椭圆，点击右键选择“羽化”，选择10个象素羽化后，用白颜色进行填充，效果如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117258790.gif" alt="" border="0"><br><br> 4、按住键盘上的Alt键不放，用鼠标单击文字层与图层1的中间线，使白色光影进入文字之中，如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117259384.gif" alt="" border="0"><br><br> 5、在“动画”栏上，复制一个帧出来，帧速为：0.2秒，如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117259431.gif" alt="" border="0" height="132" width="269"><br><br> 6、用鼠标点击第二帧，然后在图层1上，将光影水平拖到“道”字后面，如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117259274.gif" alt="" border="0"><br><br> 7、按住Shit键，点击第2帧与第1帧将其全部选中，点击下面的“帧动画过渡”如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/20071117259180.gif" alt="" border="0" height="160" width="357"><br><br> 8、在弹出的过渡里，选择添加5帧，参数如下图<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/2007111730559.gif" alt="" border="0" height="264" width="300"> <br><br> 9、在优化栏，选择GIF，颜色为128，如下图：<br><br> <img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/2007111730806.gif" alt="" border="0" height="132" width="226"> <br><br> 10、点击“文件”→“将优化结果存储为”，取名保存后，就生成GIF动画了，在存储时前最好先预览一下<a href="http://bbs.16xx8.com/" target="_blank">。</a>
页:
[1]