当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks8教程:用素材制作炫酷的闪字效果

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 175 ::
收藏到网摘: n/a

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

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打造个性网店签名
效果图