Flash-CS项目2-制作素材课件

1、Flash CS项目2 制作素材掌握Flash CS3绘图工具的使用方法。掌握使用Flash CS3绘图工具绘图的技巧。掌握素材的导入方法。掌握使用导入素材进行动画设计的一般流程。教学目标: 项目二 制作素材项目二： 制作素材任务一任务二小结任务一 绘制素材任务二 导入素材任务一任务二小结项目二 制作素材项目二： 制作素材Flash CS3提供了强大的绘图工具，给用户制作动画素材带来了极大的方便。其工具箱中的具体工具名称及其快捷键如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材Flash绘图工具使用Flash绘图工具绘制出的素材是矢量图，可以对其进行移动、调整大小、重定形状、更改

2、颜色等操作，而不影响素材的品质。位图也叫像素图，它由像素或点的网格组成，与矢量图形相比，位图的图像更容易模拟照片的真实效果。矢量图形与位图图像的特点对比如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材矢量图与位图位图放大800%的效果矢量图放大800%的效果图层就像透明的醋酸纤维薄片一样，在舞台上一层一层地向上叠加。它可以帮助用户组织文档中的插图。用户可以在一个图层上绘制和编辑对象，而不会影响其他图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面图层上的内容，如图2-3所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材图层的概念图层1上的图形真实效果图层2上的

3、图形本案例通过对一个场景的绘制来介绍Flash CS3中常用绘图工具的使用方法和技巧，帮助读者初步认识Flah CS3设计工具的用法。最终创建的设计效果如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材操作一 制作“浪漫人生”任务一 绘制素材任务一任务二小结 项目二： 制作素材操作步骤1、绘制背景（1）新建一个Flash文档，设置文档【尺寸】为“800像素600像素”，其他属性保持默认设置。（2）双击界面左上角的图层名称“图层1”，将其重命名为“背景”。（3）选择【矩形】工具 ，然后选择【窗口】/【颜色】命令（或者按ShiftF9组合键），打开【颜色】面板，如图所示。任务一 绘制素

4、材任务一任务二小结 项目二： 制作素材1、绘制背景（4）在【颜色】面板中设置矩形的笔触颜色为“无”，填充颜色的类型为“线性”，从左至右第1个色块颜色为“#0099FF”，第2个色块颜色为“#CCFFFF”，如图所示。（5）拖曳鼠标在舞台中绘制一个矩形，选择矩形，然后在其【属性】面板中设置矩形宽、高分别为“800”、“600”，位置坐标x、y分别为“0”、“0”，其属性设置如图2-7所示，舞台效果如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材1、绘制背景（6）选择【渐变变形】工具 ，然后单击舞台中的矩形，效果如图所示。（7）单击【渐变变形】工具的【旋转】按钮（图2-9中的方形标记

5、处），将颜色渐变顺时针旋转90，然后调整颜色渐变的中心，最终的舞台效果如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（1）在界面左上角的“背景”图层上单击鼠标右键，在弹出的快捷菜单中选择【插入图层】命令，然后将新建的图层重命名为“草地”。（2）选择【线条】工具 ，在【属性】面板中设置笔触颜色为“黑色”，笔触高度为“1”，其属性设置如图2-11所示。在舞台中绘制一条斜线，效果如图2-12所示。图2-11图2-12任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（3）选择【选择】工具 ，将鼠标指针放置在线条的中心位置，当鼠标指针呈拖动状态 时，按住鼠标左

6、键并向上拖曳，将线条调整至图所示的效果。（4）选择【线条】工具 ，在舞台中绘制一条如图所示斜线。图2-13图2-14任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（5）选择【选择】工具 ，调整其形状如图2-15所示。（6）用同样的方法绘制第3条斜线，最终效果如图2-16所示。图2-15图2-16任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（7）选择【线条】工具 ，将线条的两端连接起来，如图2-17所示（注意，连接时一定要使首尾连接紧密，如果有间隙，将会导致不能填充颜色）。（8）选择【颜料桶】工具 ，打开【颜色】面板，调整其填充颜色的类型为“线性”，第1个色

7、块颜色为“#EEF742”，第2个色块颜色为“#99CC00”，效果如图2-18所示。图2-17图2-18任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（9）将鼠标指针移入舞台，此时的鼠标指针将变为颜料桶形状 ，在封闭的线条框内依次单击鼠标，填充颜色，最终效果如图2-19所示。（10）选择【渐变变形】工具 ，分别调整3块草地的渐变颜色如图2-20、图2-21和图2-22所示。图2-19图2-20任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制草地（11）选择【选择】工具 ，单击黑色的线条，然后按Delete键将线条全部删除。图2-21图2-22任务一 绘制素材任务

8、一任务二小结 项目二： 制作素材3、绘制云彩（1）新建图层并重命名为“云彩”，选择【椭圆】工具 ，在【属性】面板中设置其笔触颜色为“无”，填充颜色为“白色”，在舞台中绘制一个椭圆，效果如图2-23所示。（2）在椭圆的周围绘制一些小的椭圆，使其像空中的云彩，最终效果如图2-24所示。图2-19图2-20任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制云彩（1）新建图层并重命名为“云彩”，选择【椭圆】工具 ，在【属性】面板中设置其笔触颜色为“无”，填充颜色为“白色”，在舞台中绘制一个椭圆，效果如图2-23所示。（2）在椭圆的周围绘制一些小的椭圆，使其像空中的云彩，最终效果如图2-24所

9、示。（3）利用同样的方法，在舞台中再绘制两朵云彩，最终效果如图2-25所示。图2-23图2-24图2-25任务一 绘制素材任务一任务二小结 项目二： 制作素材4、绘制太阳（1）新建图层并重命名为“太阳”，选择【椭圆】工具 ，打开【颜色】面板，设置笔触颜色为“无”，填充颜色的类型为“放射状”，第1个色块颜色为“#FF0000”，第2个色块颜色为“#FFCC33”，【颜色】面板设置如图2-26所示。图2-26任务一 绘制素材任务一任务二小结 项目二： 制作素材4、绘制太阳（2）在舞台中按住Shift键的同时拖曳鼠标，绘制一个尺寸为“100100”的圆形，效果如图2-27所示，其属性设置如图2-28

10、所示。图2-27图2-28任务一 绘制素材任务一任务二小结 项目二： 制作素材5、导入素材（1）新建图层并重命名为“植物”，选择【文件】/【导入】/【导入到舞台】命令，打开素材文件“素材项目二制作“浪漫人生”植物.png”，其属性设置如图2-29所示，舞台效果如图2-30所示。图2-29图2-30任务一 绘制素材任务一任务二小结 项目二： 制作素材5、导入素材（2）新建图层并重命名为“家”，选择【文件】/【导入】/【导入到舞台】命令，打开素材文件“素材项目二制作“浪漫人生”家.png”，其属性设置如图2-31所示，舞台效果如图2-32所示。图2-31图2-32任务一 绘制素材任务一任务二小结

11、项目二： 制作素材5、导入素材（3）新建图层并重命名为“人物”，选择【文件】/【导入】/【导入到舞台】命令，打开素材文件“素材项目二制作“浪漫人生”人物.png”文件导入到舞台中，其属性设置如图2-33所示，舞台效果如图2-34所示。图2-33图2-34任务一 绘制素材任务一任务二小结 项目二： 制作素材6、制作标题（1）新建图层并重命名为“标题下”，选择【文本】工具 ，打开【属性】面板，设置字体为“经典繁行书”、字体大小为“60”、填充颜色为“#FFFFFF”，在舞台中输入文字“浪漫人生”，其属性设置如图2-35所示，舞台效果如图2-36所示。图2-35图2-36任务一 绘制素材任务一任务二

12、小结 项目二： 制作素材6、制作标题（2）新建图层并重命名为“标题上”，选择【文字】工具 ，设置填充颜色为“#FF6600”，输入相同的文字，其属性设置如图2-37所示，舞台效果如图2-38所示。图2-37图2-38任务一 绘制素材任务一任务二小结 项目二： 制作素材6、制作标题（3）此时，【时间轴】面板状态如图2-39所示。图2-397、保存测试影片，完成动画的制作。本案例主要练习使用Flash CS3的绘图工具绘制一个花盆，并在花盆的旁边点缀两颗星星。花盆制作流程如图所示。任务一 绘制素材任务一任务二小结 项目二： 制作素材操作二 绘制“精美盆景”任务一 绘制素材任务一任务二小结 项目二：

