平面设计 
首页 > 平面设计 > 浏览文章

Fireworks制作超漂亮的文字闪图动画效果

(编辑:jimmy 日期: 2025/5/15 浏览:3 次 )

闪图在很多网站与论坛中使用过,比较myspace,制作闪图的工具无非也就是GIF动画常用的工具,这里就教大家Fireworks制作超漂亮的文字闪图动画效果方法,很简单的,并且作者很贴心,为大家准备了所有的素材,这样大家学习起来非常地方便。好了,一起来学习分享吧!

Fireworks制作超漂亮的文字闪图动画效果

最终效果图

在开始教程前,我们要先准备下素材,就是找找“闪字背景素材”。

Fireworks制作超漂亮的文字闪图动画效果

图1

Fireworks制作超漂亮的文字闪图动画效果

素材1

Fireworks制作超漂亮的文字闪图动画效果

素材2

Fireworks制作超漂亮的文字闪图动画效果

素材3

Fireworks制作超漂亮的文字闪图动画效果

素材4

下面开始制作的步骤:

1、素材已经准备了。我们就开始新建文档,画布大小:宽度为400,高度为100,(网友可自定义大小)。如下图图:

Fireworks制作超漂亮的文字闪图动画效果

图2

2、打开素材4,调整好图片大小,然后拖到我们新建的文档中,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图3

Fireworks制作超漂亮的文字闪图动画效果

图4

3、调整好图片的位置,然后点击文本工具在图片上输入“个性签名”文字,再点击文本工具输入一行小字,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图5

4、我们可以看到此时图层1,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图6

5、点击层面板“新建/重制层”按钮,新建图层2,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图7

6、选“图层1”,点击图层1右上角的按钮,弹出菜单并选择“共享此层”,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图8

7、选择“共享此层”后,图层1右方出现一个小图标,如下图(红色框处):

Fireworks制作超漂亮的文字闪图动画效果

图9

8、点击“文件—导入”,选择你自己满意的闪字背景素材,点击确定,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图10

9、确定后弹出对话框,询问是否添加新的帧,点击“确定”,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图11

10、选择闪字素材背景(闪字素材背景覆盖住字),按Ctrl+X,然后选择点击“个性签名”,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图12

Fireworks制作超漂亮的文字闪图动画效果

图13

11、点击“编辑—粘贴于内部”,点击预览就可以看到字闪的效果了。如下图:

Fireworks制作超漂亮的文字闪图动画效果

图14

Fireworks制作超漂亮的文字闪图动画效果

图15

12、下面的效果,看上去字的效果不是很明显,我们可以为它加点发光效果,“滤镜—阴影和光晕—发光”,参数可以如下图:

Fireworks制作超漂亮的文字闪图动画效果

图16

Fireworks制作超漂亮的文字闪图动画效果

图17

13、最后就是动画的导出了,注意格式要选择“GIF动画”,再点击“导出”,如下图:

Fireworks制作超漂亮的文字闪图动画效果

图18

14、下面就是我们导出的最终效果图:

Fireworks制作超漂亮的文字闪图动画效果

效果图

教程结束,以上就是Fireworks制作超漂亮的文字闪图动画效果过程,希望大家喜欢本教程!

上一篇:教你用Fireworks给图片添加简洁漂亮的透明立体网格效果
下一篇:Fireworks绘制炫酷魔幻图案技巧教程
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap