Flash贺卡制作实例
。
回想过去，每到岁末，辞旧迎新，总会思念远方的朋友、故乡的亲人，选择精美的贺卡，寄去自己衷心的祝福是大家都要做的必修课。现在，网络改变了我们的生活，email代替了鸿雁。我们早已习惯电子邮件的相互问候，电子贺卡也不再是新鲜的事物。但亲爱的朋友，你有没有想过亲手制作一张多媒体贺卡来表达自己的心意呢？随着Flash技术的日益成熟这美好的愿望越来越真实的走近我们，看着那些缤纷夺目的Flash贺卡，你能按捺这心中的冲动吗？让我们一起走进Flash五彩而神奇的贺卡世界。
首先我们将利用比较简单的Flash操作制作一张贺卡。请大家放心，原理虽然简单，效果依然不俗。在这里不禁要提醒大家，做Flash尤其是做贺卡最重要的是创意而不是技术，由于贺卡的特殊性，情节非常简单，影片也很简短，一般仅仅只有几秒种，不象mtv与动画短片有一条很完整的故事线，设计者一定要在很短的时间内表达出意图，并且要给人留下深刻的印象。这样如何在很有限的时间内表达出你的主题，并把气氛烘托起来，这些都需要你通过自己的思考得到答案。我只能教会你使用工具的方法与制作的技巧，但是最重要的情节设计与主题表现要由你自己来完成。建议大家多看看成功的作品，多从创作者的角度思考问题，才能比较快速的提高自己的水平
本贺卡制作主要用到以下知识和技术：
1. 使用Flash绘制矢量图（pencil tool,pentool）
2. 从外部导入矢量图（file/import）
3. 制作motion动画(对象一定要是symbol,在两关键帧之间creat motion tween)
4. 制作帧动画
5. 使用渐变填充并改变填充方向与范围(fill面板的作用)
6. 按钮的制作与按钮上as语法
7. 怎样将mc放置在scene中并使之正常播放(要在scene中加入与mc等长的frames)
8. 怎样改变元件透明度（alpha值的调整）打开你的Flash，新建movie宽为400,高为300背景色为深蓝色。做好准备，我们马上要正式开始。为了便于您的学习，我们对一些名词与操作做以下约定：
mc:movie clip动画片段
scene：场景，每个Flash都可以有数个场景，并在各个场景中自由的跳转。
as:actionscript,Flash专用的程序语言
motion 动画：即形变动画，是Flash最基本的动画形式之一。
symbol:元件，Flash 动画的重要组成部分，也可将其看Flash 舞台上的演员。所有我们看到的动画效果都是由其来体现的。
为了便于阅读，我们将“点击windows菜单，在弹出的下拉菜单中点击panels，在弹出的panels子菜单中单击align选项“定义为windows/panels/align”。
1．建立动画素材
insert symbol新建
movie clip元件，命名为“小木屋”，现在我们开始利用Flash绘制贺卡所必须的动画素材。Flash是一款矢量动画制作工具我们可以方便的利用其内置的pen tool与pencil tool绘制可以自由缩放而不失真的矢量图形。而且生成的文件尺寸相当袖珍，非常利于网上发布。如果您实在对自己的美术功底没有信心或者想省事的话，Flash也可以让您由外部导入已经画好的矢量图（file/import），您只须在其基础上稍做修改即可。您可以到素材站下载所需的矢量图片。但我还是强烈建议您练习一下手绘，毕竟这是Flash的基础，也是Flash精华所在。由于篇幅的限制，我不可能完整的向您接绍绘图的过程，只能讲解绘图工具的使用于技巧，在工具栏中选择pencil tool，并设定为ink mode，拖拽鼠标开始绘制曲线，并由这些曲线闭合生成图形外框。当你觉得画出的曲线不尽如人意时，可以选择arrow工具并将鼠标移动到要修改的曲线边缘，这时在鼠标箭头下方将出现一个小圆弧图标，拖动鼠标曲线就会跟随您鼠标的运动变形，（如图1）你可调整曲线位置与弧度直至满意为止。
如果您使用过coredraw等其他矢量图软件，可能pen tool更适合您。它可以轻松而精确的画出完美的曲线。选择pen tool，在工作区内点击鼠标左键并移动鼠标至下一个节点位置单击，不要松开鼠标，拖动它，你会发现在两点间自动生成一条曲线且随你鼠标移动而改变弧度，（如图2）松开鼠标后在
曲线的两端各有一个节点，你可以在曲线上单击以增加节点数目。选择subselect tool进行进一步的编辑，单击一个节点，在节点处出现两个可拉伸的调节柄，拉动它们可以改变曲线形状，重复以上的操作就可以画出动画造型的轮廓。以上操作比较复杂，希望大家多加练习。然后给造型填充颜色，注意在Flash中fill工具只能对闭合区域进行填充，所以一定要确保你的曲线是闭合的，你可以调整显示比例来进行检查。
2．各动画元件的制作：
经过上述步骤，我们应当建好如下mc：“小木屋”，“月亮”，“圣诞老人”，“圣诞老人头像”，“星星”，“雪人”，“时钟”，“袜子”，“圣诞树”。新建元件“背景”，windows/library,在工具拦上选择pen tool绘制背景，（大小为宽400，高300）选择fill tool进行填充，windows/panels/fill在弹出的fill面板上选择liner gradient即线性渐变填充，调整颜色从深蓝到蓝，在选择了fill tool的前提下，点选工具栏上transform tool,鼠标单击被填充的区域，出现表示可编辑的编辑框，鼠标按住边缘的圆型标志，将其旋转90度，你会发现被填充的渐变色渐变的方向发生了变化，点击位于中部的
方型标志，拖动它可以改变填充色的填充范围。Insert layer，新建一层layer2，从library中拖拽“雪人”，“圣诞树”， “星星”，“月亮”到layer 2,选择元件后可利用scale改变其大小尺寸，利用rotate进行旋转。最后按图（如图3）摆放。
新建元件“文字”，使用text tool输入你要用的文字，并可以windows/panels/character，在character面板中调整文字颜色、字体、大小等属性。你也可以使用swish软件轻松建立很酷的特效文字，在此不再赘述。
新件元件“按钮”并设置其为button,在hit帧建立关键帧，用rectangle tool画一个矩形，颜色不限，因为hit 帧是用来检测鼠标事件的，所以此帧上的任何东西都不会显示在播放的动画里，点击over帧，用text tool输入“REPLAY”调整文字大小与颜色并使其居中。（如图4，5）
新建元件“袜子动画”，从library中拖拽“袜子”元件到layer1，鼠标右键单击第10帧在弹出菜单中选择inser/keyframe，建立关键帧，同样在第20帧也建立关键帧，单击第10帧，modify/trasform/scale and rotate...,在rotate后输入20，确定，这样在这一帧上的“袜子”元件被旋转20度，单击从第一帧到第10帧间的任意一帧，选择creat motion tween建立motion动画。在第10争到第20帧之间也建立motion动画。注意motion动画的对象必须是元件，你不能直接在画出的图形上制作motion动画，而应当将其转化为symbol。这个动画的表现是“袜子”元件不停的在20度的范围内来回转动。同样的方法新建“月亮动画”，“星星动画”，“圣诞老人头像动画”使它们也在一定的角度内转动（角度大小并没有限制，一切看你自己的感觉）。
在library中双击“圣诞老人”元件，在第3，5帧，建立关键帧，单击第3帧，用pencil tool,pen tool,arrow tool对其进行修改，使之走路的两腿位置互换达到走动的效果。注意，在这里我们运用了帧动画的技巧，也就是说利用两张局部不同的图型互换达到动画效果，当然要是你想做得更精细，可以多做几个关键帧，每一帧的双腿只作较小的修改，使走动的
新建元件“木屋与袜子”，将“小木屋”拖拽到layer1，新建一层layer2，拖拽“袜子”元件到laer2，改变“袜子”元件的大小比例，将其挂在“小木屋”的墙上。（如图7）
在library中双击“时钟”元件，在第12，24帧建立关键帧，单击第12帧，将时钟的秒针向前走一秒，（就是利用rotate旋转一下秒针）。同样将第24帧的秒针旋转一秒。说明一下Flash中默认一秒播放12帧的影片，这样我们将间隔设为12帧，在播放时就恰好是每隔一秒跳一次秒针，比较真实。
在library中右键单击“时钟”元件，选择d
uplicate复制出一个“时钟”元件，重命名为“12点时钟”，按照上面的方法将时钟设定为11点59分58秒，并且在后面的24帧中跳2秒，正好到达12点。（即第一帧为11：59：58，第12帧为11：59：59，第3帧为12：00：00。）
3．组装各动画元件
新建元件“综合”，将“背景”元件拖拽到layer1,单击第一帧，windows/panel/info调整大小为宽800，高600，在第20帧建立关键帧，windows/panel/info调整大小为宽400，高300，windows/panels/align设置居中对齐并从第1帧到30帧建立motion动画。新建layer2,拖拽“木屋与袜子”元件到layer2，在第20帧新建关键帧，调整大小使之与背景相匹配。在第1帧与30帧间建立motion动画。新建layer3,在第45帧建立关键帧，拖拽“圣诞老人”到layer3的第45帧，insert/motion guide，建立引导层，在第45帧建立关键帧。引导层中可以放置矢量曲线，并且使某一层中的motion动画按照此曲线的路径进行运动。用pencil tool在引导层中画一曲线，调整好位置与曲率，单击layer3的第45帧，改变“圣诞老人”的大小尺寸，并用鼠标拖拽它使其中心点与引导层曲线的一端重合（如左图8）。
在layer3的20帧新建关键帧，将“圣诞老人”元件拖拽到曲线靠近小木屋的位置（注意“圣诞老人”的中心点必须与曲线重合），建立motion动画。你可以在这段引导动画中增加几个关键帧以更好的控制运动的效果。双击第120帧，在弹出的frame actions面板中输入stop();。在layer1的第120帧单击鼠标右键，选择insert frame,同样在layer2的第120帧insert frame。4.完成贺卡的制作
回到scene1，将“时钟”元件拖拽到layer1,在第25，30帧新建关键帧。单击第30帧，windows/panels/effect,调整alpha=0,在第25到30帧间建立motion 动画。注意当将mc放置到scene时，应当在scene上留下等于mc长度的帧数以供mc播放，否则mc还没有播放完就会跳到下一个镜头。新建layer2,拖拽“背景”元件到第30帧，在第150，160帧新建关键帧，将160帧的“背景”元件的alpha值调整为0，建立motion动画。新建layer3,在第155帧建立关键帧，拖拽“12点时钟”到layer3的第155帧，在第179，196帧建立关键帧，将196帧上的元件alpha值调为0。新建layer4层，在第190帧建立关键帧，拖拽“圣诞老人头像”元件到这一帧，在第200，201帧建立关键帧，单击第190帧，将此帧上的元件的alpha值调整为0。单击第201帧拖拽“文字”元件与“按钮”元件到这一帧。双击此帧，在frame actions面板上输入stop()。右键单击“按钮”元件，选择actions，在弹出actions面板中输入代码：
on (release) {
gotoAndPlay (1);
}
//这段actionscript是当按钮被点击时，影片从（scene）的第一
帧开始播放。 我们终于完成了贺卡的制作，大家可以看到，在本例中没有使用任何复杂的技术，只要大家熟悉Flash的基本操作，加上自己的创意和感情，一定能做出更精彩的节日贺卡来！.
Flash动画实例：雪景贺卡制作
效果简介：
这是一个雪景贺卡。诗意的房屋、雪景；可爱的雪人、袅袅的炊烟；浅浅的脚印和随机的雪花，这些组成一幅美丽的雪景图，也使这张贺卡充满了情趣。但贺卡的制作也因此变得稍稍复杂。
主要应用技术：
文章中主要学习如何系统的设计贺卡并有效的
管理数量巨大的元件。掌握贺卡制作中场景的布置，颜色的应用，气氛的营造等方法。制作中关键的技术还有使用随机函数实现逼真的雪花效果。学习如何巧妙合理地使用素材设计出有灵性和个性的作品。
制作步骤：
设置场景的大小为400px×300px，背景为白色，帧频为12fps。
设计元件
1．按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“房屋”的影片剪辑元件。
2．在“房屋”元件的场景里按快捷键Ctrl+R打开“导入”面板导入一幅房屋背景图。为了让读者看得清楚一些，故先将背景色设成黑色。如图2所示。
图 2
3．按快捷键Ctrl+B把房屋图片打散，然后炊烟那一
段图片，按快捷键Ctrl+X剪切下来。如图3所示。
图 3
4．打开“创建新元件”面板新建一个名为“炊烟”的图形元件，在“炊烟”元件的场景中按快捷键Ctrl+V把刚才剪切的炊烟图片粘贴到场景中。
5．双击库中的影片剪辑元件“房屋”，回到其编辑场景里。接着新建一个“炊烟”层，然后打开库，将刚才制作好的“炊烟“元件拖到“炊烟”中，并调整其位置到“房屋”的烟囱上，如图4所示。
图 4
以上的步骤看上去好像多此一举。其实不然，这就是合理利用素材的技巧了。因为这样做可以在不添加元件的情况下让设计出炊烟袅袅的效果。产生有人气（动）的感觉，使得整个动画不至于死气沉沉。下面来看看“炊烟”的具体制作方法。
6．按住Ctrl键，同时选中“房屋”元件场景中两个层的第35帧，并F5键插入帧。接着选中“炊烟”层里第35帧，按F6键插入关键帧。右键点选“炊烟”层的第1帧并选择“创建补间动画”命令。如图5所示。
图 5
7．选中“炊烟”层第1帧中的“炊烟”元件，然后使用“工具”面板中的“任意变形”工具 把“炊烟”元件缩小到看不见为止，其位置仍要在烟囱上。到这里“炊烟袅袅”的效果就设计好了。
现在，打开库，按住Ctrl键选中“房屋”元件和“炊烟
”元件，然后右键单击阴影选择
区，在弹出的菜单中选择“移至新文件”命令，在弹出的“新文件夹”面板里输入新元件管理文件夹的名字“雪屋”。如图6所示。
图 6
在设计大型的动画，譬如MTV时，我们总要使用文件夹来管理元件。这样做可以非常方便地管理、调用和编辑元件，大大的节省设计时间，提高工作效率。所以建议读者在设计复杂动画时应该把一段动画中的相关元件归并到同一个文件夹里。
8．其它景色的设计。首先把场景的缩放比例设置成200%。接着在雪屋的图片上抓取一块后面设计中用来衬托背景的雪地图片。既图7中蓝色线条框中的部分。
图 7
新建一个名为“雪地”的图形元件，并把刚才裁剪地图片粘贴到场景中。如所示。
图 8
9．再创建一些图形元件，然后导入一个雪人，脚印。雪树可以可以在“房屋”中截取。所有其它元件如图9所示。
图 9
10．“文字”影片剪辑元件的设计可以随意，就看读者想说
些什么了。关键是要能和动画相映成趣，相辅相成。篇幅关系这里就不多说什么了。但要注意，文字动画的设计不能太花哨，尽量少设计文字动画，少用各种字体，也尽量不要使用形变动画和透明动画，否则会增大文件体积。
11．设计随机雪花。这是本例中的难点，涉及到不少Flash编程的知识。但也是相当重要的一个部分。
新建一个名为“雪花”的图形元件。把场景比例设置成800%，然后在“雪花”元件的场景中，按住Shift键使用“椭圆”工具绘制一个直径为5px的圆。如图10所示。
图 10
12．打开“创建新元件”面板新建一个名为“落雪影片”的影片剪辑元件元件，如上图。在库中双击影片剪辑元件元件“落雪影片”进入其编辑场景。把场景中的“图层 1”改名为“雪花”层，接着从库中把图形元件“雪花”拖拽到该层的场景中。
13．选中“雪花”层的第40帧按下F6键插入关键帧，接着右键单击第1帧选择“创建补间动画”命令，然后选中第20帧再插入一个关键帧。
14．右键单击该层并在弹出的菜单中选择“添加引导层”命令为“雪花”层建立一个引导层。在引导层里画一条曲线，然后让第1帧和第40帧的“雪花”元件吸附在曲线的左端，第20帧的雪花吸附在曲线的右端。如图11所示。
图 11
15．新建一个名为“落雪”的影片剪辑元件。从库中把“雪花影片”元件拖拽到“落雪”的场景中，选中第3帧按下F5键插入帧。点选场景中的雪花影片，在“属性”面板里给影片剪辑“雪花影片”取个实例名称“snowflake”，如图12所示。
图 12
16．在“落雪”元件中新建一个“脚本”层。如图13
所
示。分别点选中该层的第1、2、3帧，然后按下F7键插入空白关键帧，并按F9键打开“动作”面板，键入如下代码：
图 13
第1帧中的代码如下：
// n是复制的影片剪辑的唯一深度级别。深度级别是被复制影片剪辑的堆叠顺序，即影片各自的层次
n = 1;
// 变量flakes用来控制雪花的数量，即可以控制雪花的密度
flakes = 100;
第2帧中的代码如下：
i = 1;
while (i<=flakes) { //控制雪花飘落速度
this["snowflake" add i]._y += Math.random()*2 + 2;
i++;
}
if (n == flakes) {
n = 1;
} else {
snowflakesize = Math.random()*30+30; //复制雪花影片
duplicateMovieClip("snowflake", "snowflake" add n, n); //控制雪花的飘落范围
this["snowflake" add n]._x = Math.random()*500; //控制雪花的大小
this["snowflake" add n]._xscale = snowflakesize;
this["snowflake" add n]._yscale = snowflakesize;
n++;
}
第3帧中的代码如下：
//制造影片的回路，让影片可以不停地播放
gotoAndPlay(2);
代码不是很多，也不是很难理解。代码中，Math.random()用来
产生随机数字，其返回的值在0到1之间，但不包括1。DuplicateMovieClip()的作用是复制影片剪辑。_x属性和_y属性在影片剪辑在场景中的坐标值，也就是它们在场景中的位置。_xscale属性和_yscale属性是影片剪辑的水平和垂直缩放比例属性。而this对象的作用则是引用影片剪辑实例。
设计主场景
1．在制作主场景之间，我们先来看看主场景所有的层以及上下关系。如图14所示。
图 14
2．把主场景中的“图层 1”层改名为“背景”层，见图 14。按快捷键“Shift+F9”打开“混色器”面板，如图15所示进行设置。
图 15
接着用“椭圆”工具在场景中拉出一个圆（不要边线），并在“属性”面板里设置这个圆形的宽、高为480px、380px。最终设置如下图（白色区域为场景，场景缩放比例为50%）。如图6所示。
图 16
3．新建“雪地”层。打开库，将库中的图形元件“雪地”拖拽到该层中，然后用“变形”工具将其拖动放大，最终设置如图17所示。
图 17
4．新建“景色”层。然后从库中将“房屋”元件和其它元件都拖拽到场景相应的层中，然后设置好他们的位置。相同的元件可以重复使用，譬如场景中的雪数，就可以复制调整其大小，如图18所示。从而减小文件的大小。
图 18
5．脚印的设计稍微繁琐了些，但不难，多用几次快捷键Ctrl+T打开“变形”面板调整脚印的大小和角度，这样遍可以事半功倍。从库中把影片剪辑元件“
雪花”拖入到场景中。
6．新建一个“文字”层，用来放“文字”影片剪辑元件。然后打开库，把读者自己设计的“文字”影片元件拖到该层中。
现在按快捷键Ctrl+Enter观看最终效果。笔者相信，在学习了该例后，读者定能够设计出自己喜欢的贺卡了。实例中，背景的主色调采用了粉红色，其设计理念是：表达出朋友或恋人的洋溢的热情，所以，无论从哪个角度来讲，看着这张贺卡，你一点都不会觉得冷，即使雪依旧在下。
另外，贺卡制作中场景的布置，譬如树的远近大小，雪人的位置也是有讲究的，这个就要读者多多积累经验了。其原则的近大远小，彼此不能太近。还有最重要的就是如何充分利用素材，设计出有灵性，有个性的作品