13、 制作素材操作步骤1、绘制花盆底部。（1）新建一个Flash文档。（2）新建图层，效果如图2-42所示。锁定除“花盆底部”以外的图层并单击“花盆底部”图层的第1帧。（3）选择【矩形】工具 绘制矩形，如图2-43所示。图2-42图2-43任务一 绘制素材任务一任务二小结 项目二： 制作素材1、绘制花盆底部（4）选择【选择】工具 调整矩形形状，效果如图2-44所示。图2-44任务一 绘制素材任务一任务二小结 项目二： 制作素材1、绘制花盆底部（5）选择【窗口】/【颜色】命令，打开【颜色】面板，单击填充颜色按钮 ，在【类型】下拉列表中选择“线性”选项，选择适合的颜色，如图2-45所示。（6）单击工具

14、箱中的【颜料桶】工具按钮 ，然后单击花盆底部图形进行填充，填充后的效果如图2-46所示。图2-45图2-46任务一 绘制素材任务一任务二小结 项目二： 制作素材1、绘制花盆底部（7）删除花盆底部轮廓线，效果如图2-47所示。（8）单击【任意变形】工具按钮 ，按住鼠标左键不放，然后向下拖曳鼠标选择【渐变变形】选项，设置渐变方向，效果如图2-48所示。图2-47图2-48任务一 绘制素材任务一任务二小结 项目二： 制作素材1、绘制花盆底部（9）锁定除“花盆边沿”以外的图层，使用同样的方法在“花盆边沿”图层上绘制边沿图形，效果如图2-49所示。图2-49任务一 绘制素材任务一任务二小结 项目二： 制

15、作素材2、绘制“盆心01”（1）锁定除“盆心01”以外的图层并选择该图层的第1帧，单击【矩形】工具按钮 ，按住鼠标左键不放，然后向下拖动鼠标选择【椭圆】选项，在舞台上绘制一个椭圆。（2）在【颜色】面板设置填充椭圆的颜色，选择【颜料桶】工具 进行填充，如图2-50所示。图2-50任务一 绘制素材任务一任务二小结 项目二： 制作素材2、绘制“盆心01”（3）锁定除“盆心02”以外的图层，使用同样的方法绘制一个椭圆并进行填充，效果如图2-51所示。图2-51任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制“花苗01”（1）锁定除“花苗01”以外的图层，选择【线条】工具 绘制花苗的轮廓并进

16、行调整，效果如图2-52所示。（2）在【颜色】面板中设置颜色类型为“线性”，设置好填充颜色，如图2-53所示。（3）选择【颜料桶】工具 对花苗01进行填充，删除轮廓线，效果如图2-54所示。图2-52图2-53图2-54任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制“花苗01”（4）使用同样的方法在“花苗02”与“花苗03”图层上绘制花苗，效果如图2-56和图2-57所示。图2-56图2-57任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制装饰的星星（1）锁定除“五星”以外的图层，单击并拖动【矩形工具】按钮 ，在弹出的下拉快捷菜单中选择【多角星形】工具。（2）在【属性

17、】面板的【工具设置】卷展栏中单击 按钮，弹出【工具设置】对话框。设置【样式】为“多边形”，【边数】为“5”，在舞台上绘制一个五角星，如图2-58所示。图2-58任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制装饰的星星（3）在【颜色】面板中设置颜色类型为“线性”，选择填充颜色，效果如图2-59所示。（4）填充五角星的轮廓区域，使用【渐变变形】工具调整渐变形状，如图2-60所示。图2-59图2-60任务一 绘制素材任务一任务二小结 项目二： 制作素材3、绘制装饰的星星（5）使用同样的方法绘制第2颗五角星，设置颜色类型为“放射状”，最终效果如图2-61所示。（6）按Ctrl+S组合键保

18、存影片文件，完成动画制作。图2-61任务二 导入素材任务一任务二小结导入图片的方法（1）导入到舞台选择【文件】/【导入】/【导入到舞台】命令，弹出【导入】对话框，选择要打开的图像，如图2-62所示。单击 按钮，将图像导入到舞台上。若GIF格式的动态图片导入舞台后，会自动分散到若干帧上。项目二： 制作素材图2-62任务二 导入素材任务一任务二小结导入图片的方法（2）导入到库选择【文件】/【导入】/【导入到库】命令，弹出【导入到库】对话框，选择要打开的图像，如图2-65所示。单击 按钮，图像直接被导入到【库】面板中，显示为“位图” 。若GIF格式的动态图像导入到库后，会出现一个影片剪辑元件和若干位

