使用软件:fireworks   阅读次数:   收录时间:2008-08-27

fireworks制作动画闪图效果

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

 

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

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

闪字背景素材
图1

闪字背景素材
素材1

闪字背景素材
素材2

闪字背景素材
素材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热门教程
爆浆濑尿石头!
《食神》这个电影令我最深刻的部分可谓“爆浆濑尿”牛丸那段剧情了。 这次听着Bullet For My Valentine的一系列歌创作的,“爆浆濑尿”风格由此而生了! --by ...
作者:
Fireworks MX 2004 复杂的图像变换
先在画布上绘制或引入三个图形对象,然后同时选中这些对象,并在任意一个对象上单击右键,从弹出菜单中选择插入切片。这时会弹出一个提示窗口,如图907。 图907 ...
作者:/
一种网格效果
以前在经典写过,后来图片链接出了问题,这次把图片整理了出来。 1,新建一个长和宽为20象素,背景为透明的文件。放大到800倍 2,用直线工具画两个长为20象素。宽...
作者:lebuwei
FW MX 2004教程(3):矢量编辑
和许多矢量编辑软件一样,在Fireworks中绘制的矢量对象比位图对象的可修改性强很多。因此在进行无素材制图时,更多时候是制作成矢量图形,以方便随时保存,随时...
作者:大眼网虫
Fireworks MX 2004 切片与热点
在Fireworks中,为图像设置链接区域是靠切片或热点工具来完成,因此切片或热点区域又被称为链接区域。它们不是以图像的形式存在,而是在图像导出成网页格式后,...
作者:/