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

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 教你用FW做酷LOGO


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 37 ::
收藏到网摘: 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再学做吧

这是原文件下载

点击浏览该文件