当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks快速简单打造网页“闪字”动画

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 Fireworks快速简单打造网页“闪字”动画


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

最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!

下面我们来看看闪字的效果。文章末尾提供闪图素材包供大家下载参考。

 

Fireworks简单方法打造网页“闪字”动画(图一)
 
Fireworks简单方法打造网页“闪字”动画(图二)
Fireworks简单方法打造网页“闪字”动画(图三)
Fireworks简单方法打造网页“闪字”动画(图四)

  制作步骤:

  1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改)

Fireworks简单方法打造网页“闪字”动画(图五)
2.利用左边工具箱中的“文本工具”Fireworks简单方法打造网页“闪字”动画(图六)在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。
Fireworks简单方法打造网页“闪字”动画(图七)

  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上Fireworks简单方法打造网页“闪字”动画(图八)2将,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就制作几帧)。

Fireworks简单方法打造网页“闪字”动画(图九)
Fireworks简单方法打造网页“闪字”动画(图十)
8.接下来就是对闪底素材的编辑了,一般的闪底并不是我们想要的大小,有时会比字小,所以我们就需要编辑一下,首先要打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。。 Fireworks简单方法打造网页“闪字”动画(图十) 
Fireworks简单方法打造网页“闪字”动画(图十二)

9.然后在“帧”面板中单击Fireworks简单方法打造网页“闪字”动画(图十三)洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!