Fireworks制作动画闪图效果

来源:思源设计时间:2011-04-20 11:11:48

  闪图在很多网站与论坛中使用过,比较myspace,制作闪图的工具无非也就是gif动画常用的工具,这里我们使用fireworks的动画制作功能来完成闪图的制作

Fireworks

最终效果图

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

Fireworks

图1

Fireworks

素材1

Fireworks

素材2

Fireworks

素材3

Fireworks123066f1 width=500 border=0>

素材4

  点击下页:开始教程步骤学习

  下面开始制作的步骤:

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

Fireworks

图2

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

Fireworks

图3#p#副标题#e#

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#p#副标题#e#

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

Fireworks

图12

Fireworks

图13

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

Fireworks

图14

Fireworks

图15

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

Fireworks

图16

Fireworks

图17

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

Fireworks

图18

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

Fireworks

效果图#p#副标题#e#

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:9145908@qq.com
多特网友 2014-07-07 14:34:15 回复
根本没用,导不出动画效果
多特网友 2014-05-22 13:37:51 回复
做不出来,按 步骤做的
多特网友 2014-05-05 21:11:15 回复
为什么我的滤镜里没有阴影和光晕―发光
多特网友 2014-05-05 20:21:50 回复
效果不错哦,希望能多做一些。加油
多特网友 2014-04-24 16:11:10 回复
根本做不出来这个效果
多特网友 2014-04-24 16:11:10 回复
根本做不出来这个效果
多特网友 2014-05-05 21:11:15 回复
为什么我的滤镜里没有阴影和光晕―发光
多特网友 2014-05-22 13:37:51 回复
做不出来,按 步骤做的
多特网友 2014-07-07 14:34:15 回复
根本没用,导不出动画效果
花伤 2012-01-16 22:16:15 回复
我为什么导入的图片不显示?