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

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 中的 Fireworks快速简单打造网页“闪字”动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-15   浏览: 144 ::
收藏到网摘: 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中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!