《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块四 素材和元件的应用》由会员分享，可在线阅读，更多相关《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块四 素材和元件的应用（56页珍藏版）》请在金锄头文库上搜索。
1、,主讲：,素材和元件的应用,素材和元件的应用,&了解素材和元件 &掌握素材的导入 &理解图形元件的使用 & 掌握影片剪辑元件的特点 & 掌握按钮元件的创建,学习目标:,任务一 素材的引用,操作一 导入位图 操作二 导入Gif动画 操作三 导入PSD文件 操作四 导入声音 操作五 导入视频,导入位图,导入位图,【操作要求】 （1）新建Flash文档。 （2）选择导入命令。 （3）导入位图到库。,导入位图,【操作步骤】 （1）新建文档，并将其保存为“导入位图.fla”。 （2）选择“文件”“导入”“导入到库”命令，在弹出的“导入到库”对话框中选择“素材模块四”中的位图，如图4-1所示。 （3）单击
2、 按钮，导入位图到库中，单击 按钮打开“库”面板，查看导入的位图，如图4-2所示。,导入位图,（4）在“库”面板中将光标定位到位图或者位图名称上，按住鼠标左键拖动位图，如图4-3所示。 （5）拖动位图到场景中松开鼠标左键，将位图放置到场景中，并可以调整位图的位置，用任意变形工具选择位图可以调整位图的大小，如图4-4所示。,导入Gif动画,导入Gif动画,【操作要求】 （1）新建一个Flash文档。 （2）新建一个元件。 （3）导入GIF动画。,导入Gif动画,【操作步骤】 （1）新建一个Flash文档，并将其保存为“导入Gif动画.fla”。 （2）选择“文件”“导入”“导入到库”命令，在弹出
3、的“导入到库”对话框中选择“素材模块四gif02.gif”，如图4-5所示。 （3）单击 按钮，导入位图到库中，单击 按钮打开“库”面板，在“名称”列表框中选择 查看Gif动画，单击 按钮在“库”中查看动画效果，如图4-6所示。,导入Gif动画,（4）选择“元件1”，并拖动到场景中，如图4-7所示。 （5）用选取工具 双击元件，打开元件编辑窗口，在时间轴上可以看到导入的连续图形被放置在对应的关键帧上，按【Enter】键让其连动而产生动画效果，如图4-8所示。,导入PSD文件,导入PSD文件,【操作要求】 （1）新建一个Flash文档。 （2）导入PSD文件。 （3）查看图层。,导入PSD文件,
4、【操作步骤】 （1）新建文档，并将其保存为“导入PSD文件.fla”。 （2）选择“文件”“导入”“导入到舞台”命令，在弹出的“导入到库”对话框中选择“素材模块四图层复合.psd”，如图4-9所示。 （3）单击 按钮，弹出“将图层复合.psd导入到舞台”对话框，选择所有要导入的photoshop图层，单击“将舞台大小设置为与photoshop画布大小相同”，如图4-10所示。,导入PSD文件,（4）单击 按钮关闭对话框，将PSD图层导入到场景，如图4-11所示。 （5）查看时间轴重的图层，PSD图层被分配到各自的图层中，如图4-12所示。,导入声音,导入声音,【操作要求】 （1）新建一个Fla
5、sh文档。 （2）导入声音文件。 （3）应用声音。,导入声音,【操作步骤】 （1）新建文档，并将其保存为“导入声音.fla”。 （2）选择“文件”“导入”“导入到库”命令，在弹出的“导入到库”对话框中选择“素材模块四15.mp3”，如图4-13所示。 （3）单击 按钮，将声音文件导入到库中，打开“库”面板查看声音素材，如图4-14所示。,导入声音,（4）在时间轴上单击帧，然后在“属性”面板的声音下拉列表框中选择“15.mp3”，如图4-16所示。 （5）此时在时间轴的帧中可以看到添加了声音，如图4-16所示。,导入视频,导入视频,【操作要求】 （1）新建一个Flash文档。 （2）选择导入视频
6、命令。 （3）按向导导入视频文件。,导入视频,【操作步骤】 （1）选择“文件”“导入”“导入视频”命令，如图4-17所示，可打开“导入视频”对话框。 （2）如果要导入的视频剪辑位于本地计算机，则可以在“选择视频”对话框中单击 按钮，然后选择要导入的视频文件。例如，打开“Flash CS3中文版动画制作素材模块四我们周围的空气.flv”的视频文件，如图4-18所示。也可以导入存储在远程Web服务器或Flash Communication Server上的视频，方法是提供该文件的URL。 （3）选择文件后单击 按钮进入“部署”对话框，如图4-19所示。,导入视频,（4）单击“以数据流的方式从Fla
7、sh视频数据流服务传输”单选按钮，然后单击 按钮进入“外观”对话框，在“外观”下拉列表框中选择“SkinUnderPlayMuteCaptionFull.swf”，“颜色”设置为“#666666”，如图4-20所示。 （5）单击 按钮，打开“完成视频导入”对话框，如图4-21所示，然后单击 按钮导入视频。 （6）此时在场景中出现播放器组建，如图4-22所示。 （7）在菜单中选择“控制”“测试影片”可以播放视频，如图4-23所示。,任务二 认识元件,操作一 了解元件的类型 操作二 创建元件 操作三 元件的引用,了解元件的类型,了解元件的类型,【操作要求】 （1）在Flash文档中，选择“插入”“
8、新建元件”命令或者按【Ctrl+F8】键。 （2）在对话框中查看元件类型。,了解元件的类型,【操作步骤】 （1）在Flash文档中，选择“插入”“新建元件”命令或者按【Ctrl+F8】键。 （2）在打开的“创建新元件”对话框中可以看出元件被分为3中类型。,创建元件,创建元件,【操作要求】 （1）在Flash文档中选择插入元件命令。 （2）选择一种类型。 （3）绘制一个对象。,创建元件,【操作步骤】 （1）选择“插入”“新建元件”菜单命令，或按【Ctrl+F8】键，打开“创建新元件”对话框。 （2）在“名称”文本框中输入元件的名字，在“类型”单选项中选择所需要的元件类型，如图4-25所示。 （3
9、）单击 按钮，打开元件编辑窗口，在编辑窗口中绘制一个圆球图形，如图4-26所示。,元件的引用,元件的引用,【操作要求】 （1） 打开Flash文档。 （2）双击打开元件。 （3） 库面板中拖入元件到场景。,元件的引用,【操作步骤】 （1）从光盘目录中打开文件“素材模块四引用元件.fla”文档，打开“库”面板，查看元件，如图4-29所示。 （2）从“库”面板中 将图形元件“元件2” 拖拽几次到场景中，如图4-30所示。 （3）双击其中一个实例，打开“元件2”图形元件编辑窗口，如图4-31所示。 （4）将图形填充为绿色，并调整图形形状，其它2个实例也会产生同样的变化，如图4-32所示。,元件的引用
10、,（5）单击 或者在编辑窗口的空白位置双击鼠标左键返回主场景，如图4-33所示。 （6）在“库”面板中双击图形元件“元件2”，然后将其重命名为“星形”，如图4-34所示。 （7）在“库”面板中单击“新建文件夹”按钮 新建一个文件夹，并重命名为“元件”，然后分别将元件拖动到“元件”文件夹中，如图3-35所示。,任务三 图形元件,操作一 制作“夏日萤火虫”图形 元件,制作“夏日萤火虫”图形元件,制作“夏日萤火虫”图形元件,【操作要求】 （1）新建图形元件。 （2）绘制萤火虫元件。 （3）在场景中绘制背景。 （4）从库中拖入元件。,制作“夏日萤火虫”图形元件,【操作步骤】 （1）在Flash文档中，
11、选择“插入”“新建元件”命令或者按【Ctrl+F8】键。 （2）在打开的“创建新元件”对话框中可以看出元件被分为3中类型。 （3）单击 按钮关闭对话框，在打开的“萤火虫”编辑窗口中绘制一个填充颜色为无颜色的圆。 （4）选择颜料桶工具 ，在“颜色”面板中设置填充颜色为“放射状”渐变色，分别设置颜色为“#FDDE06”、Alpha值为57%和“#FFF5B7”、Alpha值为0%，如图4-39所示。,制作“夏日萤火虫”图形元件,（9）用任意变形工具 选择图形，并按住【Alt】键将图形缩小，如图4-44所示。 （10）用同样的方法分别在第15、20帧出插入关键帧，并对图形的颜色和大小进行调整。 （1
12、1）将光标移动到时间轴的第1帧处，然后单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，如图4-45所示。 （12）用同样的方法分别在第5、10、15帧出创建补间形状，在此时被创建了补间形状的时间帧出呈现为绿色，如图4-46所示。,制作“夏日萤火虫”图形元件,（9）用任意变形工具 选择图形，并按住【Alt】键将图形缩小，如图4-44所示。 （10）用同样的方法分别在第15、20帧出插入关键帧，并对图形的颜色和大小进行调整。 （11）将光标移动到时间轴的第1帧处，然后单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，如图4-45所示。 （12）用同样的方法分别在第5、10、15帧
13、出创建补间形状，在此时被创建了补间形状的时间帧出呈现为绿色，如图4-46所示。,制作“夏日萤火虫”图形元件,（13）单击 按钮返回主场景，然后用线条工具 和颜料桶工具 在场景绘制出表现夜空的图形，如图4-47所示。 （14）打开“库”面板，将“萤火虫”元件拖放到场景中，如图4-48所示。 （15）按【Ctrl+Enter】键测试影片，但并不产生动画效果，如图4-49所示。 （16）单击 按钮关闭测试窗口，然后在时间轴的第20帧处按【F5】键插入关键帧，如图4-50所示。,任务四 影片剪辑元件,操作一 制作“夏日萤火虫”影片剪辑 元件 操作二 制作“飞行的彩球”,制作“夏日萤火虫”影片剪辑,制作
14、“夏日萤火虫”影片剪辑,【操作要求】 （1）新建影片剪辑元件。 （2）绘制萤火虫元件。 （3）在场景中绘制背景。 （4）从库中拖入元件。,制作“夏日萤火虫”影片剪辑,【操作步骤】 （1）新建Flash文档，设置“文档大小”为400px300px、“背景颜色”为黑色，并保存文档为“制作夏日萤火虫影片剪辑.fla”，如图4-51所示。 （2）选择“插入”“新建元件”命令，打开“创建新元件”对话框，设置“名称”为“萤火虫”，“类型”为“影片剪辑”，如图4-52所示。 （3）单击 按钮关闭对话框，在打开的“萤火虫”编辑窗口中绘制一个填充颜色为无颜色的圆。 （4）选择颜料桶工具 ，在“颜色”面板中设置填
15、充颜色为“放射状”渐变色，分别设置颜色为“#FDDE06”、Alpha值为57%和“#FFF5B7”、Alpha值为0%，如图4-39所示。,制作“夏日萤火虫”影片剪辑,（5）然后用与任务三相同的方法分别在第5、10、15、20帧出插入关键帧，分别对关键帧出的图形进行调整，然后分别创建补间形状，如图4-53所示。 （6）单击 按钮返回主场景，然后在场景绘制出表现夜空的图形，如图4-54所示。 （7）从“库”面板中拖动“萤火虫”元件到场景中作为实例。并用任意变形工具 调整实例大小，如图4-55所示。 （8）按【Ctrl+Enter】键测试影片，动画效果如图4-56所示。,制作“飞行的彩球”,制作
16、“飞行的彩球”,【操作要求】 （1）新建元件并绘制图形。 （2）填充图形。 （3）应用时间轴特效。,制作“飞行的彩球”,（1）新建Flash文档，设置“文档大小”为400px300px、“背景颜色”为绿色，并保存文档为“制作飞行的彩球.fla”。 （2）选择椭圆工具 ，将填充颜色设置为“#E6E6E6”、“#00FF00”的放射状渐变色，如图4-57所示。 （3）在场景中绘制一个圆球，如图4-58所示。 （4）用选取工具 选择边线，然后选择“修改”“形状”“柔化填充边缘”，在打开的“柔化填充边缘”对话框中设置属性，如图4-59所示。,制作“飞行的彩球”,（5）单击 按钮关闭对话框，效果如图4-60所示。 （6）选择图形，按【F8】键，在弹出的“转换为元件”对话框中设置名称为“绿球”，类型为“影片剪辑”，如图4-61所示。 （7）单击 按钮关闭对话框，效果如图4-62所示。 （8）选择“绿球”实例，按【F8】键将其转换为“彩球”影片剪辑元件，然后双击元件“彩球”打开编辑窗口，选择
