当前位置:主页 > 网页教程 > 图片制作 > Firework教程 > 内容欢迎大家投稿

Fireworks8教程:用素材制作炫酷的闪字效果

时间:2009-10-06 22:20来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

 不知网友有没有发现,逛论坛或者一些QQ空间,会发现有些签名很特别,签名图上的文字会闪的,很炫让你觉得很喜欢呢?其实你也可以轻松做到,本教程使用fireworks 8来完成该效果。下面先来看看效果:

 

 

 

Fireworks打造个性网店签名
最终效果图 Webjx.Com

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

网页教学网

 

闪字背景素材
图1

 

 

闪字背景素材
素材1

 

 

闪字背景素材
素材2 网页教学网

闪字背景素材
素材3

 

 

Fireworks打造个性网店签名
素材4

 

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

Fireworks打造个性网店签名
图7

Webjx.Com

 

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

Fireworks打造个性网店签名
图8

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

Fireworks打造个性网店签名
图9

 

 

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

Webjx.Com

 

Fireworks打造个性网店签名
图10

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

 

 

Fireworks打造个性网店签名
图11

 

 

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

 

 

Fireworks打造个性网店签名
图12 Webjx.Com

Fireworks打造个性网店签名
图13

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

Fireworks打造个性网店签名
图14

 

 

Fireworks打造个性网店签名
图15

 

 

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

 

 

Fireworks打造个性网店签名
图16

 

 

Fireworks打造个性网店签名
图17

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

 

 

Fireworks打造个性网店签名
图18

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

 

 

Fireworks打造个性网店签名
效果图

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接