首页 > 网页教程 > Fireworks > Fireworks教程:制作闪光掠过的GIF动画

Fireworks教程:制作闪光掠过的GIF动画

时间:2009-12-22    作者:不详   来源:IT世界

闪光掠过的效果,我们经常在一些动画上或LOGO上看到过,那么这种效果是如何制作的呢?

效果图:

Fireworks制作闪光略过的GiF动画

原文件:

Fireworks制作闪光略过的GiF动画

1、首先我们把背景选为黑色。再输入文字用白色填充,注意调整文字之间的间隔。

Fireworks制作闪光略过的GiF动画

2、选中字体,对其进行转换为路径文件。

Fireworks制作闪光略过的GiF动画

3、对间隔再做少许调整。

Fireworks制作闪光略过的GiF动画
 

4、复制文字改为黑色,做平移,出现立体效果。

Fireworks制作闪光略过的GiF动画

5、再复制一次文字,并用部分选取工具选中路径进行颜色的填充。颜色根据自己喜好来

Fireworks制作闪光略过的GiF动画

6、用矩形能够工具画一个矩形填充白色,羽化10象素,矩形最好放在文字上方。

Fireworks制作闪光略过的GiF动画

7、接着就要进行动画的操作过程了,因为考虑到只有第一层图片有动画效果,所以可以对另外2个图层进行共享层的操作。
我们点击层面板上的按扭进行新建层。

Fireworks制作闪光略过的GiF动画

并在共享此层上打勾

Fireworks制作闪光略过的GiF动画
 

将需要共享的图层拖至层2内并放在层1下面

Fireworks制作闪光略过的GiF动画

8、接着在帧面板上点击,选择重置帧,就是复制相同的帧。

Fireworks制作闪光略过的GiF动画

9、选择第2帧,剪切白色羽化矩形,选中最上面需要做动画的图层,使用编辑 — 粘贴于内部,看..效果出来了,不过重要的是这里才刚刚开始。

Fireworks制作闪光略过的GiF动画

10、我们再看层面板,把锁定选项点掉,再选中蒙板处。

Fireworks制作闪光略过的GiF动画

相关推荐
Fireworks教程:GIF动画效果的BANNER制作过程
用EyeCandy插件来制作3D旋转GIF动画
Fireworks教程:设计个性化的印章
Fireworks教程:打造非常有特色的网纹印刷效果
用Fireworks打造光芒四射背景的图片效果
闪闪文字,靓丽无限 用Fireworks轻松实现
用Fireworks钢笔工具打造超精美的羽毛扇
用案例来学习Fireworks的涂抹工具
Adobe Fireworks CS5 预售版试用手记
Abode Fireworks CS5、CS4、CS3版本的功能比较(图示)
Photoshop CC 2015.5来了,新功能赞爆了!
PS教程:20招PS操作技巧,提高80%的工作效率!
PS抠图教程:掌握这10个方法可以应对大部分抠图工作!
FireWorks教程:外发光效果的几种应用
Fireworks新手教程:制作五彩炫光效果

精彩推荐

热门教程