<?xml version="1.0" encoding="gb2312"?>
<rss version="2.0">
	<channel>
		<title>金麦网络</title>
		<link>http://www.kingmx.com</link>
		<copyright>Copyright (C) 2006 金麦网络-Kingmx.com All Rights Reserved.</copyright>
		<item>
			<title>用Fireworks8做个符合web标准的弹出菜单</title>
			<link>http://www.kingmx.com/article.php?id=14881</link>
			<pubDate>2007-1-6</pubDate>
			<description><![CDATA[
Fireworks8做下拉菜单的功能较上一版本有很大程度 的增强，并开始兼容web标准，代码也减少了很多，JS从原来的30多K降到现在的2K,可访问性：IE、Firefox、Opera。

1.新建文件，做几个按钮，这部分相信大家都会做.

2.在按钮上点左键，在弹出菜单上选添加弹出菜单，会出现如下的对话框。



里面有四个选项卡，你只要按照需要选取就可以了。

3.输出HTML

导出选项，默认是输出dw xhtml,应用CSS和将CSS写入外部文件的。文件名你需要设置一下，不然输出的文件名含又类似r2_c2 这种文件名。



4.最终效果：http://www.forest53.com/tutorials/fw8menu

PNG源文件: 


]]></description>
		</item>
		<item>
			<title>绝美logo制作过程</title>
			<link>http://www.kingmx.com/article.php?id=14092</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[由于我是第一次写教程，所以我将完整的把制作这个logo的全部过程写出来，如果有罗嗦的地方，请见凉。另外由于我是初学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的图像布局和动画思路了。
基本上是蓝天白云的背景下，丘陵前稻田旁的树叶飘零，秋风吹过，标题显现。
那么可以确定，我们需要的元素有：蓝天，白云，稻田，丘陵，树，树叶，树下的土地，文字，风（$%^%26amp;*）。
下面就让我们开始来真的了，步骤就是从背景到前景，从静止到动画，从长动画到短动画，从快动画到慢动画。 
1。打开Fireworks并建立画布——如图2
图2：

   
2。让我们先从背景中的蓝天开始，画一个直角矩形，大小为88*31像素。用渐变性填充颜色，并使图像如——图3
（注意：不要把填充色拉成均匀的上下两色，那样，图像就会变的很呆板，缺少了美的张力。再有就是不提倡用深色的天空，一不符合秋天的意境，二则不能很好的突出动画效果。）
图3：
3。
(1)背景天空完成后，接下来就是地面的背景——丘陵，这里可以自己画，也可以截取相似的图像加以修改，反正是不动的，看着像就可以。如——图4
（注意：丘陵形态是一个外行稍凸的斜坡，中心的高度在整个logo的高度黄金分割线上，低处不能为0，高处不能超过logo的1/2高，因为你要在树的叶茂和丘陵之间留下一点空间。）
图4：

(2)对丘陵唯一的加工就是调整饱和度，如——图5
图5：

以上就是整个logo的背景，你可以组合后放在单独一层。并双击层一，选择共享交叠层帧。然后单击眼睛的右边小格锁定层。因为我们不会再去动它们了。如——图6
图6：
4。下面我们来完成边框。
(1) 新建层2，在层2中画个直角矩形，大小88*31，填充色无，描边选项如——图7
（注意：这里选择深灰虚线框，如果用实线框则会使logo显的比较死板、中规道矩。不适合本次logo的主题；颜色用深灰比较大气，同时可以又可以良好的烘托主题，用亮色则会喧宾夺主。）
图7：

然后在笔触选项中选择高级，调整间隔，如——图8
图8：

