Fireworks简单方法打造网页“闪字”动画
最近网络上很流行一种超炫的闪彩文字及签名，在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影，一些具有个性的闪字还相当耀眼，那么这种炫彩字是如可制作出来的呢？其实制作炫彩字并不难，我们在Fireworks中用闪底素材+粘贴于内部的制作方法，可以省去相当大的工作量，是一种别出心裁的方法哟！下面我们来看看闪字的效果。文章末尾提供闪图素材包供大家下载参考。
[img]http://cimg2.163.com/catchpic/8/80/808D16E204EF34B3371AE2C61B768660.gif[/img]
[img]http://cimg2.163.com/catchpic/3/39/39963431BEDC935B0473718F703D40AB.gif[/img]
[img]http://cimg2.163.com/catchpic/5/57/57915C2BA21E57E9DE01694C0E3357B8.gif[/img]
[img]http://cimg2.163.com/catchpic/E/EC/EC49463727886AFFE427A58F1EE91036.gif[/img]
制作步骤：
1.打开Fireworks软件，新建一个透明背景的文档。(文档大小可以先设置为390×68像素，如果不合适，后期再进行修改)
[img]http://cimg2.163.com/catchpic/8/89/89EF35739020521169AFAB3B29F7C1E4.jpg[/img]
2.利用左边工具箱中的“文本工具”
[img]http://cimg2.163.com/catchpic/F/F3/F3B76CD5D8F2E31261D943EC140AC488.jpg[/img]
在画布中输入文字，然后在下方“属性面板”中调整文字的大小/字体，并在“消除锯齿级别”中设置为“强力消除锯齿”。
[img]http://cimg2.163.com/catchpic/E/E7/E70367C7FB5570A129812DC8878D683F.jpg[/img]
3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上
[img]http://cimg2.163.com/catchpic/9/96/96FEFC3A7A997339445896368D6DB2BB.jpg[/img]
2将，如下图所示，共制作成3帧。(一般是看闪底素材有多少帧，然后就制作几帧)。
[img]http://cimg2.163.com/catchpic/7/79/79208B0B2B77950E61AF9F0F8AD60506.jpg[/img]
[img]http://cimg2.163.com/catchpic/5/57/5712BBE399BA0D36B49725461AB25C73.jpg[/img]
8.接下来就是对闪底素材的编辑了，一般的闪底并不是我们想要的大小，有时会比字小，所以我们就需要编辑一下，首先要打开闪底素材，单击下方“属性面板”中的“画布大小”，调整为闪字画布大小。。
[img]http://cimg2.163.com/catchpic/4/43/43838D780FCA576F9D0472643EA6C21F.jpg[/img]
[img]http://cimg2.163.com/catchpic/3/35/352DBEAD54F018A5DDB9562A47DB2ADC.jpg[/img]
[img]http://cimg2.163.com/catchpic/1/11/112FEB317F1B8392F19FD372248E97D7.jpg[/img]
9.然后在“帧”面板中单击
[img]http://cimg2.163.com/catchpic/4/43/43838D780FCA576F9D0472643EA6C21F.jpg[/img]
洋葱皮按钮，勾选“多帧编辑”，并将结束帧滑块拖到最后一帧上，并框选所有图像内容。
[img]http://cimg2.163.com/catchpic/C/C3/C3214AAD870B7DEA57F0B520E18CB90D.jpg[/img]
[img]http://cimg2.163.com/catchpic/3/37/37415D0411EA59BE97D6CE30BD68C961.jpg[/img]
[img]http://cimg2.163.com/catchpic/F/F4/F4D9B84763DCDA87C753DBF713CAE45E.jpg[/img] 10.这样，框选中的是三帧中的对象，利用移动工具移到画布最左边，然后利用ALT+移动复制对象至满画布，然后保存并关闭闪底。
[img]http://cimg2.163.com/catchpic/E/EF/EF3747D224923FC8FD483659523905C2.jpg[/img]
11.回到刚才我们闪字的这个制作画布中，选择菜单中“文件—导入”(Ctrl+R)，选择导入刚才修改并保存的闪底素材图。
[img]http://cimg2.163.com/catchpic/A/A3/A3EFAB7B18D23820B9E30CE28A9B5654.jpg[/img]
(提示：要在第1帧中导入，不要选择其它帧，否则会出现前面的没有效果，后面却多出帧的结果。)
12.导入后会看到动画元件布满了整个画布，然后选中闪图，按Ctrl+X剪切下来。
[img]http://cimg2.163.com/catchpic/E/E0/E089D74A49A52AF7C2E4024F08CE6636.jpg[/img]
13.单击第1帧中的文字，将其选中后选择菜单中的“编辑—粘贴于内部”。
[img]http://cimg2.163.com/catchpic/3/32/326E020C2F89DA1F2FB4A75C7F693DCE.jpg[/img]
这时再点击预览会发现，闪字动画已经制作好了。
[img]http://cimg2.163.com/catchpic/1/15/15E345BE8C7DDA0ADA16AEF969C70CF0.gif[/img]
14.闪字制作完成后，接下来就是将这个闪字图像保存为动画Gif格式，可以选择菜单中“文件—图像预览”命令，在“图像预览”窗口中先单击预览按钮看一下动画效果，然后再单击“导入”按钮导出Gif图像。
[img]http://cimg2.163.com/catchpic/B/B4/B43615DE14D0D3CAE0B268D17DAAADC9.jpg[/img]
到此，闪字就制作完成了.
页:
[1]