由于我是初学FW，有欠缺的地方，希望能指出。十分谢谢！（PS:本教程仅仅针对ilogo-snake的这个logo进行展开，并不一定具有共性或定律。教程对象：新人）
Best View:IE5.0+ or NetCaptor4.0+Display At:1024*768
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【教程】：共3个部分。
一、准备
二、制作（Step1- 5。[背景Step1-3；边框Step4；动画Step5(稻田动画、文字动画、云朵动画、树叶动画)]）
三、修改
本次logo的教程样本如下：
本logo的源文件：
制作软件：Fireworks MX 2004
制作周期：两周左右
制作目的：仅希望大家能通过这个logo展开去，开拓自己的创意，而不是单纯的模仿。此logo教程仅做抛砖之用。
－－－－－－－－－－－－－－－－－－－－－－－－－－
下面我们开始从头做起：
整个制作logo的过程大致可分为3个步骤：准备，制作，修改。
一、准备——基本上就是构思一个logo的大致的主题，色彩，动画的轮廓，还有就是相关的素材和资料。
主题：清新＋收获，主要是一种秋后的田园气氛。
色彩：主要以比较饱和的亮色为表现力。主色调：蓝，绿，黄。以亮色和饱和色来增加清新度。
动画：以连贯的多个细节动画横向交错为主线，所有动画都可单独成立，并完整接合。形成无限循环不间断动画。
动画元素有云的变换，树叶的飘零，风吹过稻田/菊花田 的波浪，以及oneleaf字样的渐变。
素材：主要就是找些天空，原野，树木，稻田/菊花田 之类的照片或者图片来观察真实的效果，并可选取可用的地方。
图1为我用了google和yahoo的图片搜索引擎找了两天，看了上百页找到的相关图片。千万不要心急，一步一步来。
图1：
这基本上就是所有的准备工作啦，我个人在这个基础上还把每个动画拆开来单独做了一下，因为有些动画你构思的不错，但做出来就效果大减，所以创意和效果有时并不成正比。这里就略过直接进入制作了。
二、制作——从修改素材到绘制图像，从图像修改到动画完成。（建议拿杯咖啡在手;p）
通过准备工作我们大概可以定位整个logo的图像布局和动画思路了。
基本上是蓝天白云的背景下，丘陵前稻田旁的树叶飘零，秋风吹过，标题显现。
那么可以确定，我们需要的元素有：蓝天，白云，稻田，丘陵，树，树叶，树下的土地，文字，风。
下面就让我们开始来真的了，步骤就是从背景到前景，从静止到动画，从长动画到短动画，从快动画到慢动画。
1。打开Fireworks并建立画布——如图2：
2。让我们先从背景中的蓝天开始，画一个直角矩形，大小为88*31像素。用渐变性填充颜色，并使图像如——图3：（注意：不要把填充色拉成均匀的上下两色，那样，图像就会变的很呆板，缺少了美的张力。再有就是不提倡用深色的天空，一不符合秋天的意境，二则不能很好的突出动画效果。）
3。
(1)背景天空完成后，接下来就是地面的背景——丘陵，这里可以自己画，也可以截取相似的图像加以修改，反正是不动的，看着像就可以。如——图4：（注意：丘陵形态是一个外行稍凸的斜坡，中心的高度在整个logo的高度黄金分割线上，低处不能为0，高处不能超过logo的1/2高，因为你要在树的叶茂和丘陵之间留下一点空间。）
(2)对丘陵唯一的加工就是调整饱和度，如——图5：
以上就是整个logo的背景，你可以组合后放在单独一层。并双击层一，选择共享交叠层帧。然后单击眼睛的右边小格锁定层。因为我们不会再去动它们了。如图6：
4。下面我们来完成边框。
(1) 新建层2，在层2中画个直角矩形，大小88*31，填充色无，描边选项如图7：（注意：这里选择深灰虚线框，如果用实线框则会使logo显的比较死板、中规道矩。不适合本次logo的主题；颜色用深灰比较大气，同时可以又可以良好的烘托主题，用亮色则会喧宾夺主。）
然后在笔触选项中选择高级，调整间隔，如——图8：
间隔大小可以根据感觉自己适当调整，我用的是开：5、关：1。
（注意：现在我们得到了一个logo的边框，但还没有完，因为我们用的是虚线框，所以logo的图像会渗透到虚线间隔的地方，如果这个图像色差较大或者是动画，那么这将会破坏整个logo的边框和整体美。所以我们还要把边框的虚线间隔处用铅笔点实。）
(2) 在层2中的边框上建立新图层，选择铅笔工具，在所有的边框的虚线间隔上点实，颜色推荐仅次于银灰色。如——图9：目的是不使边框太突出，也不会与logo内的图像色不协调。白色效果感觉稍差（我的那个就是白色的，到现在还懒的改:-(）。
现在边框才算完全完成，组合层2的两个图。然后同样选择分享交叠层，并锁定。如图10：
到这里，我们就完成了整个logo的次要方面，背景和边框。
5。下面我们将要制作整个logo的最重要部分：4个分动画。它们分别是稻田被风过的效果、树叶的飘零、云朵的变化和标题的字形渐变。
（注意：由于文字的渐变最简单，所以我们把文字留到最后做；云的变化按照我的方法比较随意，所以放到倒数第二做；而风吹过稻田是一阵一阵的，也就是说是瞬间动画，在这里我们选择首先制作，当然，不同的情况还要看你自己的分析和爱好，同时也和动画的属性有关。）
请在层2和层1之间建立新层——层3。接下来的所有步骤都将在此层完成。
(1)稻田被风吹过的波浪动画。
[a]制作稻田。
先截取或用fw画一条稻田，要求是看上去像稻田（废话），也是弧线型，并增加饱和度（见图5），如图11：（注意1：请将稻田对齐整个logo的底端，而不是边框的底端，理由将在稻田的动画制作中得知；注意2：请将稻田遮掩掉丘陵的一侧，以增强整体构图的协调美，并给文字渐变留下足够的空间。再具体偶就不知道怎么解释了，学美术的应该知道吧。）
（注意：此时的稻田是否并不让人满意？那是因为没有质感，在这里可以解释为层次感，就是整个稻田的上部应该给人一种金灿灿的光辉。）
选择钢笔工具，在稻田的上缘拉一条金黄的曲线（如果不会使用钢笔的朋友请参考有关教程）。如图12：
得到效果如图13：
选中稻田和钢笔曲线，点击鼠标右键，选择平面化所选或按Ctrl+shift+Alt+Z。
到这里，稻田在动画前的准备工作已经完成。
就本人学习fw2周来，感觉如果要做出比较像波浪的动画，和遮照、补间以及钢笔曲线方法比起来，笨方法——剪切位移来的更真实。理由是当风吹过稻田时，动的应该是整个稻田，而不仅仅是稻田的顶端，而且，风吹过后，稻田应基本回复原来的形状和颜色。
下面我们就来具体操作剪切位移。
剪切稻田。选中层3里唯一的位图——（金灿灿的）稻田。用选取框工具自稻田右侧开始剪切，如图14：
剪切一块儿稻田后，在粘贴回原来位置。以此把余下的稻田全部切割，切割的数量为10 块左右，少了则不流畅，多了则文件过大。如图15：（注意：每两块小稻田的边缘必须严格密封，不能重复剪切，也不能漏了一条，开始和结尾可以切割的稍小，理由是让动画被容易的过渡。和人眼的视觉印象有关，这里就不展开了。）
到这里，稻田剪切就完成了。效果应该是和之前的一样，图像不应该有一点走样。
[c]稻田的运动。
选择层3里所有的稻田块，复制，然后点击新建帧，在帧2中粘贴所有的稻田，如图16：
（注意：这里要特别注意的在fw里用复制，再粘贴后的图像的位置是否变动，如果变动，请参照坐标调整到一致。）
选中帧2中的第一块稻田，然后按键盘的向下键，把这块儿田下移1格。如图17：
选择所有层3的稻田，复制，再建立帧3，粘贴。在帧3中，把第一块稻田再继续下移一格，然后把第二块稻田也下移一格。
选择所有帧3的稻田，复制，再建立帧4，粘贴。在帧4中，不要移动第一块稻田，将第二块和第三块分别下移一格。理由是如果将第一块再往下移，那么稻田被风吹过的效果就过为夸张和失真了。不动是想增大波浪的弧度，弧度太下则不逼真。
选择所有帧4的稻田，复制，再建立帧5，粘贴。在帧5中，第一块稻田开始上移一格，第二块则保持不动，将第三块和第四块稻田分别下移一格。
选择所有帧5的稻田，复制，再建立帧6，粘贴。在帧6中，第一块和第二块稻田都将上移一格，第三块则保持不动，将第四块和第五块稻田分别下移一格。
选择所有帧6的稻田，复制，再建立帧7，粘贴。在帧7中，将第一块稻田继续上移一格。
（注意：这里，第一块稻田将超过原来图像的高度，理由是显现被风吹过后的弹性。这也是为什么前面说过的要把稻田的图像多压一层在边框下。）
第二块和第三块稻田也都分别上移一格，第四块保持不动，第五，第六块分别下移一格。
选择所有帧7的稻田，复制，再建立帧8，粘贴。在帧8中，将第一块稻田下移一格，恢复最最初的位置（到这里，第一块稻田的位移已经全部完成，我们可以不用再管它了）。 将第二块、第三块和第四块稻田都分别上移一格，第五块保持不动，第六块和第七块稻田继续下移一格。
以上就是风吹过稻田的第一个波形的渐变，相信您在认真看了后将发现其中的移动规律，下面就不蛇足重复所有变动了。
选择所有帧8的稻田，复制，再建立站9，粘贴。
……
直到最后一块稻田回归原位时，整个风吹过稻田的动画就基本完成了。（因为我切割了10块，所以整个动画一共17帧）点击播放按钮，预览动画效果，是不是已经比较接近风吹过稻田的效果了呢！ 之所以说比较接近是因为动画虽然完成，但我们显然发现波浪的过渡并不十分平滑，这使得动画动起来像个锯齿，我们还要做的就是修改！（修改也可以在所有动画完成后进行，但如果希望画面变的比较细腻，则推荐提前修改，这也便于不使后面的工作太复杂。）
[d]修改稻田动画。主要工具：涂抹。
修改的工程相比动画来说更累人，因为你要修改每一帧，并不是移动一两下鼠标和键盘就能完成的。推荐先备份一下源文件。当然，如果你对自己在fw里用涂抹比较有信心的话，就让我们开始修改稻田动画的每一帧吧。
（注意：在修改前，请将所有第3层的每一帧中的所有稻田都平面化，也就是说，每一帧动画变的都只有一幅图了。）
由于从第一帧动画并不明显，所以我找了当中的一帧最示范，第7帧。当你掌握了其中的规律后，就可以把所有的帧都修改一遍了。好，下面我们看一下第7帧的原始动画的图像，如图18：
很明显的，风吹过的波浪是以锯齿状运动的，我们现在就要用涂抹工具把所有不平滑的，不柔和的地方全部修改的自然到位。点击涂抹工具，如图19：
这里对涂抹工具的用法就不罗嗦了，如果是第一次用，自己用几下应该就可以掌握了，把锯齿尽量调整到平滑、柔和。如图20：
我们可以看到，经过涂抹工具的制作后，图像明显变的平和，顺畅。接下来，请按照这个思路把所有的帧中的图像都修改一遍，改的过程中，可一边看动画的效果，一边修改。必要时，可以使用涂抹色。直到你认为动画已经非常流畅，平滑的时候，我们的修改工作就算是完成了。
到这里，稻田被风吹过的波浪动画就全部完成了。考虑再三，我决定紧接着制作的是文字的渐变动画。理由是稻田和文字的动画的帧数基本上是固定的，有限的，但大树和云朵的变化是随意的，无限的。当然制作动画的条理性也可按自己爱好总结。
(2)文字的渐变动画。
相比之下，文字的渐变动画是所有动画里最简单的动画，所以我会讲的比较快，如果有不明白的，可以参照源文件，一看便知。
首先，是动画的选择，什么样的动画适合放在这个logo里呢，显然，那些非常商业化的动画是不合适的，因为那些动画往往因为商业要求过分突出文字，非常注重把主动画放到文字上，但在这里，我个人是希望文字动画并不是第一个吸引人的地方，应该淡淡的无声的引入，梦幻般的消失，当别人想看文字动画的时候，动画已经接近尾声了，这样，看者就不得不再看一次动画来特意得留意文字的动画，与此同时，文字将被重视，此时，每个细节动画都可以成为主动画的效果就可见一斑了。（在我初次发这个logo的时候，很多人都说我的文字效果不够明显，但我想问：有一个人看不清楚文字吗？呵呵，当然，每个人看问题的角度不同，很有可能很多人也并不同意我的设计思想，没关系，这才是设计，才是个性，才是创意。）
废话一堆，sorry，言规正传，文字的动画在这里的过程是这样的：从透明度0到渐渐隐现，再到阴影（到这里是文字的出现动画）。接着是文字稍快的从黑色阴影过渡到白色阴影（从清晰过渡到梦幻），最后逐个以光束的方式消失。
然后是考虑文字动画应该从哪里开始，从第一帧？从最后一帧？不要使所有的动画都从同一帧开始，这样的效果只有拥挤和杂乱，没有层次感。让我们看一下其他的几个动画，云，树叶，稻田。可以发现文字的动画开始帧和云、树叶的动画关系不大，几乎互不干扰，那么剩下来的只有稻田了，这里建议从稻田动画的中间开始文字的动画，理由是增大文字动画缓冲，重要的是文字动画的开头容易让人忽视。呵呵。我选择的是从稻田动画的中间，大概是第8帧开始制作文字的动画。
具体操作：点选文本工具，在帧8的新图层中用你自己喜欢的字体写出logo的标题。长短随意，但不建议过长或过短，至少在边框和大树间要有点空间。这里的文字是ilogo。字体是04的字体，小且清晰，容易添加效果。
把文字的透明度调到20，复制。如图21：
点击帧9，粘贴，把文字的透明度改为30，复制；
点击帧10，粘贴，把文字的透明度改为40，复制；
……
点击帧16，粘贴，把文字的透明度改为100，复制；
点击帧17，粘贴，把文字加上投影效果，Ctrl+A，复制，投影的属性如图22：
在帧17后添加帧18，点击帧18，粘贴，把文字投影效果中的透明度改为35%，Ctrl+A，复制；（注意：在这里不推荐一次添加很多帧，因为那样，在粘贴后，图像会发生偏移，但如果是一帧一帧的加，就可能不会。个人经验而已。）
在帧18后添加帧19，在帧19中，粘贴，把文字投影效果中的透明度改为55%，Ctrl+A，复制；
在帧19后添加帧20，在帧20中，粘贴，把文字投影效果中的透明度改为65%，Ctrl+A，复制；
在帧20后添加帧21，在帧21中，粘贴；
（注意：这里不对帧20做任何更动，因为我们要让ilogo的完整字样停止一下，以便看者能有时间看到。）
在帧21后添加帧22，在帧22中，粘贴，把文字投影效果中的透明度改为35%，Ctrl+A，复制；
在帧22后添加帧23，在帧23中，粘贴，把文字投影效果中的透明度改为15%，Ctrl+A，复制；
在帧23后添加帧24，在帧24中，粘贴，把文字投影效果中的透明度改为35%，并把投影颜色由黑色改为白色，Ctrl+A，复制；
在帧24后添加帧25，在帧25中，粘贴，把文字投影效果中的透明度改为65%，并把文字中第一个字母“i”删除，在原来的字母中间加一条纵向的光束，方法可以画个矩形在做渐变颜色填充，这里就不罗嗦这个简单操作了，效果如图23：
Ctrl+A，复制；在帧25后添加帧26，在帧26中，粘贴，把第二个字母“L”也删掉，取而代之的是中间放一个纵光束，在第一个字母上的光束则需要改的小些，如图24：
Ctrl+A，复制；在帧26后添加帧27，在帧27中，粘贴，把第三个字母“O”也删掉，取而代之的是中间放一个纵光束，在第二个字母上的光束则需要改