间隔大小可以根据感觉自己适当调整，我用的是开：5、关：1。
（注意：现在我们得到了一个logo的边框，但还没有完，因为我们用的是虚线框，所以logo的图像会渗透到虚线间隔的地方，如果这个图像色差较大或者是动画，那么这将会破坏整个logo的边框和整体美。所以我们还要把边框的虚线间隔处用铅笔点实。）
(2) 在层2中的边框上建立新图层，选择铅笔工具，在所有的边框的虚线间隔上点实，颜色推荐仅次于银灰色。如——图9
目的是不使边框太突出，也不会与logo内的图像色不协调。白色效果感觉稍差（我的那个就是白色的，到现在还懒的改:-(）。
图9：

现在边框才算完全完成，组合层2的两个图。然后同样选择分享交叠层，并锁定。如——图10
图10：

到这里，我们就完成了整个logo的次要方面，背景和边框。 
5。下面我们将要制作整个logo的最重要部分：4个分动画。它们分别是稻田被风过的效果、树叶的飘零、云朵的变化和标题的字形渐变。
（注意：由于文字的渐变最简单，所以我们把文字留到最后做；云的变化按照我的方法比较随意，所以放到倒数第二做；而风吹过稻田是一阵一阵的，也就是说是瞬间动画，在这里我们选择首先制作，当然，不同的情况还要看你自己的分析和爱好，同时也和动画的属性有关。）
请在层2和层1之间建立新层——层3。接下来的所有步骤都将在此层完成。
(1)稻田被风吹过的波浪动画。
[a]制作稻田。
先截取或用fw画一条稻田，要求是看上去像稻田（废话），也是弧线型，并增加饱和度（见图5），如——图11
（注意1：请将稻田对齐整个logo的底端，而不是边框的底端，理由将在稻田的动画制作中得知；
注意2：请将稻田遮掩掉丘陵的一侧，以增强整体构图的协调美，并给文字渐变留下足够的空间。再具体偶就不知道怎么解释了，学美术的应该知道吧。）
图11：

（注意：此时的稻田是否并不让人满意？那是因为没有质感，在这里可以解释为层次感，就是整个稻田的上部应该给人一种金灿灿的光辉。）
选择钢笔工具，在稻田的上缘拉一条金黄的曲线（如果不会使用钢笔的朋友请参考有关教程）。如——图12
图12：

得到效果如——图13
图13：

选中稻田和钢笔曲线，点击鼠标右键，选择平面化所选或按Ctrl+shift+Alt+Z。
到这里，稻田在动画前的准备工作已经完成。
就本人学习fw2周来，感觉如果要做出比较像波浪的动画，和遮照、补间以及钢笔曲线方法比起来，笨方法——剪切位移来的更真实。理由是当风吹过稻田时，动的应该是整个稻田，而不仅仅是稻田的顶端，而且，风吹过后，稻田应基本回复原来的形状和颜色。
下面我们就来具体操作剪切位移。
剪切稻田。
选中层3里唯一的位图——（金灿灿的）稻田。用选取框工具自稻田右侧开始剪切，如——图14
图14：

剪切一块儿稻田后，在粘贴回原来位置。以此把余下的稻田全部切割，切割的数量为10 块左右，少了则不流畅，多了则文件过大。如——图15
（注意：每两块小稻田的边缘必须严格密封，不能重复剪切，也不能漏了一条，开始和结尾可以切割的稍小，理由是让动画被容易的过渡。和人眼的视觉印象有关，这里就不展开了。）
图15：

到这里，稻田剪切就完成了。效果应该是和之前的一样，图像不应该有一点走样。
[c]稻田的运动。
选择层3里所有的稻田块，复制，然后点击新建帧，在帧2中粘贴所有的稻田，如——图16
（注意：这里要特别注意的在fw里用复制，再粘贴后的图像的位置是否变动，如果变动，请参照坐标调整到一致。）
图16：

选中帧2中的第一块稻田，然后按键盘的向下键，把这块儿田下移1格。如——图17
图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
图18：

很明显的，风吹过的波浪是以锯齿状运动的，我们现在就要用涂抹工具把所有不平滑的，不柔和的地方全部修改的自然到位。点击涂抹工具，如——图19
图19：

这里对涂抹工具的用法就不罗嗦了，如果是第一次用，自己用几下应该就可以掌握了，把锯齿尽量调整到平滑、柔和。如——图20
图20：

我们可以看到，经过涂抹工具的制作后，图像明显变的平和，顺畅。接下来，请按照这个思路把所有的帧中的图像都修改一遍，改的过程中，可一边看动画的效果，一边修改。必要时，可以使用涂抹色。直到你认为动画已经非常流畅，平滑的时候，我们的修改工作就算是完成了。
到这里，稻田被风吹过的波浪动画就全部完成了。考虑再三，我决定紧接着制作的是文字的渐变动画。理由是稻田和文字的动画的帧数基本上是固定的，有限的，但大树和云朵的变化是随意的，无限的。当然制作动画的条理性也可按自己爱好总结。
(2)文字的渐变动画。
相比之下，文字的渐变动画是所有动画里最简单的动画，所以我会讲的比较快，如果有不明白的，可以参照源文件，一看便知。
首先，是动画的选择，什么样的动画适合放在这个logo里呢，显然，那些非常商业化的动画是不合适的，因为那些动画往往因为商业要求过分突出文字，非常注重把主动画放到文字上，但在这里，我个人是希望文字动画并不是第一个吸引人的地方，应该淡淡的无声的引入，梦幻般的消失，当别人想看文字动画的时候，动画已经接近尾声了，这样，看者就不得不再看一次动画来特意得留意文字的动画，与此同时，文字将被重视，此时，每个细节动画都可以成为主动画的效果就可见一斑了。（在我初次发这个logo的时候，很多人都说我的文字效果不够明显，但我想问：有一个人看不清楚文字吗？呵呵，当然，每个人看问题的角度不同，很有可能很多人也并不同意我的设计思想，没关系，这才是设计，才是个性，才是创意。）
废话一堆，sorry，言规正传，文字的动画在这里的过程是这样的：从透明度0到渐渐隐现，再到阴影（到这里是文字的出现动画）。接着是文字稍快的从黑色阴影过渡到白色阴影（从清晰过渡到梦幻），最后逐个以光束的方式消失。
然后是考虑文字动画应该从哪里开始，从第一帧？从最后一帧？不要使所有的动画都从同一帧开始，这样的效果只有拥挤和杂乱，没有层次感。让我们看一下其他的几个动画，云，树叶，稻田。可以发现文字的动画开始帧和云、树叶的动画关系不大，几乎互不干扰，那么剩下来的只有稻田了，这里建议从稻田动画的中间开始文字的动画，理由是增大文字动画缓冲，重要的是文字动画的开头容易让人忽视。呵呵。我选择的是从稻田动画的中间，大概是第8帧开始制作文字的动画。
具体操作：点选文本工具，在帧8的新图层中用你自己喜欢的字体写出logo的标题。长短随意，但不建议过长或过短，至少在边框和大树间要有点空间。这里的文字是ilogo。字体是04的字体，小且清晰，容易添加效果。
把文字的透明度调到20，复制。如——图21
图21：

点击帧9，粘贴，把文字的透明度改为30，复制；
点击帧10，粘贴，把文字的透明度改为40，复制；
……
点击帧16，粘贴，把文字的透明度改为100，复制；
点击帧17，粘贴，把文字加上投影效果，Ctrl+A，复制，投影的属性如——图22
图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
图23：

Ctrl+A，复制；
在帧25后添加帧26，在帧26中，粘贴，把第二个字母“L”也删掉，取而代之的是中间放一个纵光束，在第一个字母上的光束则需要改的小些，如——图24
图24：

Ctrl+A，复制；
在帧26后添加帧27，在帧27中，粘贴，把第三个字母“O”也删掉，取而代之的是中间放一个纵光束，在第二个字母上的光束则需要改的小些，第一个字母的小光束则变为更短的一小竖线，如——图25
图25：
Ctrl+A，复制；
在帧27后添加帧28，在帧28中，粘贴，把第四个字母“G”也删掉，取而代之的是中间放一个纵光束，在第三个字母上的光束则需要改的小些，第二个字母的小光束则变为更短的一小竖线，然后克隆（Ctrl+Shift+D），把透明度调到80%，放到第一个字母的中间位置上，如——图26
图26：
Ctrl+A，复制；
以此类推，直到所有的文字都渐渐消失，如——图27
图27：
 

最后一帧可以是最后一竖线20%的透明，也可以为文字完全消失，应该是33帧，或者34帧，至此，整个文字的渐变动画就全部完成了。我们可以点击预览键看一下效果，可能你会发现文字动画过快，不要紧，我们将在最后修改的时候统一修改所有的动画帧时间。目前的动画流畅就可以了。
接下来我们将制作云朵的飘移渐变动画。
(3)云朵的飘移渐变动画。这个动画是所有动画里比较难把握的一个，所以建议在制作前先练习一下涂抹工具的使用。
[a]云朵的绘制。
由于是比较小的云朵，所以我们干脆自己画，这样也方便修改。主要是用涂抹工具的运用。
点击帧1的层3，新建图层，选取涂抹工具，调整属性，在logo的上端随机的绘画几朵云，如——图28
图28：

（注意：由于云朵在位移上一般不存在一边快，一边慢的情况，所以我们可以统一所有云朵的位移速度，也就是说，我们可以把所有的云朵动画建立在一个图层上，没必要每朵云单独放在一层制作。个人推荐。）
云朵的飘移渐变动画。
首先，我们要考虑的是云朵是如何运动的，往哪里运动，运动的有多快。在这里，我推荐云朵时聚时散，呈无规则状，因为单单云的平移会使动画趋于单调和平板，没有灵魂，有点死；至于往哪里运动，很多人肯定会说，当然是和稻田一致，因为风嘛，我不否认这样想的合理性，但既然是艺术创作就会有和现实不尽相同的地方，这里便是，假设我们确实按照风吹稻田的方向让云从右朝左移动，那么，你将会发现整个动画的重心全部偏向左边，失去了平衡美，虽然有树叶的动画来配合，但上下一致的动画显然让人有重复的感觉；另一方面，如果让云从左朝右运动，就真有违常理了吗？答案是：否。从平面上看，云从左到右似乎是水平的，但如果你设想这不单单是个平面呢？那么，产生这样视觉现象的可能性是不是还有可能是云从远端飘向近处呢？只不过路线不是直角而已。如果举个例子的话，我们可以用从不同角度看一个正方体里的一条斜线，你会发现从不同角度看，斜线的长度和角度都是不同的。那么，让我们回到这里的云和稻田，试想，稻田被风自右吹向左，而云则从远飘向近，这其中就没有什么矛盾的地方了。这矛盾既然没有了，那么美观上，自然不同方向的运动更能丰富主题的表现了。
其次，我们就要具体操作云的飘移渐变了。（如果以下对于云的涂抹变化并不十分清楚的话，可查看源文件。）
（注意：这里是云的飘移＋渐变，可以看作是两个动画的组合。因为飘移只是云的图像位移，而渐变则是图像的质的变化）
复制在帧1的云的位图，再点帧2个层3，粘贴。将这个云的位图向右平移一格。再复制这个云的位图。
选择帧3，粘贴，点选涂抹工具，适当改变云的形状，注意是否使用涂抹色。然后再复制云层。
（注意：大家可以看到，从帧1到帧2，云朵只是位移，而从帧2到帧3，云朵却只改变形状，这里的原因是从帧1－帧17，是稻田的被风吹过的动画，而我们显然要云的运动慢于近处的动画，所以要把云的动画在和稻田的动画重合时做成1/2拍。等过了稻田的动画，再恢复到正常变化。）
选择帧4，粘贴，移动云层一格向右，复制；
选择帧5，粘贴，用涂抹修改云层，复制；
……
选择帧17，粘贴，涂抹修改云层，并同时再把云层向右一格，复制；
选择剩下的的帧，都按照以上的顺序制作：同时修改云和位移。
……
直到倒数几帧，比如第29帧或者30帧时，请注意云的渐变和位移要逐渐向第一帧靠拢，如果感觉不习惯的话，推荐的方法是倒着制作最后几帧的云的变化。
到这里，云的飘移渐变动画就基本完成了，要注意的是修改云的方法和技巧，这里个人的发挥不同，效果也不同，是没有一个标准的。只要像就行，帧的时间控制可以到最后调整。
下面我们将要制作大树与树叶飘零的动画了。
(4)大树和树叶飘零的动画制作。
首先选择帧1，在层3的稻田位图上添加图层再导入大树的图像，或者再其他地方修改完毕后再复制过来。
[a]大树的制作。
我们可以从素材中找到比较适合的大树图像。要求是像大树（废话！），不是小树或者松树什么的，普通的梧桐树，或者任何几十年的你喜欢的树，我不推荐枫树，红色或者橘红可能会使整个logo的主题偏移，或者干脆啥都不像。个人感觉而已。这里给个样子，如——图29
图29：

接下来我们就要修改一下大树：
首先是截取大树，请使用边缘羽化，尤其是树根处，并同时连带一些绿草和土地，这样才能和稻田接合的更自然，而不会使树插在那里像稻草人似的。
其次是把树型调整成两边基本平衡的重量，但不能使用复制，那样就比较假，建议把小部分截取后水平翻转再补到不同水平线的对立面。再把树干加粗，以增加树的年伦，并使树干更直立。显的坚实，稳重。
然后是请调整树的饱和度，和色相（我的色相是2，饱和度是80。sorry,是我的logo。￥％……×※）操作参考——图5。
（注意：这里特别要注意把饱和度调到树稍发黄，以符合秋天的意境。）
最后是缩小后放到logo中的适当位置，在这个logo中，自然是右侧偏下。
（注意：要让人能从树的空隙看到：天空、丘陵、左边的稻田，右边的稻田。尤其是树和丘陵间的天空和右下的稻田，推荐一定要露出来，极度增强图像的细腻美和质感。至少本人是这么认为的。）
此时得到图像，如——图30
图30：

图上的红圈内的空间是要特别注意空出来的。理由分别如下：最上面的留白将要给白云的动画做准备，中间一左一右的留白是为了使树叶的飘零动画更加清晰，右下的留白是为了使稻田的动画更加真实和完善，增加了动画的细腻程度和质感。
当然，以上只是我个人的见解，你也可以自己发挥或修改，万变不离其终。
树叶飘零的动画制作。
首先，我们需要的是叶子，不用多，整个动画中3－5 片左右足以。
如果按照常理，我们是自己画一片叶子或者找一片叶子再缩小，不过如果你真的这么做的话，你会发现等你把叶子图形真的缩到适当小的时候，它已经什么都不是了。我的建议是：用象素画。再详细点说，是用铅笔或者涂抹。但很快你会发现用涂抹的话，叶子的边缘的表现不十分逼真，所以我在这里只介绍用铅笔进行绘画。
点选铅笔（如果不知道铅笔是什么的请参看——图9），在帧1中层3的大树图层上建立新图层，然后点几点在一起，形状基本不限，可大可小，颜色可以从大树身上取，要有黄、绿、深绿。（理由是在之后的动画中我们将会调整每片叶子的旋转角度以表现叶子在飘零过程中的翻滚感和反光感。）如——图31
图31：

这里暂时不显示大树以便更清楚的查看，此图放大比例：800%
好了，我们既然已经知道如何添加落叶，那么我们就可以在帧1中继续添加落叶在大树附近，或者在第二帧再添加其他的落叶
（注意：不论你在帧1如何加落叶，多少，位置都比较随意，但记得在将来完成所有动画帧后，检查最有一帧的动画是否和第一帧连贯。本人推荐自帧1开始逐渐添加落叶，以延长动画的缓冲。）
下面，我们来具体操作一下落叶的飘零移动。
有几点请注意：
落叶在每帧相对比上一帧只移动一格，或左，或右，或斜角。这样做是不想动画过快，慢才有感觉。
落叶散落的方向应该包括，天空，丘陵，稻田，土地。
落叶来自大树的各个部位。
落叶的颜色不同，大小不同。
请在不同的帧中旋转各个叶片，角度随意。
最后注意的一个细节是如果此帧同时有稻田被风吹过的动画图像，请将落叶飘零的方向适当做顺风调整。
具体操作如下：
从帧1到帧16中，树叶的飘零和形状的改变和云朵一样，都只移动树叶一格，不包括斜移，或是只改动一点形状，从帧17开始，树叶的移动就改为一次移动2格，或者斜移一格。这里注意最后一帧和第一帧的树叶飘零的连贯性。
至此，整个logo制作部分就全部完成了，呼～～finally啊！
三、修改——从修改全局帧的时间到图像的细节调整，以及图像的最后保存。
[a]我的logo设定的帧的时间为：帧1－帧16：7， 帧17－帧33：15。
技巧是尽量把帧的时间加长，但又同时保持最大限度的动画连贯性。这里由于之前我们已经考虑到部分动画的1/2节拍的制作，下次就需要你事先计划好了。
图像的细节调整。这里主要是针对首尾两帧的调整，使这两帧尽量的自然过渡，如果需要的话，可能也会同时修改其他相邻的帧。总之，你在看图像预览的时候发现任何不寻常的问题都要在这里全部修改完，很多人可能会问，我怎么知道动画是否最好，或者是否到位呢？我的回答是：多观察，多积累，多学习。你对动画把握的感觉就会随着你的动画一样慢慢过渡到perfect的。呵呵。
[c]关于图像的保存。因为我也是刚学fw，所以只知道用导出向导才能把图像保存为gif的形式，否则可能导出的动画不会动，或不完整。再有就是用ACDSee浏览的时候可能会失真，但放到网页里就好了，这是正常的现象。
当你全部修改完所有的细节，就可以打开音乐，手捧咖啡，靠在椅子上欣赏一下自己的作品啦。
]]></description>
		</item>
		<item>
			<title>FIREWORKS钢笔工具彻底剖析</title>
			<link>http://www.kingmx.com/article.php?id=14093</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[内容简介：
