
Fireworks MX2004制作一例logo(图解)(博客特效)
使用方法:
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。



原始代码:




