当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 教你用FW做酷LOGO

FireWorks
Fireworks MX 之初体验4-1
网页设计综合实例(上)
网页设计综合实例(下)
特效字系列教程:马赛克文字
Fireworks4极速教程
Fireworks4功能介绍
Fireworks4遮罩全接触
Fireworks MX 2004特效字系列教程:立体网格字制作
Fireworks MX 2004特效字系列教程:水晶特效字制作
Fireworks MX 2004特效字系列教程:锈蚀文字特效制作
微软Windows徽标做法一例
Fireworks MX 2004特效字系列教程:晕光文字特效四种制作方法详解
金属按钮效果制作方法一则
Fireworks 鲜橙的制作方法
实战网页图形效果一则
布尔运算的处理
Fireworks三帧打造酷Banner
巧用Fireworks MX 2004打造马赛克特效文字
Fireworks MX 2004 制作远古兽皮卷轴
Fireworks 简单立体文字特效

FireWorks 中的 教你用FW做酷LOGO


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

 
这是我第一次写教程,写得有点吃力,有很多方面写得不好,请原谅!



第一步:
新建一个88*31象素的图片,然后先设计好自己喜欢的背景!如图1

按此在新窗口浏览图片
(图1)

第二步:
做好背景后,然后双击层1,选定“共享交叠帧”,目的为了使层一显示在所有帧中!如图2

按此在新窗口浏览图片
(图2)

第三步:
3、然后建个层2,如图3红圈建层方法。

按此在新窗口浏览图片
(图3)

第四步:
然后选定层二输入网站名如“繁星个人设计”字体为“宋体”12号字,接着选定字后,点属性的——效果——阴影和光晕——发光,然后设定参数如图4

按此在新窗口浏览图片
(图4)

效果图
按此在新窗口浏览图片
(图5)

第五步:
5、用“矩形”(图6)工具拉出一个大小刚能覆盖“繁星个人设计”的矩形,然后边与填充定为:#000033(设为#000033这只是为了依赖于我的背景色,学习者可以自由发挥)

按此在新窗口浏览图片
(图6)

效果图
按此在新窗口浏览图片
(图7)

第六步:
在菜单“窗口”中打开帧,或按shift+F2.如图8

按此在新窗口浏览图片
(图8)
然后设定每帧时间为7%秒(设定此置为每帧停留的时间)
接下来就是新建帧!(图9),然后选建6个帧,把第一帧的“繁星个人设计”和“矩形”复制到六帧中,从第二帧开始把“矩形”设透明度为80%,第三帧60%,一直到第六帧0%(设透明度方法如图10,选定“矩形”然后设定。

按此在新窗口浏览图片
(图9)

按此在新窗口浏览图片
(图10)

第七步:
好了,做完“繁星个人设计”效果以后,再做LOGO下方的效果。再建4个帧,把原来的所有效果复制到各帧中,然后在第七帧开始用“矩形”工具做出LOGO下方的矩形效果
以下效果如图11(做法不多说)

效果图
按此在新窗口浏览图片
(图11)
然后第八帧删除LOGO下方的矩形,第九帧又复制回来,再然后第十帧在“矩形”上面打上网址如:”liangbj.126.com”,字体04b_08,字体大小自己定好(如果没04b_08字体,在我打包的源文件中有,安装就可以用了)做出“繁星个人设计”这样的效果,(做法不多说,前面已说过)

第八步:
接下来就是做划过LOGO的半透明条!用“矩形”做一条适当长宽的矩形条(白色,透明度自定,我的定为30%),把矩形条稍微转到一点,然后建六个帧。每帧移动矩形条,如图12

按此在新窗口浏览图片
(图12)

按此在新窗口浏览图片

好了教程就到些为止,如果还是不知明的,就多多熟悉FW再学做吧

这是原文件下载

点击浏览该文件