1绘制点　2绘制直线　3绘制曲线　4绘制直线和曲线　5移动节点　6修改手柄　7　增加节点　8删除节点　9改变节点类型　10链接二个不相干节点．
基础知识：如果需要，选择“编辑”>“参数选择”并启用“参数选择”对话框的“编辑”选项
卡上的下列任 一选项，然后单击“确定”：
“显示钢笔预览”预览下一次单击将产生的直线段。“显示实心点”在您绘制的同时显示实心控制点
下面所说的节点和角点，是同一个意思；钢笔工具的附加形状+，-，×，＾，○。
在绘制之前　选择柔化笔触，这样绘制后不产生锯齿，节点是最小的单位之一，线段由节点和连接
节点的各个线段组成。就是所说的点－>线->面--延伸产生空间。
一　绘制点　：选择钢笔工具，在文档中点击一下，即建立一个节点．双击结束绘制或ctrl+单击．
二　绘制直线　
　　选择“钢笔”工具， 单击画布以放置第一个角点。 移动指针，然后单击以放置下一个点。一条
直线段将这两个点连接起来。 继续绘制点。直线段连接点与点之间的每个间隙。 执行下列操作之一
结束该路径（路径为断开或封闭的）： 双击最后一个点结束路径并使其成为断开路径。 选择其它
工具结束路径并使其成为断开路径。 若要封闭该路径，请单击所绘制的第一个点。封闭路径的起点
和终点相同。
　　 注意: 由路径重叠自身构成的回路不是封闭路径。只有在同一点开始和结束的路径才是封闭路径。
三　　绘制曲线 
　　　若要绘制曲线路径段，请在绘制点时单击并拖动。绘制时，当前点显示点手柄。不论是使用
“钢笔”工具还是使用其它 fireworks 绘制工具进行绘制，所有矢量对象上的所有点都有点手柄。
但这些手柄只在曲线点上才可见。
四　绘制直线和曲线的混合曲线．
　 在直角点后绘制曲线，点击并托动即可，在曲线节点后绘制直线节点，点击即可．改变曲线节点
的后手柄为0　在绘制下一点之前，用钢笔工具移动到节点上，当显示＾，点击　．当你在下一点点击
时，二者之间形成直线．　绘制过程中可以用←↑→↓移动节点，每次移动一个像素．也可以切换到
细选工具来调节．
△注意　除非双击或者ctrl+单击，否则再次选择钢笔会继续已有节点绘制．
五　移动节点　可以用细选工具或者钢笔工具移动，←↑→↓可以辅助精确移动
六　修改手柄　可以用细选工具或者钢笔工具，　ctrl（移动）　shift（限制到45＇）alt(限制1/2)
工具可配合使用．
七　增加节点　使用钢笔工具，当显示+　时候点击即可．
八　删除节点　删除节点可以使用钢笔和del,按下键盘上的delete即可．
九　改变节点类型　用钢笔工具　直节点，点击并托动，否则当显示＾点击，即可把曲节点，变成直节点．
十　链接二个不相干节点　可以有三种方法1，用钢笔工具在二个节点上点击．2　同时用细选工具选中
二个节点，ctrl+j ｜修改－组合路径－合并．3用细选工具托动节点到另一个节点上．
▲注意，选中的节点和没有选中的节点有区别，是■和□的区别．同时选中二个或多个的方法是按住shift键．
关于ctrl键，在用钢笔绘制的过程中，按住ctrl,有二种情况发生，1如果当前没有绘制点或者调整点，那么就自动切换的细选工具，可以进行细选工具的所有操作,当然可以调节手柄和节点等；2如果当前在绘制点和托动点那么同时按住ｃｔｒｌ，可以移动节点。
描述的有点模糊，请见谅
至此，已经全部介绍完了钢笔工具。 
]]></description>
		</item>
		<item>
			<title>打破玻璃的动画效果</title>
			<link>http://www.kingmx.com/article.php?id=14094</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
