在Flash动画的制作中,首先要有各种类型的素材,包括文字、图像、声音和视频等,这些素材有的需要直接在Flash中创作,有的需要从其他文件导入。素材的制备是Flash动画制作过程中必不可少的一个步骤,本章将向读者介绍使用各种Flash工具制作素材,以及导入和处理各种动画素材的方法和技巧。
学习目标:
掌握绘图工具的使用方法
熟悉导入图像的方法
熟悉导入声音的方法
熟悉导入视频的方法
熟悉导入外部库的方法
掌握对导入素材的各种操作
2.1绘制素材
利用Flash中的绘制工具绘制素材是Flash动画素材的一个主要来源。绘制的素材是矢量图,可以对其进行移动、调整大小、重定形状及更改颜色等操作而不影响素材的品质。
2.1.1绘图工具的类型
FlashCS5提供了强大的绘图工具,使用户制作动画素材更加方便和快捷。其工具面板中的具体工具如图2-1所示。
根据工具用途的不同,工具可分为以下几类。
(1)规则形状绘制工具:主要包括矩形工具、椭圆工具、基本矩形工具、基本椭圆工具、多角星形工具和直线工具。
(2)不规则形状绘制工具:主要包括钢笔工具、铅笔工具、笔刷工具和文字工具。
(3)形状修改工具:主要包括选择工具、部分选择工具、套索工具。
(4)颜色修改功能:主要包括墨水瓶工具、颜料桶工具、滴管工具、橡皮擦工具、颜色工具、渐变变形工具。
(5)视图修改功能:主要包括手形工具和缩放工具。
2.1.2典型案例-制作浪漫人生动画
本例通过对一个场景的绘制来讲解FlashCS5中常用绘图工具的使用方法和技巧,使读者初步认识FlashCS5绘图功能,设计效果如图2-2所示。
制作过程具体如下。
1.绘制背景
(1)新建一个Flash文档,设置文档尺寸为“800×600”像素,其他属性使用默认参数。
(2)将默认“图层1”重命名为“背景层”,选择矩形工具,然后选择【窗口】→【颜色】
菜单命令(或者按Shift+F9快捷键),打开【颜色】面板,如图2-3所示。
(3)在【颜色】面板中设置矩形的笔触颜色为“无”,填充颜色的类型为“线性”,从左至右第1个色块颜色为“0099FF”,第2个色块颜色为“CCFFFF”,如图2-4所示。
(4)拖曳鼠标光标在舞台中绘制一个矩形,选择矩形,然后在其【属性】面板中设置矩形宽、高分别为“800”、“600”,位置坐标X、Y分别为“0.0”、“0.0”。其属性设置如图2-5所示,舞台效果如图2-6所示。
(5)选择“渐变变形”工具,然后单击舞台中的矩形,效果如图2-7所示。
(6)单击渐变变形工具的“旋转”按钮(图2-7中的方形标记处),将颜色渐变顺时针旋转90°,然后调整颜色渐变的中心(图2-7中的圆形标记处),最终的舞台效果如图2-8所示。
2.绘制草地
(1)新建图层并重命名为“草地”层,选择线条工具,在【属性】面板中设置笔触颜色为“黑色”,笔触高度为“1”。其属性设置如图2-9所示。在舞台中绘制一条斜线,效果如图2-10所示。
(2)选择“选择”工具,将鼠标放置在线条的中心位置,当鼠标呈拖动状态时,按住鼠标左键拖动鼠标光标,将线条调整至图2-11所示的效果。
(3)选择“线条”工具,在舞台中绘制一条图2-12所示的斜线。
(4)选择“选择”工具,调整其形状如图2-13所示。
(5)用同样的方法绘制第3块草地,最终效果如图2-14所示。
(6)选择“线条”工具,将线条的两端连接起来,如图2-15所示(连接时一定要使首尾连接紧密,如果有间隙,将会导致不能填充颜色)。
(7)选择“颜料桶”工具,打开【颜色】面板,调整其填充颜色的类型为“线性”,第1个色块颜色为“EEF742”,第2个色块颜色为“99CC00”,效果如图2-16所示。
(8)把鼠标移入舞台,此时的鼠标指针将变为颜料桶形状,在封闭的线条框内依次单击鼠标填充颜色,最终效果如图2-17所示。
(9)选择“渐变变形”工具,分别调整3块草地的渐变颜色如图2-18、图2-19和图2-20所示。
(10)选择“选择”工具,单击黑色的线条,然后按Delete键将线条全部删除。
3.绘制云彩
(1)新建图层并重命名为“云彩”层,选择椭圆工具,在【属性】面板中设置其笔触颜色为“无”,填充颜色为“白色”,在舞台中绘制一个椭圆,如图2-21所示。
(2)在椭圆的周围绘制一些小的椭圆,使其像空中的云彩,最终效果如图2-22所示。
(3)利用同样的方法,在舞台中再绘制两朵云彩,最终效果如图2-23所示。
4.绘制太阳
(1)新建图层并重命名为“太阳”层,选择椭圆工具,打开【颜色】面板,设置笔触颜色为“无”,填充颜色的类型为“放射状”,第1个色块为“FF0000”,第2个色块颜色为“FFCC33”,【颜色】面板设置如图2-24所示。
(2)在舞台中按住Shift键的同时拖动鼠标光标,绘制一个尺寸为“100×100”像素的圆形,效果如图2-25所示,其属性设置如图2-26所示。
5.导入素材
(1)新建图层并重命名为“植物”图层,选择【文件】→【导入】→【导入到舞台】菜单命令,将素材“第2章\浪漫人生\植物.png”并将图片文件导入到舞台中,其属性设置如(2)新建图层并重命名为“家”层,选择【文件】→【导入】→【导入到舞台】菜单命令,将素材“第2章\浪漫人生\家.png”文件导入到舞台中,其属性设置如图2-29所示,舞台效果如图2-30所示。
(3)新建图层并重命名为“人物”层,选择【文件】→【导入】→【导入到舞台】菜单命令,将素材“第2章\浪漫人生\人物.png”文件导入到舞台中,其属性设置如图2-31所示,舞台效果如图2-32所示。
6.制作标题
(1)新建图层并重命名为“标题下”层,选择文本工具,打开【属性】面板,设置字体为“经典繁行书”、大小为“60”、填充颜色为“FFFFFF”,在舞台中输入文字“浪漫人生”,其属性设置如图2-33所示,舞台效果如图2-34所示。
(2)新建图层并重命名为“标题上”层,选择文本工具,设置填充颜色为“FF6600”,输入相同的文字,其属性设置如图2-35所示,舞台效果如图2-36所示。
(3)此时,【时间轴】面板如图2-37所示。
最后保存测试影片,完成动画的制作。
通过本案例的学习,可使读者了解FlashCS5的基本绘图功能,初步掌握常用绘图工具的使用方法和技巧,同时也使读者认识到素材的制备是Flash动画制作的第一步。
2.2导入和编辑图像
图像是Flash动画制作中最常用的元素,FlashCS5支持导入的图像格式有PNG、JPEG、BMP、GIF、AI、和PSD等,给动画素材的制备带来了很大的方便。
2.2.1导入图像的方法
下面将介绍FlashCS5导入图像的方法以及对图像的常用操作。
1.导入图像的方法
(1)导入到舞台
选择【文件】→【导入】→【导入到舞台】菜单命令,打开【导入】对话框,选择要打开的图像,如图2-38所示,然后单击【打开】按钮,将图片导入到舞台上。若要对图片设置动画,需先将其转换为元件,GIF格式的动态图片导入到舞台后,会自动分散到若干帧上,如图2-39所示。
(2)导入到库
选择【文件】→【导入】→【导入到库】菜单命令,打开【导入到库】对话框,选择要打开的图像,如图2-40所示,然后单击【打开】按钮,图像直接被导入到【库】面板中,显示为“位图”。若要对图片设置动画,需要先将其转化为元件;GIF格式的动态图片导入到库后,会出现一个影片剪辑元件和若干位图,如图2-41所示。
注意:在将图像导入到舞台时,如果导入的图像文件夹中的图像是按照连续序号命名的,则FlashCS5会弹出对话框,询问是否需要导入序列中所有的图像。单击【是】按钮则导入所有的图像,单击【否】按钮则只导入所选图像。
2.对图片的常用操作
(1)将图片从【库】面板中添加到舞台打开【库】面板,选择要添加到舞台上的图片,然后按住鼠标左键不放将其拖到相应的画布上。
(2)将图片转换为可编辑状态
选中舞台中的图片文件,按Ctrl+B快捷键将其打散。
(3)剪切图片文件
若需要进行剪切,先将图片打散,然后选择“选择工具”,选取相应的部分,或者选择橡皮擦工具将多余部分擦除。
(4)组合图片
将多张图片按需求排列后,全部选中转换为元件即可。
(5)消除图片背景(纯色或者近似同样颜色的背景)
先将图片打散,然后选择套索工具,工具箱的下方会出现“魔术棒”按钮、“魔术棒设置”
按钮和“多边形模式”按钮,注意“魔术棒”图标是否处在按下的状态,若“魔术棒”图标处在按下的状态,则鼠标放到位图上时,会变成魔术棒的形状。在背景处,单击鼠标左键,则会发现整个背景都被选中,按Delete键将其删除。若背景颜色不是纯色,则可以通过调节“魔术棒设置”的阈值来实现,默认是10,数值越大,选择的颜色范围就越大。
2.2.2典型案例-制作飙车一族动画
本案例重点讲解FlashCS5导入图片的方法和技巧。在动画的演示过程中,一辆越野车将从舞台飞奔而过。设计思路包括导入背景图片、导入汽车图片、制作动画。设计效果如图2-42所示。
具体制作过程如下。
1.导入背景图片
(1)新建一个Flash文档,设置文档尺寸为“500×325”像素,其他属性使用默认参数。
(2)将默认的“图层1”重命名为“背景”层,选择“背景”层的第1帧,然后选择【文件】→【导入】→【导入到舞台】菜单命令,打开【导入】对话框,如图2-43所示。
(3)在【查找范围】下拉列表框中选择图像的路径并选择需要导入的图像,本例将打开素材“第2章\飙车一族\飙车背景.bmp”文件,如图2-44所示。
(4)单击【打开】按钮,将图片导入到舞台并与舞台居中对齐,效果如图2-45所示。
2.导入汽车图片
新建图层并重命名为“汽车”,选中“汽车”层的第1帧,用步骤1介绍的方法,将素材“第2章\飙车一族\越野车.png”文件导入到舞台中,效果如图2-46所示。
3.制作动画
(1)选择舞台中的越野车图片,在【属性】面板中设置其属性,如图2-47所示。
(2)用鼠标右键单击越野车图片,在弹出的快捷键菜单中选择【转换为元件】命令,打开【转换为元件】对话框,在【名称】中输入“疯狂越野车”,在【类型】中选择【影片剪辑】,最终效果如图2-48所示。
(3)单击【确定】按钮,即可将图片转换为影片剪辑元件,在【库】面板中会出现一个名为“疯狂越野车”的影片剪辑元件。
(4)选中“背景”层的第20帧,按F5快捷键插入一个普通帧,选中“汽车”层的第20帧,按下F6快捷键插入一个关键帧,此时的【时间轴】状态如图2-49所示。
(5)选择“汽车”层第1帧的“疯狂越野车”元件,在【属性】面板中设置其X、Y坐标,如图2-50中方形标记所示。此时,舞台效果如图2-50所示。
(6)选中“汽车”层第20帧的“疯狂越野车”元件,在【属性】面板中调整其X、Y坐标,如图2-51所示。
(7)用鼠标右键单击“汽车”层上第1帧至第20帧之间的任意一帧,在弹出的快捷菜单中选择【创建补间动画】选项,为“汽车”层创建补间动画,效果如图2-52所示。
最后保存测试影片,完成动画的制作。
通过本案例的学习,可使读者熟悉导入图片的方法与技巧,以及了解简单动画的制作,为以后的动画制作打下基础。
2.3导入和编辑声音
一个Flash动画的好坏有一大部分因素涉及动画的音乐,对于任何一个出色的Flash动画,其所挑选的音乐都是精选的。FlashCS5支持导入的声音格式有WAV、AIFF、MP3等。
2.3.1使用声音的注意事项
声音对动画的最终效果影响是非常大的,在使用声音时应该注意以下几个方面。
1.声音格式的选择
声音要占用大量的磁盘空间和内存,不同的声音格式所占的数据不同,选择合理的声音格式可以使动画更加的小巧灵活。MP3声音数据经过压缩后,比WAV或AIFF声音数据小。
MP3一般用于MTV的制作,而使用一些小段的动感音乐时,一般用WAV就可以。
2.导入声音的方法
选择【文件】→【导入】→【导入到库】菜单命令,打开【导入到库】对话框,选择要打开的声音文件,然后单击【打开】按钮,声音直接被导入到【库】面板中。在【时间轴】
上选中声音开始的帧,导入的声音将会出现在【属性】面板中的【声音】下拉列表中,如图2-53所示,然后通过【声音】下拉列表进行选择,音频文件最好单独放置一层。在某一层上插入音频文件后,对应【时间轴】上会显示出如图2-54所示的声音波形图,到波形图结束时,即表明声音结束,若要继续播放,可以在此处再添加一个声音文件。
3.声音属性的设置
读者可以使声音独立于时间轴连续播放,也可以令动画和音轨同步,或声音附在按钮上令按钮更富于回应性,使用声音淡入淡出,听起来更加优美。选中声音文件所在的层后,打开【属性】面板,可以对声音【效果】和【同步】选项进行设置。
(1)效果设置,如图2-55所示。
【左声道】、【右声道】:系统播放歌曲时,默认是左声道播放伴音,右声道播放歌词。所以,若插入一首MP3,想仅仅播放伴音,就选择左声道;想保留清唱,就选择右声道。
【从左到右淡出】、【从右到左淡出】:会将声音从一个声道切换到另一个声道。
【淡入】、【淡出】:淡入就是声音由低开始,逐渐变高;淡出就是声音由高开始,逐渐变低。
【自定义】:选择该选项将打开【编辑封套】对话框,可以通过拖动滑块来调节声音的高低。最多可以添加5个滑块。窗口中显示的上下两个分区分别是左声道和右声道,波形远离中间位置时,表明声音高,靠近中间位置时,表明声音低。
注意:常用的是淡入淡出效果,设置4个滑块,开始在最低点,逐渐升高,平稳运行一段后,结尾处再设到最低即可。
(2)同步设置,如图2-56所示。
【事件】:将声音设置为事件,可以确保声音有效地播放完毕,不会因为帧已经播放完而引起音效的突然中断,制作该设置模式后声音会按照指定的重复播放次数全部播放完。
【开始】:将音效设定为开始,每当影片循环一次时,音效就会重新开始播放一次,如果影片很短而音效很长,就会造成一个音效未完而又开始另一个音效,这样就造成音效的混杂。
【停止】:结束声音文件的播放,可以强制开始和事件的音效停止。