网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> 阅读:Fireworks简单方法打造网页“闪字”动画
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Fireworks简单方法打造网页“闪字”动画

http://www.webjx.com  更新日期:2006-08-03 07:33  出处:天极  作者:风之梦

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

  下面我们来看看闪字的效果。

Fireworks简单方法打造网页“闪字”动画Fireworks简单方法打造网页“闪字”动画

Fireworks简单方法打造网页“闪字”动画

Fireworks简单方法打造网页“闪字”动画

  制作步骤:

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

Fireworks简单方法打造网页“闪字”动画

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

Fireworks简单方法打造网页“闪字”动画

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

Fireworks简单方法打造网页“闪字”动画Fireworks简单方法打造网页“闪字”动画

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

Fireworks简单方法打造网页“闪字”动画Fireworks简单方法打造网页“闪字”动画

Fireworks简单方法打造网页“闪字”动画

  9.然后在“帧”面板中单击Fireworks简单方法打造网页“闪字”动画洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所有图像内容。

Fireworks简单方法打造网页“闪字”动画 Fireworks简单方法打造网页“闪字”动画Fireworks简单方法打造网页“闪字”动画

  10.这样,框选中的是三帧中的对象,利用移动工具移到画布最左边,然后利用ALT+移动复制对象至满画布,然后保存并关闭闪底。

Fireworks简单方法打造网页“闪字”动画

  11.回到刚才我们闪字的这个制作画布中,选择菜单中“文件—导入”(Ctrl+R),选择导入刚才修改并保存的闪底素材图。

Fireworks简单方法打造网页“闪字”动画

  (提示:要在第1帧中导入,不要选择其它帧,否则会出现前面的没有效果,后面却多出帧的结果。)

  12.导入后会看到动画元件布满了整个画布,然后选中闪图,按Ctrl+X剪切下来。

Fireworks简单方法打造网页“闪字”动画

 13.单击第1帧中的文字,将其选中后选择菜单中的“编辑—粘贴于内部”。

Fireworks简单方法打造网页“闪字”动画

  这时再点击预览会发现,闪字动画已经制作好了。

Fireworks简单方法打造网页“闪字”动画

  14.闪字制作完成后,接下来就是将这个闪字图像保存为动画Gif格式,可以选择菜单中“文件—图像预览”命令,在“图像预览”窗口中先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。

Fireworks简单方法打造网页“闪字”动画

  到此,闪字就制作完成了,下次给大家讲解闪图的制作。

关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为