第一次写教程，可能有的地方写的不清楚，请大家见谅。首先先看一下最终效果：

下面是具体的制作方法：
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可)，下载页面在这里（不是广告，我也不知道这是谁的BLOG）。
2、运行FW，打开一张图片，我们可以适当缩小这张图片的尺寸，令周围留些空白，背景色设为白色。这样我们更能看清楚破碎扩散的效果。将这层命名为“破碎”。

3、然后在图片的中间部分输入破碎效果之后显现的文字，比如此例中的“JSUPER”，将文字层移动到“破碎”层的下面。
4、将此帧的时间设为7，然后复制出与此帧相同的6帧，复制帧的具体操作是在“帧”面板中，用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制，反复操作就可复制出6帧相同内容的帧(现在一共有7帧，它们的内容都相同)。将第1帧的时间设为100，第7帧的时间设为150。

5、选中第2帧，并单击图片，选择菜单中的“滤镜”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。弹出“粉碎”滤镜效果的主窗口。

6、将“碎片大小”(Size)设为40，“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度的五分之一的位置(20)，点击“确定”(OK)。这样我们就可以看到第2帧的破碎开始的效果了。

7、选中第3帧，并单击图片（这张图片是没破碎过的就对了），也对其运用“粉碎”滤镜，这次将“翻滚”(Tumble)和“时间”(Time)两个滑动条移到总长度五分之二的位置，点击“确定”(OK)。我们看到破碎的图片开始有点变化。

8、用此法将第4、5、6帧的图片运用“破碎”滤镜效果。不同的地方只是“翻滚”(Tumble)和“时间”(Time)这两个滑动条分别移动到总长度五分之三(60)、五分之四(80)和最大长度(100)的位置。
9、选中第6帧的图片，在属性面板中将不透明度设为50%，这样到下一帧的过渡才不会显得突兀。
10、将第7帧的图片删掉，只留下文字。点击“帧”面板下方“无循环”字样前面的图标，选择“永久”，这样动画就可以循环播放了。

11、在“优化”面板中选择“GIF动画”。然后就可以导出欣赏了。
]]></description>
		</item>
		<item>
			<title>小可爱的诞生</title>
			<link>http://www.kingmx.com/article.php?id=14095</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
使用历史面板创建连续背景 对刚入门的朋友有些帮助,老鸟门就当作笑笑吧~
基本要点：
1、　取A并按CTRL+ALT+D重置一个新的A出来,叫B吧
2、　移动B到适当位置并
3、　shift+10打开历史面板.并选定 重置 和 移动
4、　选定B,按下播放按钮进行重复复制
5、　等复制了一条以后,选定整条,然后进行1.2步骤
6　、然后再使用3,4步骤进行大量的重复复制









]]></description>
		</item>
		<item>
			<title>Fireworks 制作精细PC图标</title>
			<link>http://www.kingmx.com/article.php?id=14096</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
作者相关：http://www.5key.net
先奉上效果图：

基本步骤：
1. 绘制一个矩形，并通过部分选取工具调节节点。为增加立体效果，每个角均通过钢笔工具增加为2个节点 

2. 给矩形添加渐变效果

3. 再给右边的矩形添加渐变效果

4. 复制矩形并缩小，作为内框屏幕，实用发射性渐变，添加内部阴影

5. 制作屏幕高光效果，绘制一个圆形，设置线性渐变，羽化为6

6. 再画一个大的圆，用来切掉我们不需要的部分，选择两个路径，修改－组合路径－打孔

7. 得到如下路径，然后使用蒙板得到我们需要的内框屏幕，选择蓝色内框屏幕，复制，选择刚才得到的白色渐变路径，反键－编辑－粘贴为蒙板，得到如下效果

8. 绘制两条斜线，制作屏幕下方立体效果

9. 使用上述高光绘制方式制作屏幕下方高光效果

10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下，产生立体效果

11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充

12. 利用矩形工具绘制底座，使用钢笔工具增加节点并调整。使用放射性渐变填充

13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充，绘制底座高光效果

]]></description>
		</item>
		<item>
			<title>Fireworks绘制精致立体ipod</title>
			<link>http://www.kingmx.com/article.php?id=14097</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[小乖最近买了IPOD，时刻无不在吹嘘IPOD外观的漂亮、功能的强大。加上最近她学习Fireworks着魔一样，更扬言要把美丽漂亮的IPOD用FW画出来，可惜，她真是“才疏学浅”阿，这不，最后还是来找我帮忙，难得她能这么积极的学一个软件，这忙得帮，想想让她画平面的也学不到多少东西，网上搜一下，IPOD的图片还真不少，找了个侧视图，正好教她一下透视和光照得表现。
