| 幻影's profile幻影驿站PhotosBlogLists |  Tools  Help |
|
February 08 闪烁字的制作大家在网上可能会看到这样漂亮的闪烁字做的签名，现在我就说说这个闪烁字的做法，这次我是用Adobe ImageReady CS。
首先要有素材图 运行Adobe ImageReady CS，载入素材1，点工具栏上的文件－导出－动画祯作为文件。（图1） 然后在弹出的窗口中选“好”就导出如下了三张静态的素材。
现在可以关闭原素材图了。 按Ctrl＋N新建一个图，高宽度随意，够你写字就行，背景要记得选透明（图2） 然后输入要写的字。（图3） 右键点击图层1复制两个图层，（图4） 并去掉多余的“眼睛”。（图5）
动画窗口中复制两祯一样的图。（图6、图7） 点动画窗口的第一祯和图层的第一层，然后如图所示点“添加图层效果”，（图8） 选择“图案叠加”（图9）
点下滑箭头选择其他，（图10） 然后指定之前分解出的第一张素材图，最后再点“好”。（图11）
这样就做好了第一祯，同上点动画窗口的第二祯和图层的第二层，进行图案叠加，然后选用第二张素材图。（图12） 第三祯也是这样，点第三祯和第三层，叠加图案用第三张素材图。（图13） 这里注意一下，每次图层中都只有一个相应位置有“眼睛”。 现在这个闪烁字就可以说是完成了，点图中的两个圆圈处都可以播放动画了，工具条窗口中的那个IE图标点后就可以预览图片在网页中的效果。（图14） 现在我们对字进行剪裁一下，因为这样生成的图片会像图3中那么大，字周围有很大的多余空间需要裁掉。 选工具条中的第一个选框工具，对字体进行选框，字体周围就出现一圈的虚线。（图15） 然后点工具栏上的图像－裁切。（图16） 好了，现在闪烁字就裁剪好了。（图17） 最后，点工具栏上的文件－将优化结果存储为，（图18） 这样简单的闪烁字就完成了。
另外，大家还可以在添加图层效果时多做一些修饰，可以让闪烁字变得更有质感些。 附上剩余的几个素材。 Comments (7)
TrackbacksThe trackback URL for this entry is: http://zxshuanying.spaces.live.com/blog/cns!1E2344291949C12B!1357.trak Weblogs that reference this entry
|
|
|
