网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.Fireworks中制作一枚漂亮的灯泡.
.Fireworks制作相片撕裂效果.
.Fireworks的高级操作技巧集合.
.Fireworks教程:自制树叶笔触绘制.
.巧用Fireworks MX 2004制作金属字.
.Fireworks超酷质感按钮制作.
.Fireworks图片魔术:黑白照片的彩.
.极光字体效果的制作.
.Fireworks MX 之初体验1-1.
.Fireworks制作仿3D光亮DNA桌面壁.
.Fireworks制作矢量风格渐变效果.
.Fireworks制作环绕圆形文字.
.Fireworks给图片做锐化马赛克特效.
.Fireworks轻松绘制简单卡通海景画.
.用MASK做动画<2>.
.Fireworks MX制作下拉菜单.
.Fireworks制作产品展示图.
.巧用Fireworks笔触绘制飘逸的白云.
.Fireworks MX制作像素动画.
.Fireworks MX 2004特效字系列教程.

logo系列光照效果

发表日期:2005-7-2

光照边框运动的Logo制作
如何做出像下图一样的LOGO呢?


不急慢慢来!以下是在Firework MX下做的,FW 4.0下可能有些命令不一样!
新建一88X31大小的图像,选中Custom这项,背景随便选,接着按Ctrl+=四次,使其放大到400倍,然后用marguee tool工具,在背景上正击一下,接着按Ctrl+a进行全选,再执行Select/contract Marquee命令,弹出来方框里填1PX接着按Ctrl+Shift+I后如图:


再用油桶工具填充为深一点的颜色。如图:


新建一层,然后用Line Tool工具画出一个长14px,宽1px的直线,设置为白色,透明度为75%,再画一个长6px,宽1px的白色直线,再把个图重合放在一起按Ctrl+G进行组合。


接着Clone一个出来,并执行Modify/Transform/Rotate 90 转90度。并且最后一样Clone一个,再把这四个直线放在他们相应的位置,如图:


再把图层一设为共享层。
然后选中左上角准备向下运动的直线,按Modify/animation/animation selection,在Frame这项里填6帧,点确定,再按住红色的那个圆点,拖成如下图的样子:


在选左上角准备向右运动的直线,按Modify/animation/animation selection,在Frame这项里填14帧。
再选下面同样执行上述命令,但Frames这项里填20,出来后把他的位置拖放如下图:


记得把第5帧的位置话这个图的开始,这样前5帧就空出来了,使其第5帧正好到图上。
最后一个当然也一样执行上述命令,Frames也为20帧,当然最后一个是只留最后5帧在图像上,最终这四个Animation Symbol成如下图的样子:


再回到第一层上添加你想要的文字!本文以04-8号字体做例,输入议定Animation,设置好大小后确定。然后再在属性面板里另上Effect里的Shadow and Glow/Glow命令,如图:


OK搞定了!最后一步了,输出 执行File/Export Preview,弹出窗口如图:


选择上面的Animation标签,把第一帧都设置成2/100S 如图设计成2就行啦!Export保存!一个新的边框运动的logo就诞生了。
上一篇:logo系列玻璃效果 人气:18994
下一篇:详解Fireworks MX 2004丰富的图像导出功能 人气:12487
浏览全部Fireworks的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