　　对于画许多实物的角度图（或叫画带立体感的图），对于我们这些“小菜”和像小乖一样的新手可能有些困难，前辈们的一些教程也给了我们好多启示，比如可以拿实物对照观察、可以像手绘一样先打些辅助线做草稿，可是对于我们这种没有美术基础，透视感差一些的人来说还是有些困难，其实我们可以找到简单的方法，将物体“拆”成简单的几个面，再组合起来，做出立体效果。
 
完成效果 
　　学习要点：钢笔工具，透视，高光，变形工具，扭曲工具 
　　1.观察IPOD的照片，我们将它分为3个大的部分，这里需要我们对钢笔工具熟练些，如图，勾画出靠前的A面（图1），其次为B面（图2），再次为C面。
　　 A面B面
　　 2.根据各层的前后关系，我们将它们组合好，我这里将3个单独勾画的路径用不同颜色表示出来（图3），比较容易明白，这里我们需要知道的是，只有最外面的面要仔细勾画，而下面的面，因为不用看到，覆盖下的地方我们简单连接好路径便可。 
　　 图3
　　 3.为了表现质感，我们开始对这3个路径进行填充。
　　如图，A层路径我们用线性填充，颜色为左#A3C554，右#7FB249， B层路径直接实心填充，颜色为#F9FAFB，进行描边，颜色为#C1C2C6，笔尖大小为1，选择柔滑线段，C层路径为实心填充，颜色为#F4F5F7，进行描边，颜色#D8D9DB，笔尖大小选择2，柔滑线段。调整一下，为了增加效果，我们把A层路径复制一下，切割出左侧一部分，来加深颜色，效果如图4
　　 图4 
　　 4.开始画IPOD的控制面板。
　　这次我们用圆角矩形工具，画出IPOD的控制键盘，效果不对时用选取工具点选矩形调节点进行调节，直到出现我们满意地效果为止。调整好图形后我们进行线性填充，填充颜色从左至右为：#E4E7EB、#C5C8CF、#FFFFFF，为表现暗色和亮色，我们用3个颜色。颜色调节如图5所示。
　　 图5
　　 5.将此圆角矩形复制并缩小，或者用钢笔工具勾画一个内圆角矩形，再次进行填充，来丰富效果。依然为线性填充，填充颜色均为#CED7E1，这里需要注意的是，右侧颜色透明度为50，得到效果如图6。
　　 图6
　　 6.用钢笔工具勾画出月牙形，椭圆工具画出扁圆型，进行高斯模糊，值为1，来达到高光效果，进一步丰富控制面板，圆角矩形和三角形添加图形。（注：其中三角形用多边形工具画出来，边数选择3）。完成效果如图7
　　 图7
　　 7.同理钢笔工具配合椭圆工具，高斯模糊来表现整体高光效果。如图8
　　 图8
　　 8.钢笔工具画出其它控制按键 。
　　 图9
　　 9.接下来用钢笔工具勾画IPOD屏幕，依然线性填充，颜色为：#196332、#6BB24B，描边为 黑色，笔尖大小为 1 ，选择柔滑线段。
　　 图10
　　 10.我们来给屏幕增加背景图片效果，很简单，具体步骤为：首先复制屏幕路径，并清空路径的填充颜色、描边颜色，选取合适图片，通过倾斜和扭曲工具，调整为和屏幕路径形状相似，选择粘贴于内部命令。得到效果。
　　 图11
　　 11.继续为屏幕增加效果，同过钢笔或者矩形工具来增加导航条，电池标识等，具体参数如图。
　　 图12
　　 12.添加字体效果。
　　 图13
　　 13.到这里，基本完成了IPOD的制作，我们可以通过旋转，来增加一个光照效果，图14 。通过修改源文件的配色，我们可以得到多个IPOD呢，图15，赫赫。（如果真能得到就好了，嘿嘿！！）点击下载源文件http://design.yesky.com/imagelist/06/41/kfh2p2hn3g64.png
　　  ]]></description>
		</item>
		<item>
			<title>Fireworks 8 制作闪闪文字</title>
			<link>http://www.kingmx.com/article.php?id=14098</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
先把你的动画素材单独导出了一帧为静态GIF文件：

打开FW新建文件输入文字：

设置文字的发光效果参数：

设置文字的阴影效果参数：

文字的发光和阴影效果：

属性栏中设定文字的的填充选项：

设置为图案填充：

选取图案为“其他”，再从文件选取对话框中选取刚才导出的单帧的GIF素材文件，效果如下：

可以看到图案填充有手柄可调方向和位置。
打开帧面板，选取面板菜单，重制帧：


选取第二帧和第三帧，分别调整一下图案填充的手柄，拖动改变下位置就可以：

再导出为GIF动画文件：

PNG源文件：

]]></description>
		</item>
		<item>
			<title>Fireworks 的文字效果总结</title>
			<link>http://www.kingmx.com/article.php?id=14099</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
总结之一：模仿别人的效果
1.　找到其他站的一些不错的效果，把图保存下来（保存不了的截图也好）。
2.　打开FW，把图文放大数倍，看清文字到底有些什么效果。特别重要的是，把文字实现的效果层次搞清楚。
基本的一些层次由内到外是：字内光亮->字内阴影->文字主体->描边/发光->阴影（通常描边和阴影可以放在一个层里实现）->其他背景
3.　分清层次后就可以自己来做了。要完全仿照的话，要具备几个条件：

对照图内是中文文字 
图内文字是你认识的字体（不认识的就去问吧），并且系统装有这种字体（估计你认识的字体你系统应该就会有） 
要注意的是：有些不错的中文站，你明明看到相当不错的效果，也好像见过这种字体，可是他的效果就是如不来。这时你就可以效果，人家是不是用了字体之外的效果，比如把某个角度拉伸，某一笔划弯曲。 
如果你实在没见过那种字体，问也问不出所以然，还有一个注意的是，人家那是为自己站特别准备的字体，专业美工自制的文字。你就只能模仿着做相同的字体了（自己去画，或用相似字体变换，HOHO~）

4.　如果是英文，韩文，日文等语言的文字效果，要做成中文，只能用相似效果的字体了。寻找相似的字体，注意几点：

外文字体的角度，是圆，还是直，或其他~ 
外文字体的粗细、中空。有些字是相当之厚，中文里的“经典特宋”、“华康海报”算是相当之粗了。 
最主要的是文字表现的风格。那要看你是从哪类网站上摘下来的图，有活跃可爱的娃娃风格（中文常用“华康娃娃”、“趣体”、“汉仪丫丫”、“汉仪娃娃篆”等）、活力动感（“华康海报”、“太极体”）、时尚潮流的风格（“秀英体”、、“圆体”、“蝶语体”）、也有方方正正的率真风格（“汉仪棱心体”、“综艺本”、“火柴体”）、严重风格（“黑体”、“宋体”）、古典雅致（古典就多不胜数了）等等，我用的机会也不多，暂时只能说这些（尽供参考，不知对否）~~

总之，这些效果是多多收集，切勿滥用。
总结之二：几种常见特效
1.　简单、常用（以下帖图是摘自腾讯网，不是偶做的）

两层：一是单色字体（一般是中粗）
第二层是文字打散（Ctrl+Shift+P），描边（2-5px），投影（距离和柔化都在5以内）
2.　渐变总是8错（以下帖图是摘自腾讯网，不是偶做的）