19、图。项目二： 制作素材图2-65任务二 导入素材任务一任务二小结编辑图片的常用操作（1）编辑图片选中舞台中的图像，按CtrlB 组合键将其打散，这样可使用【选择】工具 对其部分区域进行选择拖放。用【橡皮擦】工具 擦去需要去除的部分，如图2-68所示。项目二： 制作素材图2-68任务二 导入素材任务一任务二小结编辑图片的常用操作（2）去除图像背景（纯色或者近似同样颜色的背景）先将图像打散，然后选择【套索】工具 ，此时在工具箱下方会出现【魔术棒】按钮 、【魔术棒设置】按钮 和【多边形模式】按钮 ，设置“魔术棒”图标处在按下状态，当鼠标指针变成魔术棒的形状时，在背景处单击鼠标，会发现整个背景都被选中

20、，然后按Delete键将其删除。删除背景前后对比效果如图2-69所示。项目二： 制作素材图2-69任务二 导入素材任务一任务二小结声音格式的选择声音要占用大量的磁盘空间和内存，不同的声音格式所占的空间不同，选择合理的声音格式可以使动画更加小巧灵活。MP3声音数据经过压缩后，比 WAV 或 AIFF 声音数据小。MP3一般用于MTV的制作，而使用一些小段的动感音乐时，一般用WAV就可以了。项目二： 制作素材任务二 导入素材任务一任务二小结导入声音的方法选择【文件】/【导入】/【导入到库】命令，弹出【导入到库】对话框，选择要导入的声音文件，然后单击 打开按钮，声音直接被导入到【库】面板中。选中时间

21、轴上的任一帧，在【属性】面板中即可设置加入声音，如图2-70所示。项目二： 制作素材图2-70任务二 导入素材任务一任务二小结声音属性的设置Flash CS3提供的效果设置选项如图2-71所示，各个选项的功能如表2-3所示。项目二： 制作素材图2-71任务二 导入素材任务一任务二小结导入视频的方法选择【文件】/【导入】/【导入视频】命令，弹出【导入视频】对话框，单击 按钮找到需要导入的视频文件，其余保持默认设置即可，将视频导入到时间轴进行播放。Flash CS3版本只能导入FLV格式的视频文件，其他格式的视频文件需要利用Adoble Flash CS3中的“Adobe Media Encode

22、r.exe”插件进行格式转换后方可导入。项目二： 制作素材任务二 导入素材任务一任务二小结项目二： 制作素材操作一 制作“中秋快乐”本案例将使用Flash CS3的导入图像功能来制作一个美丽的动画场景，制作流程如图2-74所示。图2-74任务二 导入素材任务一任务二小结项目二： 制作素材1.导入背景图片。（1）新建一个Flash文档，设置文档【尺寸】为“800像素600像素”，其他文档属性保持默认设置。（2）将默认的图层名称“图层1”重命名为“背景”。选中“背景”图层的第1帧，然后选择【文件】/【导入】/【导入到舞台】命令，弹出【导入】对话框，打开素材文件“素材项目二制作“中秋快乐”中秋快乐.

23、bmp”。操作步骤任务二 导入素材任务一任务二小结项目二： 制作素材（3）单击 按钮，将图像导入到舞台中。然后选中舞台中的背景图片，打开【属性】面板，确认图片宽、高为“800像素600像素”，此时的舞台效果如图2-75所示。1、导入背景图片图2-75任务二 导入素材任务一任务二小结项目二： 制作素材（1）用鼠标右键单击背景图片，在弹出的快捷菜单中选择【转换为元件】命令，弹出【转换为元件】对话框，在【名称】文本框中输入“背景”，在【类型】中选择【影片剪辑】单选按钮，如图2-76所示。（2）单击 按钮，将背景图片转换为【影片剪辑】元件，在【库】面板中会出现一个名为“背景”的影片剪辑元件，如图2-7

24、7所示。1、制作背景渐显图片图2-76图2-77任务二 导入素材任务一任务二小结项目二： 制作素材（3）选中“背景”图层的第30帧，按F5 键插入一个普通帧；然后选中第10帧，按F6键插入一个关键帧。此时的【时间轴】状态如图2-78所示。（4）选择“背景”图层第1帧的“背景”元件，在【属性】面板的【颜色】下拉列表中选择“Alpha”选项，设置其值为“0%”，【属性】面板如图2-79所示。1、制作背景渐显图片图2-78图2-79任务二 导入素材任务一任务二小结项目二： 制作素材（5）用鼠标右键单击“背景”图层上第1帧第20帧的任意一帧，在弹出的快捷菜单中选择【创建补间动画】命令，为“背景”图层创

