Flash动画制作课件之图像与元件

第5章图像与元件本章要点图像操作元件介绍创建三种元件5.1导入图像5.1.1导入图像导入文件或图片的操作如下：1、执行【文件】【导入（Import）】命令，或者按【Ctrl+R】组合键，打开的【导入】对话框。2、选择要导入文件的保存位置，然后在下面的列表框中选择要导入的文件。3、单击【打开】按钮即可将选择的文件导入到当前文件中。5.1.2导入图像应注意的问题在导入文件时，经常遇到以下问题：如果执行的是【文件】【导入到库(ImporttoLibrary)】命令，可以直接导入元件库，在其中直接调用需要的文件即可。在导入文件时，如果导入目录下的文件是一组序列文件，则会弹出如图所示的询问对话框，这时可以根据需要进行选择。在导入FlashMX不兼容的文件时，会弹出一个警告对话框，如图所示，指示该文件不能被导入到FlashMX中。这时只能单击【确定】按钮取消此次导入操作。可以将选择的多个文件同时导入。在制作过程中，如果已经执行了复制操作，可以直接执行【编辑】【粘贴】命令或者按【Ctrl+V】组合键将剪贴板中的内容粘贴到舞台中。5.2编辑图像5.2.1将图像转换为矢量图转换方法如下：1、首先导入一幅位图图像，然后使用【画笔工具】在图像上绘制一些色彩，如图所示。2、执行【修改】【分离】命令将图像分离。这时，位图被转换为矢量图形，如图所示。3、用鼠标拖动图形的线条，会使图形的边缘弯曲成弧形，图案会等比例向外延续，并且使图像有序地重复排列，如图所示。4、这时再用【画笔工具】在图像上绘制，就会看到图像被色彩覆盖了，如图所示。5.2.2将图像转换为矢量色块将矢量图转换为矢量色块的操作步骤如下：1、继续上面的例子。将舞台中所有内容删除，打开元件库面板，图像拖动到舞台上。2、执行【修改】【转换位图为矢量图（TraceBitmap）】命令，打开如图所示的对话框。3、在此对话框中可以设置以下选项：颜色阈值（Color）：最小区域（MinimumArea）：曲线拟合（CurveFit）：角阈值（Corner）：4、设置完成后，单击【确定】按钮，会出现转换进度框。5、取消对图像的选择。在【混色器】面板中设置一种橙黄色到白色的线性渐变，然后在图像中单击，得到如图所示的效果。5.2.3设置图像资源属性打开元件库面板，导入的图像被放置在元件库面板中。在元件库面板中双击图像资源图标，打开如图所示的【位图属性（BitmapProperties）】对话框。5.3关于元件5.3.1元件库面板和元件图所示是一个含有各种元件的元件库面板。5.3.2创建元件元件：是FlashMX中可以重复利用的图像、动画或按钮，应用元件可以使动画的编辑更简单化。元件主要包括三种：–图形元件–按钮元件–影片剪辑元件。两种新建元件库的方法：1、在元件库中单击【新建元件】按钮创建元件2、就是通过【插入】【新建元件（NewSymbol）】命令来创建元件（或按【Ctrl+F8】组合键创建元件）。5.3.3编辑元件元件的编辑可以在多种模式下进行：1、一般的元件编辑模式2、在当前环境下进行编辑3、在新窗口中编辑。一、在元件编辑模式下进行编辑两种常用从主场景切换到元件编辑模式的方式：选取要编辑的元件，单击鼠标右键，在弹出的快捷菜单中选择【编辑】命令，进入元件编辑模式。在元件库中选择要进行编辑的元件，双击预览框，进入元件编辑模式。二、在当前模式下编辑元件右击元件实例，在弹出的快捷菜单中选择【在当前位置上编辑（EditInPlace）】命令，在当前窗口中的其他对象变灰，被编辑元件的名称出现在舞台顶端的信息栏中。三、在新窗口中编辑在场景中右键单击某实例，从弹出的快捷菜单中选择【在新建窗口中编辑（EditInNewWindow）】命令，可打开新窗口编辑元件。5.3.4元件的变形执行【窗口】【变形】命令将【变形】面板调出，如图所示，可在面板里设置其相应的属性。5.3.5其他属性的调整其他属性的调整，可以通过【属性】面板来完成。在【颜色】下拉列表中选择某一项可以调整实例的相关属性，如图所示，5.3.6为实例指定不同元件给实例指定不同的元件操作步骤：1、在舞台中单击选中要指定其他元件的实例，打开属性面板。2、在【属性】面板中单击【交换元件（SwapSymbol）】按钮，打开如图所示的对话框。3、在其中选择一个元件替换当前的元件。单击对话框底部的【复制元件（DuplicateSymbol）】按钮可复制选中的元件。4、单击【确定】按钮，即可为实例指定其他元件。如果要替换元件的所有实例，可拖动具有相同名称的元件到元件库面板中。5.3.7改变元件类型方法是一：可以通过【属性】面板设置来改变实例类型，打开【属性】面板，单击【元件行为（SymbolBehavior）】下拉按钮，从列表框中选择【图形（Graphic）】、【按钮】和【影片剪辑（MovieClip）】三种类型之一。方法二：在元件库中右键单击某元件，从弹出的快捷菜单中选择【行为（Behavior）】的子菜单项，如图所示。张瑞杰老师完整Flash视频课程学习地址：（网站制作模块），一个月轻松成为Flash动画制作高手！5.4图形元件沿轨迹运动一、“小飞机沿轨迹运动”第一步：新建影片新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。第二步：制作小飞机组件1、利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，用直线工具连接刚拖过的两个角，利用漆桶工具改变两三角的颜色。2、利用箭头工具选中整个飞机，执行“插入/转换为元件”，则飞机上出现一小“+”字。第三步：制作动画1、创建飞机运动图层：(1)单击第一层的第1帧，将飞机拖放在场景中的左上角。(2)选择第20帧，按F6键插入关键帧。(3)在第1帧处找到属性面板，建立1—20帧之间的小飞机运动动画，补间改成动作，旋转可无，也可自动旋转等。在“调整到路径”上打勾。2、创建引导层单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线。3、选择第一层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端对准。4、选择第一层的第20帧。用同样的方法将飞机拖动到曲线的右端点上。5、按Enter测试二、“落花飘舞”：操作步骤如下：1、新建一个文件，在属性面板中设置背景颜色为蓝色，如图所示。2、执行【插入】【新建元件】命令，打开【创建新元件】对话框，在【名称（Name）】文本框中输入“花”作为元件的名称，并选择【图形】单选项，如图所示。3、单击【确定】按钮进入该元件的编辑状态，这时，舞台中心有一个十字型标记，表示页面的中心坐标点。4、在工具箱的颜色区中设置【笔触颜色】为无色，填充色为一种白色到紫色的线性渐变，如图所示。5、在工具箱中单击【椭圆工具】，在舞台中绘制一个圆形，并且使用【箭头工具】调整它的形状，如图所示。6、选中此矢量图，按【Ctrl+C】组合键将其复制，然后粘贴4份，并且使用【任意变形】工具旋转它们的角度，使其组成一个漂亮的花朵，再在花朵中间绘制一个黄色的圆心，如图所示。7、执行【插入】【新建元件】命令，打开【创建新元件】对话框，命名为“落花1”，然后选择【图形】单选项，单击【确定】按钮创建一个新元件，并进入其编辑界面。8、执行【窗口】【库】命令将元件库打开，将“花”图形元件拖动到舞台中。9、单击【时间轴】面板中的【添加运动引导层】按钮建立一个导向图层，为第一层增加一个动画导向图层，如图所示。10、在工具箱中单击【铅笔工具】，在舞台中绘制落花飘动的路径，如图所示。11、选择【箭头工具】，在选项区中单击【对齐对象（SnaptoObjects）】按钮，然后单击图层1中的花朵，将其移动到运动路径的顶端，将花朵吸附到路径上，如图所示。12、单击花朵所在层的第1帧，打开【属性】面板，在【补间】下拉列表中选择【动作】，如图所示。13、单击引导层的第15帧，按【F5】键插入一个普通帧，然后单击图层1的第15帧，按【F6】键插入一个关键帧，并且将花朵移动到路径的中间位置，这时的舞台如图所示。14、选择工具箱中的【任意变形工具】，将花朵旋转一定的角度。15、选中引导层的第15帧，将其拖动到第40帧，使其延续到此位置。再单击图层1的第40帧，插入一个关键帧。将花朵移动到路径的最底端。这的舞台和时间轴如下图所示。16、使用【任意变形工具】将花朵旋转一个角度。17、用同样的方法制作一个“落花2”图形元件，只是将花朵稍微缩小一点，并绘制不同的路径，如下图所示。18、单击舞台上方的【场景1】按钮，切换到场景中。在打开的元件库中将“落花1”和“落花2”拖动到舞台中的不同位置。单击第40帧，按【F5】键插入一帧，执行【控制】【测试影片】命令，可以观看花朵落地的效果。19、达到满意的效果后，执行【文件】【保存】命令将其保存为“落花”。5.5影片剪辑元件5.5.1创建影片剪辑元件下面介绍创建影片剪辑元件的一般方法。为了方便，接着上一节图形元件的实例继续操作。具体步骤如下：1、新建一个文件，然后执行【文件】【作为库打开（OpenAsLibrary）】命令，将上面制作的“落花”动画在元件库中打开，如图所示。2、执行【插入】【新建元件】命令，在打开的对话框中选择【影片剪辑】单选项，并将元件命名为“逝去”，如图所示。3、单击【确定】按钮进入该影片剪辑元件的编辑界面。4、将元件库中的“花”图形元件拖动到舞台中，并且放置到合适位置，然后适当调整它的大小。5、单击第30帧，按【F6】键插入一个关键帧，使用【任意变形工具】将其缩小，如图所示。6、单击第1帧，打开【属性】面板，在【补间】下拉列表中选择【动作】，然后在下面的【旋转】列表中选择【顺时针旋转】，并在右侧的数值框中输入1（表示旋转一圈），如图所示。7、单击时间轴面板中的【插入图层】按钮，再插入一个图层2。单击第一帧，再从元件库中拖出一个“花”图形元件到舞台中，放置到合适位置并调整它的大小。8、在第30帧处插入一个关键帧，用同样的方法设置图层2第1帧的属性，如图所示，此元件逆时针旋转2圈。9、再新建一个图层，将“落花”动画元件库中的“落花1”图形元件拖动到舞台中，并放置到舞台的左侧。这时的舞台效果和时间轴如下图所示。10、单击【场景1】按钮进入主场景1，单击图层1的第1帧，导入一幅图像，如图所示。11、新建一个图层，单击其中的第1帧，打开元件库，从中拖动“逝去”影片剪辑元件到舞台中，如图所示。12、再在舞台右下角放置该影片剪辑元件，并使用【任意变形工具】将其适当缩小。13、执行【文件】【保存】命令，将该动画保存为“冬日飘花”。张瑞杰老师完整Flash视频课程学习地址：（网站制作模块），一个月轻松成为Flash动画制作高手！全网最优秀的平面设计美女专家讲师刘丽娜老师九张DVD原创视频课程，让您两个月内轻松成为平面设计高手！学习地址：将舞台中的对象转换为影片剪辑元件将舞台中的对象转换为影片剪辑元件方法：1、新建一个文件，在舞台中使用【椭圆工具】绘制一个圆形。2、执行【窗口】【混色器】命令，打开【混色器】面板，设置成如图所示的效果。3、从工具箱中选择【颜料桶工具】，在圆形填充区域单击使其变成一个圆球体，如图所示。4、单击第10帧，插入一个关键帧，使用【任意变形工具】将其缩小，拖动过程中按【Shift+Alt】组合键使其以当前球体为同心圆缩小。5、在第20帧插入一个关键帧，将球体重新放大。分别设置第1帧和第10帧的属性，如图所示。6、在时间轴面板中单击第1帧，按住【Shift】键，再单击第20帧，将这些帧选中，然后单击鼠标右键，从弹出的快捷菜单中选择【拷贝帧】命令，如图所示。7、按【Ctrl+F8】组合键新建一个影片剪辑元件，单击该元件编辑界面的