暂时只说简单的两层式：在有色的背景中输入文字，打散。然后复制一层放在后面。
把第一层进行这三步操作：拆分组合(Ctrl+Shift+B)、联合路径（选中所有文字“修改”-“组合路径”-“联合”）、然后填充渐变色（常用比较鲜艳的颜色，注意渐变的两个色最好一个深一个浅）
后面那层就描边，根据其中的颜色来描。一般是描白色和黑色，3-5个像素宽的边。
3.　一种常见（特别是在像素画中）的凹凸效果（我做的效果图中“天天想你”的效果）
共四层：主层是主体文字（用较粗的字体），给一个单一的色
主层文字上面复制两层，一层是暗层，内投影-比主文字色暗一些的颜色，2像素边距，柔化为0，角度138左右；暗层的下面有个亮层（通常亮在暗下面，当光线不足），内投影-比主文字色亮一些的颜色，2像素边距，柔化为0，角度为315左右。
最后面给一层，为主体文字描个深色的边。OK了~
4.　文字特效的另一手段：突出显示（以下帖图是摘自腾讯网，不是偶做的）

突出显示一些特殊的文字：比如“不错的绿色饮料哦！”其中可以把“绿色”突出来显示。把“绿色”文字放大一点用绿颜色显示。
突出基本有这几种（可以合用）：

字体加粗，加大 
文字用突出的、鲜艳的颜色（渐变色也可），以及描边（其实描边通常不需要鲜艳，用白色，或是淡色就不错，当然，也可以用与文字色相衬的艳色。 
文字加高，倾斜，扭曲等变化，也可以相应使用。 
动态效果的话，就闪烁或动感效果 
根据文字内容，加上相应的元素。如前面提到的“绿色”，除了用绿色文字等效果，还可以在文字的上角（左右都可）添上一片绿叶，或是把文字用带水珠的绿色图片来填充。其他自己发挥，总之创意无限。 
改用其他字体，或是改变文字笔划。与上面接合，可以直接把“绿色”中的“纟”文字打散，用“部分选定工具”改变笔划路径，变成一片叶子。或是把“色”的下勾向右拉长，在勾中放一些叶子、草、水珠之类的元素。
这是westoy同学做的png源文件：


5.　水晶
就是利用遮罩中的两种蒙版：路径轮廓和灰度外观
另外的几种：不错的水晶效果
一是高亮，我做的效果图中“招牌动作”中的“招牌”二字，上面就有这样的高亮。当然，我做的比较马虎。
二是剔透的渐变：

就是这样的效果。通常配上白色描边，以及无柔化的白色/淡色半透明发化效果更佳。
其中特别是第一个和第二个，还有更多的东东值得研究，可以打造更多酷眩效果哦。
以下是我随便做的几个文字效果的图片（png源文件有500k，我的服务器正在罢工，好了之后再传过来~）：

]]></description>
		</item>
		<item>
			<title>Fireworks 制作水晶条</title>
			<link>http://www.kingmx.com/article.php?id=14100</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
效果：

制作（拿蓝色的作例子）：
1、用路径做出如图中的形状

2、同样用用路径做出如图中的形状，

  将它放入如图的地方

3、同样用用路径做出如图中的形状

  将它放入如图的地方 ，透明度调为82

4、 路径做一个高约6的宽约532的圆角矩形


5、 选中最下面的路径 设置如下：

   完成

附 透明文件
上传的附件

3f4677eee787d2a134357b7e3a819d7d.png (50.88 KB)
 供参看
]]></description>
		</item>
		<item>
			<title>Fireworks 绘制超女厉娜</title>
			<link>http://www.kingmx.com/article.php?id=14101</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
总的来说FW制作出的整体效果比AI CD稍差了些，有兴趣的朋友可以尝试一下。
（本人喜欢用PS画路径）
这张是最后效果图：

1、路径勾画脸部，以及头发的形状（如下图）

2、路径做头发上的光泽：

光泽部分使用的色彩，将光泽全部组成组后再添加颜色。得下图：

3、制作眉与眼部：

眼珠的做法：

效果：

4、制作鼻部：
鼻部高光处勾出如图形状，填充白色然后羽化。
鼻部阴影也是使用的是羽化和透明。

5、制作嘴部：

6、给脸加上红润：
同样也是用羽化和透明。
如果是怕出脸部边际，可以加蒙板。

7、加上脖子，脖子下加阴影，这样脸部算是完成了。如图。

8、衣服，弄好明暗的部分就会显示比较好的效果了。
衣服先拉渐变，再做高光，然后暗处。

点击放大
9、裤子，制作原理与衣服相同。要质感的话可加入纹理。

10、手部：
渐变肤色


加阴影：

11、手腕处也加入阴影。
以及手与脖子上的手饰，我不多加描绘了，
有更多的这些教程相信大家做得比我更好：）

整体路径图：

]]></description>
		</item>
		<item>
			<title>Fireworks巧绘精美闪图动画</title>
			<link>http://www.kingmx.com/article.php?id=14102</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[漂亮的闪图动画应用范围非常广，不仅可以在相册、动态表情里使用，还可以在QQ空间、论坛签名、各类回贴和博客中使用。
　　学习要点：本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。
　　我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。 
　　　 　　　　
　　

　　制作步骤：
　　1.用Fireworks软件打开一个漂亮的图片，利用左边“工具箱”中的“魔棒工具”点选白色背景处，使白色的背景被全选出来。

　　2.按下键盘上的Delete删除键，删除选区中的内容，使这个图片背景拥有透明背景，按Ctrl+D取消选区。

　　3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上2次，如下图所示，共制作成3帧。(一般是看闪底素材有多少帧，然后就复制几帧)。

　　4.回到第1帧，再次利用“工具箱”中的“魔棒工具”点图片中MM的头发，选中大片的头发黑色，然后选择菜单中的“选择”—“将选取框转换为路径”命令。

　　　　5.将头发选区转换为路径，然后利用相同的方法，用魔棒将衣服和裤子都选中来转化为路径，如下图所示：
　　
　　　6.单击第1帧，然后选择菜单中“文件”—“导入”(Ctrl+R)，选择导入几张闪底素材图，分别对应头发/衣服/裤子的颜色。

　　　　7.我们先来制作头发的闪动效果，分别单击“背景图层”上红色和黑色闪底层前的，隐藏这二层。因为用来制作头发的闪底是横向的，不能完全覆盖头发，所以我们利用菜单“修改”—“变形”—“旋转90度”将其旋转覆盖头发。

　　　8.选中用于制作头发的闪图对象，按下Ctrl+X剪切下来，点选头发的路径，选择菜单中“编辑”—“粘贴于内部”(Ctrl+Shift+V)命令，将其动画效果粘于头发路径中。

　　　效果如下图所示：

　　　9.再利用刚才的方法分别将衣服路径和裤子路径都填充相应的闪图，如下图所示：
　
　　　(用这种导入闪底素材+粘贴于内部的制作方法，可以省去相当大的工作量，是一种别出心裁的方法哟！)
　　10.图是制作完成了，现在是最关键的保存工作，为什么说保存工作比较重要呢？这是因为保存时会有些属性需要选择，如果直接保存有可能得不到gif背景透明的动态效果。保存的方法是选择菜单中“文件”—“图像预览”命令，在“图像预览”窗口中选择其“格式”为gif动画，再设置调色板最下方的透明度为“Alpha透明度”，然后再点击预览图标预览看一下动画效果，满意后再单击“导出”按钮导出gif图像。

