E街区 » 电脑数码城 » 菜鸟打造个性网店闪字签名

炎冰乱舞 发表于 2008-3-20 14:50

菜鸟打造个性网店闪字签名

不知网友有没有发现，逛论坛或者一些QQ空间，会发现有些签名很特别，签名图上的文字会闪的，很炫让你觉得很喜欢呢？其实你也可以轻松做到，本教程使用fireworks 8来完成该效果。下面先来看看效果：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_xg1.gif[/img]
最终效果图[/align]　　在开始教程前，我们要先准备下素材，就是找找“闪字背景素材”。
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_001.jpg[/img]
图1[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_00.gif[/img]
素材1[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_05.gif[/img]
素材2[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_06.gif[/img]
素材3[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_03.jpg[/img]
素材4[/align]

炎冰乱舞 发表于 2008-3-20 14:51

下面开始制作的步骤：[align=left]　　1、素材已经准备了。我们就开始新建文档，画布大小：宽度为400，高度为100，(网友可自定义大小)。如下图图：[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_02.jpg[/img]
图2[/align][align=left]　　2、打开素材4，调整好图片大小，然后拖到我们新建的文档中，如下图：[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_03.jpg[/img]
图3[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_04.jpg[/img]
图4[/align][align=left]　　3、调整好图片的位置，然后点击文本工具在图片上输入“个性签名”文字，再点击文本工具输入一行小字，如下图：[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_05.jpg[/img]
图5[/align]　　4、我们可以看到此时图层1，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_06.jpg[/img]
图6[/align]

炎冰乱舞 发表于 2008-3-20 14:51

5、点击层面板“新建/重制层”按钮，新建图层2，如下图：[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_07.jpg[/img]
图7[/align]　　6、选“图层1”，点击图层1右上角的按钮，弹出菜单并选择“共享此层”，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_08.jpg[/img]
图8[/align]　　7、选择“共享此层”后，图层1右方出现一个小图标，如下图(红色框处)：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_09.jpg[/img]
图9[/align]　　8、点击“文件—导入”，选择你自己满意的闪字背景素材，点击确定，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_10.jpg[/img]
图10[/align]　　9、确定后弹出对话框，询问是否添加新的帧，点击“确定”，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_11.jpg[/img]
图11[/align]　　10、选择闪字素材背景(闪字素材背景覆盖住字)，按Ctrl+X，然后选择点击“个性签名”，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_12.jpg[/img]
图12[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_13.jpg[/img]
图13[/align]

炎冰乱舞 发表于 2008-3-20 14:52

11、点击“编辑—粘贴于内部”，点击预览就可以看到字闪的效果了。如下图：[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_14.jpg[/img]
图14[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_15.jpg[/img]
图15[/align]　　12、下面的效果，看上去字的效果不是很明显，我们可以为它加点发光效果，“滤镜—阴影和光晕—发光”，参数可以如下图:
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_16.jpg[/img]
图16[/align][align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_17.jpg[/img]
图17[/align]　　13、最后就是动画的导出了，注意格式要选择“GIF动画”，再点击“导出”，如下图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_18.jpg[/img]
图18[/align]　　14、下面就是我们导出的最终效果图：
[align=center][img]http://img2.pconline.com.cn/pconline/0803/18/1247809_xg1.gif[/img]
效果图[/align]

2月13 发表于 2008-3-20 14:52

不错不错~~~
我弄一个当手机待机图片去

SailorMoonMan 发表于 2008-3-20 15:35

没看懂！！

炎冰乱舞 发表于 2008-3-22 18:05

慢慢学，会学会的，照着做就成

SailorMoonMan 发表于 2008-3-22 23:35

弄么麻烦 ，你给我弄一个:D

查看完整版本: 菜鸟打造个性网店闪字签名