Fireworks MX2004制作一例logo
这个LOGO源文件是之前某人给我的，当时我不懂FW，某人当时太小气，不肯教我……昨天，菜菜的我居然能看懂了，在某人的支持和鼓励下，特写教程以留念（源文件的公开已经过某人授权，故不构成侵权行为咯）。还是先看效果吧，之所以用FireworksMX2004制作，是因为其中运用到了Effect面板中的运动模糊（又称动感模糊，忽然想到了小新的动感光波：0）http://www.flash8.net/bbs/UploadFile/200411319404583120.gif
开始制作吧，步骤如下：1.新建88×31，背景透明，任意找一张图片当背景，如图1，双击图2鼠标所在处，在图3中的“共享交叠帧”前打勾（因为每帧都需要此背景）。先把层1锁了，免得影响后面的制作。
http://www.flash8.net/bbs/UploadFile/200411319422068687.jpg
http://www.flash8.net/bbs/UploadFile/200411319423082455.jpg
http://www.flash8.net/bbs/UploadFile/200411319431265196.jpg
2.点图4红框内按钮，新增一层。按住shift用矩形工具画一个边长为6正方形，再复制三个，如图5排列（为了看得更清楚，把预览百分数放大至200%）。按住shift选中四个正方形，再进行数值变形（ctrl+shift+t），如图6设置。
http://www.flash8.net/bbs/UploadFile/200411319562661636.jpg
http://www.flash8.net/bbs/UploadFile/200411319565973463.jpg
http://www.flash8.net/bbs/UploadFile/20041131957967734.jpg
3.再复制两个，如图7，填充你喜欢的颜色。为了方便，把三个图形分别转换成元件：选中四个白色方块，按F8，出现元件属性窗口，如图8，同理，其它两个也转换为元件，唯一不同的是，一个类型为图形，一个类型为动画。现在库面板中就有三个元件了，如图9。
http://www.flash8.net/bbs/UploadFile/200411319584352378.jpg
http://www.flash8.net/bbs/UploadFile/200411319585226145.jpg
http://www.flash8.net/bbs/UploadFile/20041131959276369.jpg
4.开始第一帧，由于第一帧不需要这个动画，所以先删了，剩下white和color两个元件，复制一个color，如图10摆放。最上层那个元件运用一下运动模糊：点效果面板旁的“＋”，选择“模糊”－“运动模糊”，参数设置见图11，帧1最终效果如图12。
http://www.flash8.net/bbs/UploadFile/20041132002078259.jpg
http://www.flash8.net/bbs/UploadFile/20041132003298690.jpg
http://www.flash8.net/bbs/UploadFile/20041132004214228.jpg
5.点“帧和历史面板”右上角的三角形，选择“复制帧”，设置见图13。帧2中只需要有运动模糊的那个元件，修改运动模糊的参数，点击图14中鼠标处即可修改，将距离改为12。效果见图15。帧3，帧4比较简单，只有图形元件，摆放在适当的位置即可，不细述，见图16，17。
http://www.flash8.net/bbs/UploadFile/20041132014658865.jpg
http://www.flash8.net/bbs/UploadFile/20041132015622157.jpg
http://www.flash8.net/bbs/UploadFile/2004113202482725.jpg
http://www.flash8.net/bbs/UploadFile/20041132021227609.jpg
http://www.flash8.net/bbs/UploadFile/20041132021923019.jpg
6.第五帧运用到了动画元件，先来一点准备工作。在库面板（如果找不到库面板，按F11）中双击动画元件，在元件属性中单击编辑，出现图18。下面开始编辑动画元件，点开帧面板右边的三角形，选择复制帧，数量填写5，“当前帧之后”（图19）。可以注意到动画元件的帧数变成6了，选择第二帧，在属性面板中把黄色小方块的填充色改成白色，如图20。同样的方法，第三帧中把紫色方块填充成白色，第四帧，绿色方块填充成白色，第五帧，蓝色方块填充成白色（按顺时针方向）。动画元件编辑好了，不要直接关闭窗口哦，点击左上角的“完成”，如图21。
http://www.flash8.net/bbs/UploadFile/20041132034725861.jpg
http://www.flash8.net/bbs/UploadFile/20041132035652777.jpg
http://www.flash8.net/bbs/UploadFile/20041132041160902.jpg
http://www.flash8.net/bbs/UploadFile/20041132042169062.jpg
7.完成后，回到主场景（听起来有点象Flash了），选中第5帧，在库面板中，左键按住动画元件anim不放，拖入到背景上，出现如图22的提示，选择确定，出现这个提示的原因是在第6步中把动画元件编辑成了6帧。现在可以看见帧面板中有10帧了。
http://www.flash8.net/bbs/UploadFile/20041132051399271.jpg
8.点帧面板右下方的“+”符号，新增一帧，作为11帧，把图形元件color拖入背景上。在复制帧（现在是12帧了，复制帧的方法在第5步说得很清楚了），12帧里面得利用文本工具写几个字，字体选用12号宋体，不消除锯齿（否则会不清晰哦），设置见图23。为了字体的美观，效果面板中选择“发光”，设置见图24。效果见图25。按F8转化成图形元件，取名text（随便转不转元件）。再在效果面板中选择模糊－运动模糊，参数设置见图26。
http://www.flash8.net/bbs/UploadFile/20041132055950602.jpg
http://www.flash8.net/bbs/UploadFile/2004113206534004.jpg
http://www.flash8.net/bbs/UploadFile/20041132061273970.jpg
http://www.flash8.net/bbs/UploadFile/20041132061989142.jpg
9.再复制帧，作为13帧，效果中“运动模糊”参数中的距离改为8。效果见图27。同样地，复制帧，现在是14帧了，删除运动模糊效果，并用矩形工具画一个2×6的矩形，填充白色，不透明度30，设置见图28，效果见图29。
http://www.flash8.net/bbs/UploadFile/20041132064842642.jpg
http://www.flash8.net/bbs/UploadFile/20041132065652156.jpg
http://www.flash8.net/bbs/UploadFile/2004113207542749.jpg
10.复制6帧，15～19帧设置及效果参见图30～34。
http://www.flash8.net/bbs/UploadFile/20041132082333554.jpg
http://www.flash8.net/bbs/UploadFile/20041132083579356.jpg
http://www.flash8.net/bbs/UploadFile/20041132084961319.jpg
http://www.flash8.net/bbs/UploadFile/2004113209285000.jpg
http://www.flash8.net/bbs/UploadFile/20041132091893388.jpg
11.在19帧处复制1帧作为第20帧，用大家熟悉的6号04b_08字体写上“BZTW.COM”，并运用发光效果，设置见图24，效果见图35。然后，删了图形元件，把库面板的动画元件拖入背景上，对弹出的提示点确定，这样，帧面板中的数目变成了25。21～25帧中，把文字删了。一共25帧，全部完成了。最后调整各帧的时间，方法是双击图36中鼠标所在处，在弹出的面板中填写时间即可。
http://www.flash8.net/bbs/UploadFile/20041132010950242.jpg
http://www.flash8.net/bbs/UploadFile/200411320101734699.jpg
12.辛苦了这么久，让我们导出来看看吧。“文件”－“导出预览”，注意，格式中选择“GIF动画”，如图37，不然导出的东西是静止的咯。最后最后的一步，“导出”，保存文件。
http://blue.flash8.net/pic/37.jpg
PNG源文件：
http://blue.flash8.net/pic/Flogo.png
页:
[1]