　　到此，闪图就制作完成了，来看一下原图和完成效果的对比吧！！
　　　　
　　最后送给大家一些闪底素材。
　　闪底素材如下。朋友们单击图片另存即可： 





 




转自：动态网站制作指南 | www.knowsky.com 
]]></description>
		</item>
		<item>
			<title>水泡效果制作</title>
			<link>http://www.kingmx.com/article.php?id=14103</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
 

 
目的：本节主要学习使用一透明渐变色选项。
要点：通过本节的学习，要掌握下列工具和菜单命令的使用方法：
1． Ellipse Tool（圆形绘制工具）；
2． Subselection Tool（超级选择工具）；
3． Scale Tool（缩放工具）；
4． Modify（修改）/Group（组合群组）；
5． Pen Tool (钢笔工具)。
操作步骤：
（1）启动Fireworks MX，新建一个文件。长和高分别为300x300像素，背景色为绿色#009933。
（2）单击工具箱中的Ellipse Tool（圆形绘制工具），按住Shift键在编辑区绘制一个圆形。如图8_2

图8.2 在编辑区绘制圆形
（3）选中绘制好的圆，单击左面工具栏 按钮，点击Fill 
Option…按钮，出现如图8.3_1填充选择面板，选择Radial填充效果，给图形填充黑白渐变，效果如图8.3_2
图8.3_1填充选择面板

图8.3_2 进行渐变填充后的效果
（4）单击Edit…按钮，来调节渐变色和透明度。首先点击最上面左边白色的滑块，将透明度调整为0，接着将左面渐变颜色栏设为画布背景色，此处为绿色，如图8.4_1 
 
图8.4_1进行透明渐变调整
完成后的效果：

图8.4_2进行渐变调整后的效果
（5）完成后点击pointor tool工具(黑色的箭头)图形中出现了控制柄，向左托动控制柄，如图效果
图6.5 托动控制柄产生渐变效果
（6）再次使用椭圆工具，绘制一个椭圆，使用钢笔工具调节节点，制作高光效果，如下图
图6.6 制作高光效果
（7）设置高光的羽化度为4，再复制一个调节成较小的光点，如下图：
图6.7_1制作完成高光
提示，在制作小光点的时候，可以用Subselection Tool（超级选择工具）选中上下两个节点，然后按键盘的Delete键删除，使用Scale 
Tool（缩放工具）将其缩小到适当的大小。
(8)选中所有的图形，Modify（修改）/Group（组合群组）将图形群组，然后复制几个，使用Scale Tool（ 缩放工具）对泡泡进行缩放和移动，制作多个泡泡，效果如下图： 
 
图8.8复制多个泡泡
(9)选择一个合适的图片，给图形加个背景，完成后的效果：
图8.9加上背景效果，完成制作
]]></description>
		</item>
		<item>
			<title>极光字体效果的制作</title>
			<link>http://www.kingmx.com/article.php?id=14104</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[软件：Fireworks MX 2004
滤镜：Fireworks自带Edges滤镜和EYE CANDY4000里的动作轨迹
　　第一步：新建文件大小自定在这里我建的是（531*433）背景为黑色，输入字体A（字体为ARIAL BLACK）颜色为（白色）选中字体A将字体转换为路径（CTRL+SHIFT+P）充填：（空）描边：大小（6）描边颜色：（白色）描边种类：（1素象柔化）边缘为（0）得到如下效果：

　　第二步：选中字体在选效果-Aline skin splat LE--Edges，属性如图：

　　得到如下效果：

　　第三步：选中字体点选效果-EYE CANDY4000--动作轨迹滤镜，属性如下图：

　　得到效果如下：

　　第四步：复制4个做好的字体效果（选中字体CTRL+C）粘贴（CTRL+V）把复制出来的字体效果里的动作轨迹滤镜里面的角度属性分别更改为（90）（180）（0）度得到效果如图：

　　第五步：将4个不同方向的运动轨迹字体效果合并在一起得到效果如下图：

　　最后在给效果做一个前景效果点缀一下。制作方法是为第一步（也可以直接复制做好的效果后，在把里面的滤镜效果去掉。）修改一下字体的描边属性如下图：

　　得到效果如下

　　最后把所有效果合并在一起就完成了：）要是想要给图片上色请将所有效果图组合（CTRL+G）在一起在，用色相饱和度来调整。上色效果图：

　　好了极光字体教程到此结束。以上教程纯属提供思路呵呵！！大家还可以试一下其他角度的变化来得到更多的效果....
　　Png源图：
]]></description>
		</item>
		<item>
			<title>Firework制作韩式风格的手提袋</title>
			<link>http://www.kingmx.com/article.php?id=14105</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[]]></description>
		</item>
		<item>
			<title>钟摆式公告牌效果的制作</title>
			<link>http://www.kingmx.com/article.php?id=14106</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[先参阅一下效果图：

　　1、新建一个文件，画布背景颜色选取白色。同时将画布大小设置稍大些；
　　2、使用Fwmx2004的矢量工具，绘制圆角矩形，自选一种纹理效果填充，如图：

　　3、输入文字“织梦论坛”；
　　4、在圆角矩形右、左上角绘制小圆形，如图所示：

　　5、添加辅助形，找到该圆角矩形的中心点位置，如图：

　　6、在中心点上方垂直辅助线上绘制渐变效果的小圆形，以及两根斜直线段，复选该圆形及斜直线对角，组合并移至最后，使用钢笔工具，分别在两个白色小圆形上绘制曲线。如图：

　　7、群组（Ctrl+A、Ctrl+G）所有对象，一个简单的公告牌效果就简单制作完成了。现在进行动画效果的制作。
　　8、克隆群组后的公告牌，使用工具栏中的缩放工具，分别对画布中显示的公告牌进行旋转处理，如图：

　　9、复选这两个对象，并按垂直居中与水平居中进行排列，如图：

　　10、在层面板中先屏蔽掉右边的公告牌。再选择修改菜单、动画、选择动画命令，弹出动画属性设置窗口。进行参数的设置，如图：

　　11、确定后，公告牌对象自动转化为元件。双击该元件对象，在元件编辑窗口中，将公告牌圆形移至元件编辑窗口中心位置，如图：

　　12、返回至主编辑窗口，现在一个由左向右摆动的动画效果已形成。打开帧面板，选择第一帧。将层面板屏蔽的公告牌显示出来，并进行剪切。
　　13、在帧面板中新建空帧，粘贴对象至画布内。对当前公告牌进行由右至左的钟摆动画设置。选择修改菜单、动画、选择动画命令，弹出动画属性设置窗口。进行参数的设置，其中各参数与第九步相同，仅需要给旋转方向上变化为顺时针。如图：

　　14、将该公告牌参照第十一步修改元件中心的方法进行位置的移动。
　　15、这样，由右至左的钟摆动画效果就完成了，在帧面板中将Gif动画效果设置为启永久，让动画连续播放。再导出为Gif动画文件，最终效果图如下所示：

　　制作技巧提示：
　　①在位置调整时，比如中心点的对齐、旋转等，可以借助于FW中的辅助线。
　　②使用动画面板调整好旋转角度生成动画后，建议不要在帧面板中进行删除帧了操作了。如果需要调整角度，可以在画布上对元件对象进行选择右键、动画、设置，在弹出动画设置窗口中再进行调整。
　　Fireworks制作的Png源图：
]]></description>
		</item>
		<item>
			<title>Fireworks企业标识不扣图反白法</title>
			<link>http://www.kingmx.com/article.php?id=14107</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
