作者:晒太阳的人2015 | 来源:互联网 | 2023-06-11 14:01
教你用Fireworks制作闪图背景的动画效果,制作闪图的工具无非也就是GIF动画常用的工具,这里我们使用fireworks的动画制作功能来完成闪图的制作。最终效果图在开始教程前,
教你用Fireworks制作闪图背景的动画效果,制作闪图的工具无非也就是GIF动画常用的工具,这里我们使用fireworks的动画制作功能来完成闪图的制作。
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/a386d24207c8f668.gif)
最终效果图
在开始教程前,我们要先准备下素材,就是找找“闪字背景素材”。
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/18e9abc7b69cbf96.jpeg)
图1
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/ee685e74f67478cb.gif)
素材1
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/6de780228f7b6ee3.gif)
素材2
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/d53833b394fd39f0.gif)
素材3
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/a9136ce604501c6a.jpeg)
素材4
点击下页:开始教程步骤学习
下面开始制作的步骤:
1、素材已经准备了。我们就开始新建文档,画布大小:宽度为400,高度为100,(网友可自定义大小)。如下图图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/e79df973959fcae5.jpeg)
图2
2、打开素材4,调整好图片大小,然后拖到我们新建的文档中,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/a9136ce604501c6a.jpeg)
图3
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/3172bad19d115337.jpeg)
图4
3、调整好图片的位置,然后点击文本工具在图片上输入“个性签名”文字,再点击文本工具输入一行小字,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/e23312404ec2dcb3.jpeg)
图5
4、我们可以看到此时图层1,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/32156065643fa5c2.jpeg)
图6
5、点击层面板“新建/重制层”按钮,新建图层2,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/53c0ca36c7edefe1.jpeg)
图7
6、选“图层1”,点击图层1右上角的按钮,弹出菜单并选择“共享此层”,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/59c5531886189346.jpeg)
图8
7、选择“共享此层”后,图层1右方出现一个小图标,如下图(红色框处):
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/b3b85ee029bd93de.jpeg)
图9
8、点击“文件—导入”,选择你自己满意的闪字背景素材,点击确定,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/a08f17a787c08bc3.jpeg)
图10
9、确定后弹出对话框,询问是否添加新的帧,点击“确定”,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/4530baa3e53a4e87.jpeg)
图11
10、选择闪字素材背景(闪字素材背景覆盖住字),按Ctrl+X,然后选择点击“个性签名”,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/3989849193d319db.jpeg)
图12
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/88465b187d71f76c.jpeg)
图13
11、点击“编辑—粘贴于内部”,点击预览就可以看到字闪的效果了。如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/82384cbfaa4a0910.jpeg)
图14
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/7d4e88467f1b0c02.jpeg)
图15
12、下面的效果,看上去字的效果不是很明显,我们可以为它加点发光效果,“滤镜—阴影和光晕—发光”,参数可以如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/3857e8abce0545ee.jpeg)
图16
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/f15a6ddc78a0b14d.jpeg)
图17
13、最后就是动画的导出了,注意格式要选择“GIF动画”,再点击“导出”,如下图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/09b3d0db1a1a4d7e.jpeg)
图18
14、下面就是我们导出的最终效果图:
![教你用Fireworks制作闪图背景的动画效果](https://img4.php1.cn/3cdc5/67a4/807/a386d24207c8f668.gif)
效果图
以上就是教你用Fireworks制作闪图背景的动画效果,希望大家喜欢,请继续关注软科小院。