载入中
自定义HTML载入中... loading
Fireworks MX2004制作一例logo(图解)(博客特效) [转贴 2007-07-08 23:20:38]  删除... 
字体变小 字体变大

Fireworks MX2004制作一例logo(图解)(博客特效)

使用方法:

1.温馨提示: "600多篇博客特效"请点击图片在置顶日志的《博客特效总目录》里查找!

2.把最后得到的原始代码放在代码特效工具-代码检验器(博客特效)或者主页制作器(博客特效) 或者在线HTML编辑器(博客特效) 里查看效果。

3.或把最后得到的原始代码直接放到自定义HTML模块里面即可,自定义HTML模块的添加见《个人门户增加自定义html模块(重要!)

4.把最后制作好的logo图片上传到个人门户的相册里面。

5.把得到的相册里的logo图片地址替换原始代码中的红色http://xzd.2000y.net/admin/uploadfile/2005121013414243951.gif地址。

6.logo图片地址找法:鼠标右键单击图片---属性--地址(URL)后面的地址就是。

效果图:

 

 

这个logo源文件是之前某人给我的,当时我不懂FW,某人当时太小气,不肯教我……
昨天,菜菜的我居然能看懂了,在某人的支持和鼓励下,特写教程以留念(源文件的公开已经过某人授权,故不构成侵权行为咯)。
                  还是先看效果吧,之所以用Fireworks   MX   2004制作,是因为其中运用到了Effect面板中的运动模糊(又称动感模糊,忽然想到了小新的动感光波:0)
 



开始制作吧,步骤如下:

1.新建88×31,背景透明,任意找一张图片当背景,如图1,双击图2鼠标所在处,在图3中的“共享交叠帧”前打勾(因为每帧都需要此背景)。先把层1锁了,免得影响后面的制作。






2.点图4红框内按钮,新增一层。按住shift用矩形工具画一个边长为6正方形,再复制三个,如图5排列(为了看得更清楚,把预览百分数放大至200%)。按住shift选中四个正方形,再进行数值变形(ctrl+shift+t),如图6设置。 
   
 







3.再复制两个,如图7,填充你喜欢的颜色。为了方便,把三个图形分别转换成元件:选中四个白色方块,按F8,出现元件属性窗口,如图8,同理,其它两个也转换为元件,唯一不同的是,一个类型为图形,一个类型为动画。现在库面板中就有三个元件了,如图9。






4.开始第一帧,由于第一帧不需要这个动画,所以先删了,剩下white和color两个元件,复制一个color,如图10摆放。最上层那个元件运用一下运动模糊:点效果面板旁的“+”,选择“模糊”-“运动模糊”,参数设置见图11,帧1最终效果如图12。






5.点“帧和历史面板”右上角的三角形,选择“复制帧”,设置见图13。帧2中只需要有运动模糊的那个元件,修改运动模糊的参数,点击图14中鼠标处即可修改,将距离改为12。效果见图15。帧3,帧4比较简单,只有图形元件,摆放在适当的位置即可,不细述,见图16,17。








 

原始代码:

<IMG style="WIDTH: 198px; HEIGHT: 89px" height=85 src="http://xzd.2000y.net/admin/uploadfile/2005121013414243951.gif" width=230 border=0>

友情推荐→ :博客/网站/论坛添加google广告的详细步骤,让您免费赚美元!注:最牛的人,3个月赚100万美元

票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心