做网站的时候常需要处理客户的企业标识。如果你的网站另有色彩背景，需要将客户提供的标识反白处理，而客户仅仅提供一个白底的 jpg 图片文件时该怎么办呢？通常我们会想到扣图去底来解决，然而根据一个压缩过的点阵图，logo 本身的颜色已经不够纯净了，更有些细节很难用扣图来表现，最明显的例子是商标一角常有的注册标记 %26reg; 。如果使用单纯的扣图技法， %26reg; 字会显得很不自然。据以往的一些工作经验，在Fireworks环境下，发掘了一个简单实用的企业标识反白法与大家分享，免除抠图的烦恼。让我们来看实例。首先我们来设置个复杂点的彩色背景，如下图：

借用一张阿迪达斯（adidas）的标志到场景内作为实例。

在属性面板调出实时特效滤镜，调整色彩，色相 / 饱和度。把图片变成黑白灰阶。

调整图层模式到屏幕。

继续我们的实时特效滤镜，加上色彩填充，随便选什么颜色，透明度选100%，混合模式改成反相。

这时我们可以看到效果已经出来了。但是 logo 有点半透明，这是因为 logo 本身色彩的明度不够暗。如果 logo 本身是纯黑色，我们的工作就可以到此为止了。现在的情况还需要改善下。

继续实时特效滤镜，添加亮度 / 对比度，把对比度调成64。
这个对比度的值不是固定的，以原标识的色彩明度为准调整，调整过度的话会令细节产生锯齿。
在这个实例中64是最适合的对比度设置。

一个完美的反白标识已经做完了。
其他标识应用效果
原图：

效果图：

原图：

效果图：

对于双色的标识反白也可以做。
原图：

效果图：

原图：

效果图：

这种方法适用于图案颜色单纯，明度够暗的标识。
多色的标识就比较难伺候，尤其标识中有明度够亮的元素时，反白的效果会令明度亮的元素产生透明效果。
像这个还尚可接受。
原图：

效果图：

这个透明部分就明显了。
原图：

效果图：

soskitty 的另一种方法：
1、转换为Alpha
2、填充白色
3、如果想要不透明的Logo，把原来半透明的Logo原位复制几个就行了，如果遇到透明差别比较厉害的图，可以考虑选择通道
4、如果经常用到，可以考虑定义成样式
参考PNG图：

]]></description>
		</item>
		<item>
			<title>用Fireworks给跑车换色</title>
			<link>http://www.kingmx.com/article.php?id=14108</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[原图：

　　这个例子中我们将用Fireworks中的钢笔工具给上面的那辆克莱斯勒4-12跑车换身“新妆”。
　　过程很简单，首先用钢笔工具画出车身轮廓，然后把车窗，车灯等部分挖去。

　　然后把画出的路径的“混合模式”改为“颜色”或者“色调”。

　　现在，你会发现车身颜色已经改变了，调整路径的填充和透明度可以达到不同的效果。
　　最终效果：
]]></description>
		</item>
		<item>
			<title>Firework制作动态banner</title>
			<link>http://www.kingmx.com/article.php?id=14109</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[
firework做动画图片，最重要的面板就是桢面板，桢面板上按钮的功能在此我们不多说，鼠标在按钮上停留片刻，就能看到提示的，只是需要说明的一点，当我们要在原有桢上创建新的一桢时，只需要将原有桢拖拉到“新建／复制桢”的按钮上就可以，而不需要去复制原有桢上的各个图层。
　 
　　下边介绍一个banner在firework里的制作过程，我们先看一下，最后的效果图。
　　　
　　1.新建一468*60，背景为#000000的文档，将光芒的素材放置适当位置。
　　　
　　2.选中该图层，按F8修改元件属性，设置动画变化桢数为6桢，缩放到原始大小的1000倍。
　　　
　
　　
　　确定：firework提示此元件的动画超过文档的最后一桢，自动添加新的桢。这样就创建了六桢光芒的变化效果。
　　　
　　3.从第七到九桢，我们做图片光感的明暗效果，点击“新建／复制桢”创建第七、八、九桢，在第八桢上，新建一图层，Alt+A全选后，填充白色，这样就形成了，图片明暗的闪动效果。
　　　
　　4.第十到第十一桢，创建光芒到风景变化过程。在第十桢上按顺序放置下边两图案，复制成第十一桢。在第十桢上，调节上层透明度为80%，在第十一桢上，调节上层透明度为50%，这样就形成了光芒的渐隐，风景的渐显效果。
　
　　5.第十二到第十六桢，创建人物图案的渐显效果。复制第十一桢后，在光芒图层的下层，加入人物图案的图层，复制成五桢，与前边光芒、风景渐隐渐显的效果方法相同，调节每一桢上人物图层的透明度，即形成人物图层的渐显效果。
　
　　6.第十七到第二十三桢，创建《满江红》文字的显示过程。一桢显示一句，是很简单的过程，只需要将上一桢拉到“新建／复制桢”，创建新的一桢，再添加需要新增加的一句即可。如下图为第二十一桢的效果。
　
　　7.第二十四到第二十八桢，创建“潮汕新江湖”文字的效果过程。
　　在第二十四桢上输入颜色为#E67830，大小为50号的华文宋体：“潮汕新江湖”，利用发光做出字体的描边效果。
　　　
　　8.复制成五桢，调整每一桢上字的大小和透明度，形成逐渐清晰、逐渐缩小的效果。
　
　　参考：第二十四桢字体大小扩大到原来的400%，透明度为25%；
　　第二十五桢字体大小扩大到原来的300%，透明度为50%；
　　第二十六桢字体大小扩大到原来的200%，透明度为75%；
　　第二十七桢字体大小扩大到原来的100%，透明度为100%；
　　如图，这是第二十六桢的效果。
　　　
　　9.第二十八桢和第二十七桢是一样的，在此分作两桢，是便于控制每一桢显示时间。第二十八桢为最后一桢，突出主题，这是“潮汕新江湖”的banner，所以停留的时间需要长一下，以便让人清楚。
　　10.这样，整个banner就做好了。我们可以适当的调整每一桢的显示时间，如图中，红线框内的数字就是该桢延时的时间，单位为1/100秒。
　　
　　要让banner显示的动画效果最自然，需要多调试每一桢的延时时间。我们可以点击文档上的“播放/停止”按钮进行预览。

]]></description>
		</item>
		<item>
			<title>新手入门:FW雪花飘飘迎新春</title>
			<link>http://www.kingmx.com/article.php?id=14110</link>
			<pubDate>2006-11-6</pubDate>
			<description><![CDATA[1.用FW打开一张图片。设置为共享层。

　　2.新建一层，用矩形工具画一个矩形，大小可以与画布同样尺寸，也可以大于画布。笔触颜色为无，填充色暂时设为黑色，这是为了添加雪珠时能够看得清楚

　　3.选择笔触设置：

　　（根据个人喜好），在新建层上随意地点上一些白点。
　　4.点完了白点

　　将原先画的矩形的填充色改为同时选中

　　执行修改－－平面化所选－－F8－－将合并后的位图转换为图形元件。
5.选中图形元件，

　　执行编辑－－克隆，

　　这样得到两个图形元件，选中其中一个，用键盘上的上下左右键将图片向下向左或者向下向右移动几个象素，选中两个元件

　　再执行修改－－元件－－补间实例，在跳出的对话框中选择动画的帧数，一般三四帧即可，选择分散到帧，确定。

　　6.这时效果基本就行了。如果想要更漂亮些，也可以对每一帧层二的图片进行再工，比如添加雪片，移动等。导出预览，效果就是这样：

]]></description>
		</item>
	</channel>
 </rss>