25、建补间动画，效果如图2-80所示。1、制作背景渐显图片图2-80任务二 导入素材任务一任务二小结项目二： 制作素材（1）新建图层并重命名为“标题”，选中“标题”图层第10帧，按F7键插入空白关键帧。（2）选择【文本】工具 在舞台上输入文本“中秋快乐”，在【属性】面板中设置其字体为“楷体 GB2312”，字体大小为“100”，文本颜色为“黄色”，拖动文本框使文字竖向排列，设置位置坐标x、y分别为“150”、“25”，如图2-81所示。此时的时间轴状态如图2-82所示，舞台效果如图2-83所示。2、制作标题图2-81任务二 导入素材任务一任务二小结项目二： 制作素材（3）保存测试影片，完成动画的制

26、作。2、制作标题图2-82图2-83任务二 导入素材任务一任务二小结项目二： 制作素材本案例将使用Flash CS3的导入音频文件的功能来制作美声音乐，制作流程如图2-84所示。 图2-84操作二 制作“美声音乐”任务二 导入素材任务一任务二小结项目二： 制作素材1.导入音乐文件。（1）打开素材文件“素材项目二制作“美声音乐”模版.fla”，在“背景”图层上面新建图层并重命名为“音乐”，此时的文档效果如图2-85所示。操作步骤图2-85任务二 导入素材任务一任务二小结项目二： 制作素材（2）选择【文件】/【导入】/【导入到库】命令，打开【导入到库】对话框，在【查找范围】下拉列表中选择音频文件的

27、路径，并选中需要导入的音频文件。本案例将打开素材文件“素材项目二制作“美声音乐”the rain.mp3”。1、导入音乐文件图2-86（3）单击 按钮，将选择的音频文件导入到【库】面板中，效果如图2-86所示。任务二 导入素材任务一任务二小结项目二： 制作素材（1）选择“音乐”图层的第1帧，在【属性】面板的【声音】下拉列表中选择刚才导入的音频文件，在【效果】下拉列表中选择“淡入”选项，在【同步】下拉列表中选择“事件”选项，如图2-87所示。（2）保存测试影片，完成动画的制作。2、把音频文件加入到动画中图2-87任务二 导入素材任务一任务二小结项目二： 制作素材本案例将利用Flash CS3的导

28、入视频文件的功能来制作一个“液晶电视”的效果，制作流程如图2-88所示。图2-88操作三 制作“液晶电视”任务二 导入素材任务一任务二小结项目二： 制作素材1.导入背景。（1）新建一个Flash文档，设置文档【尺寸】为“550像素380像素”，【帧频】为“20fps”，其他文档属性保持默认设置。（2）将默认的图层名称“图层1”重命名为“电视”，然后选择【文件】/【导入】/【导入到舞台】命令，将素材文件“素材项目二制作“液晶电视”电视.png”导入到舞台中，并相对舞台居中对齐，舞台效果如图2-89所示。操作步骤图2-89任务二 导入素材任务一任务二小结项目二： 制作素材（1）新建一个图层并重命名

29、为“开场特效”，分别选中“电视”图层和“开场特效”图层的第16帧，按F5 键插入帧，时间轴状态如图2-90所示。2、制作开场特效图2-90任务二 导入素材任务一任务二小结项目二： 制作素材（2）选中“开场特效”图层的第1帧，然后选择【矩形】工具 ，在【属性】面板中设置其笔触颜色为“无”，填充颜色为“黑色”，在舞台上绘制一个矩形，并调整其宽、高分别为“370”、“215”，位置坐标x、y分别为“88”、“45.5”，如图2-91所示。2、制作开场特效图2-91任务二 导入素材任务一任务二小结项目二： 制作素材（3）选中“开场特效”图层的第8帧，按F6 键插入一个关键帧，然后调整矩形的填充颜色为“白色”，舞台效果如图2-92所示。（4）选中“开场特效”图层的第16帧，按F6 键插入一个关键帧，然后调整矩形的填充颜色的“Alpha”的值为“0%”。2、制作开场特效图2-92任务二 导入素材任务一任务二小结项目二： 制作素材（1）在“电视”图层之上新建一个图层并重命名为“影视文件”，然后选中“影视文件”图层的第8帧，按F7键