Fireworks制作动画闪图效果
若水1147由 分享
时间:
推荐文章
Fireworks制作动画闪图效果
闪图在很多网站与论坛中使用过,比较myspace,制作闪图的工具无非也就是GIF动画常用的工具,这里我们使用fireworks的动画制作功能来完成闪图的制作![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R03617-0.gif)
最终效果图
在开始教程前,我们要先准备下素材,就是找找“闪字背景素材”。
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R03R8-1.jpg)
图1
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R022Q-2.gif)
素材1
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R02D4-3.gif)
素材2
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R0OA-4.gif)
素材3
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R04406-5.jpg)
素材4
点击下页:开始教程步骤学习
下面开始制作的步骤:
1、素材已经准备了。我们就开始新建文档,画布大小:宽度为400,高度为100,(网友可自定义大小)。如下图图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R014Q-6.jpg)
图2
2、打开素材4,调整好图片大小,然后拖到我们新建的文档中,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R04406-5.jpg)
图3
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R02a6-8.jpg)
图4
3、调整好图片的位置,然后点击文本工具在图片上输入“个性签名”文字,再点击文本工具输入一行小字,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R03F0-9.jpg)
图5
4、我们可以看到此时图层1,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R01500-10.jpg)
图6
5、点击层面板“新建/重制层”按钮,新建图层2,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R05425-11.jpg)
图7
6、选“图层1”,点击图层1右上角的按钮,弹出菜单并选择“共享此层”,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R01F3-12.jpg)
图8
7、选择“共享此层”后,图层1右方出现一个小图标,如下图(红色框处):
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R05c1-13.jpg)
图9
8、点击“文件—导入”,选择你自己满意的闪字背景素材,点击确定,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R0C19-14.jpg)
图10
9、确定后弹出对话框,询问是否添加新的帧,点击“确定”,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R06408-15.jpg)
图11
10、选择闪字素材背景(闪字素材背景覆盖住字),按Ctrl+X,然后选择点击“个性签名”,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R05064-16.jpg)
图12
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R01050-17.jpg)
图13
11、点击“编辑—粘贴于内部”,点击预览就可以看到字闪的效果了。如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R0D40-18.jpg)
图14
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R0A21-19.jpg)
图15
12、下面的效果,看上去字的效果不是很明显,我们可以为它加点发光效果,“滤镜—阴影和光晕—发光”,参数可以如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R06229-20.jpg)
图16
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R05207-21.jpg)
图17
13、最后就是动画的导出了,注意格式要选择“GIF动画”,再点击“导出”,如下图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R01435-22.jpg)
图18
14、下面就是我们导出的最终效果图:
![Fireworks制作动画闪图效果](http://www.xuexi.la/uploads/allimg/1610/144R03617-0.gif)
效果图