Flash慕课讲稿-05.pptx

《Flash慕课讲稿-05.pptx》由会员分享，可在线阅读，更多相关《Flash慕课讲稿-05.pptx（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、人民邮电出版社第五章 导入资源和元件应用主讲人：马主讲人：马 震震【教学目标】掌握元件、实例的特点和制作方法掌握滤镜与混合的应用技巧元件是一种可重复使用的对象，重复使用它不会增加文件的大小。当编辑元件时，该元件的所有实例都会相应地更新以反映编辑效果。库也就是库面板，它是Flash 软件中用于存放各种动画元素的场所，所存放的元素可以是由外部导入的图像、声音、视频元素，也可以是使用Flash 软件根据动画需要创建出的不同类型的元件。5.1.1 元件与实例 元件是构成Flash 动画的基础，用户可以根据动画的具体应用直接创建元件的不同类型。在Flash 软件中，元件分为图形、按钮和影片剪辑3 种。元

2、件的类型元件的类型影片剪辑元件在库面板元件名称前显示出 图标，如图所示。使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有自己独立于主时间轴的多帧时间轴，可以将影片剪辑看做是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其他影片剪辑实例，也可以将影片剪辑元件放在按钮元件的时间轴内，以创建动画按钮。1.影片剪辑影片剪辑元件在库中所显示的图标 图形元件在库面板元件名称前显示出 图标，图形元件可用于创建静态图像，并可用于创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。2.图形 按钮元件在库面板元件名称前显示出 图标，用于创

3、建交互式按钮。按钮有不同的状态，每种状态都可以通过图形、元件和声音来定义。3.按钮可以通过工作区中选定的对象来创建元件；也可以创建一个空元件，然后在元件编辑模式下制作或导入相应的内容；还可以在 Flash 中创建字体元件。元件可以拥有在 Flash 中创建的所有功能，包括动画。通过使用包含动画的元件，用户可以在很小的文件中创建包含大量动作的 Flash 应用程序。如果有重复或循环的动作，例如，像鸟的翅膀上下翻飞这种动作，应该考虑在元件中创建动画。创建元件 将选定元素转换为元件的方法如下：1）在工作区中选择一个或多个元素，然后执行菜单中的【修改】【转换为元件】（快捷键F8）命令；或者右键单击选中

4、的元件，从弹出的快捷菜单中选择“转换为元件”命令。2）在【转换为元件】对话框中键入元件名称，并选择“图形”、“按钮”或“影片剪辑”，如图所示。1.将选定元素转换为元件“转换为元件”对话框 3）单击“确定”按钮。提示：此时，工作区中选定的元素将变成一个元件。如果要对其进行再次编辑，可以双击该元件进入编辑状态。1）首先确认未在舞台上选定任何内容，然后执行菜单中的【插入】【新建元件】命令；或者单击库面板左下角的 （新建元件）按钮；或者从库面板右上角的库选项菜单中选择“新建元件”命令。2）在【创建新元件】对话框中键入元件名称，并选择元件类型，然后单击【确定】按钮。2.创建一个新的空元件提示：此时，Fl

5、ash 会将该元件添加到库中，并切换到元件编辑模式。在元件编辑模式下，元件的名称将出现在舞台的左上角，并由一个十字线表明该元件的注册点。按钮实际上是具有四帧的交互影片剪辑。当为元件选择按钮行为时，Flash 会创建一个四帧的时间轴。其中，前三帧显示按钮的三种可能状态，第四帧定义按钮的活动区域。此时的时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。创建按钮元件的方法如下：1）执行菜单中的【插入】【新建元件】（快捷键Ctrl+F8），在弹出的“创建新元件”对话框中输入名称，并选择“按钮”类型，然后单击“确定”按钮，进入按钮元件的编辑模式。2）在按钮元件中有4 个已命名的帧：弹起

6、、指针.、按下和点击。分别代表了鼠标的4 种不同状态，如图所示。3.创建【按钮】元件创建按钮元件 编辑元件时，Flash 会更新文档中该元件的所有实例。Flash 提供了3 种方式来编辑元件。第1 种：右键单击要编辑的对象，从弹出的快捷菜单中选择“在当前位置编辑”命令，即可在该元件和其他对象在一起的工作区中进行编辑。此时，其他对象以灰显方式出现，从而与正在编辑的元件区别开来。正在编辑的元件的名称显示在工作区上方的编辑栏内，且位于当前场景名称的右侧。第2 种：右键单击要编辑的对象，从弹出的快捷菜单中选择“在新窗口中编辑”命令，即可在一个单独的窗口中编辑元件。此时，在单独的窗口中编辑元件可以同时看

7、到该元件和主时间轴。正在编辑的元件的名称会显示在工作区上方的编辑栏内。第3 种：双击工作区中的元件，进入它的元件编辑模式，此时，正在编辑的元件的名称会显示在工作区上方的编辑栏内，且位于当前场景名称的右侧。编辑元件每个元件实例都有独立于该元件的属性。用户可以更改元件的色调、透明度和亮度；可以重新定义元件的行为（例如，把图形更改为影片剪辑）；可以设置动画在图形实例内的播放形式；还可以倾斜、旋转或缩放元件。此外，可以给影片剪辑或按钮实例命名，这样就可以使用动作脚本更改它的属性了。如果编辑元件或将某个元件重新链接到其他元件，则任何已经改变的元件属性仍然适用于该元件。元件属性 每个元件实例都可以有自己的

8、色彩效果。用户可以使用“属性”面板来设置元件的颜色和透明度选项。更改元件的颜色和透明度1）在工作区中选择该元件，然后执行菜单中的“窗口属性”命令。2）在“属性”面板的“色彩效果”下的“样式”中选择以下选项之一。亮度 色调 Alpha 高级调节“亮度”调节“色调”调节“Alpha”值调节“高级”用户可以给实例指定不同的元件，从而在工作区中显示不同的实例，并 保留所有的原始元件属性（如色彩效果或按钮动作）。将一个元件与另一个元件交换1）在工作区中选择该元件，然后单击右键，从弹出的快捷菜单中选择“交换元件”命令。2）在弹出的“交换元件”对话框中选择一个元件，然后单击“交换”按钮，该元件即可替换当前元

9、件。如果要复制选定的元件，可单击对话框底部的 （直接复制元件）按钮，如图所示。单击“直接复制元件”按钮提示：在制作具有细微差别的元件时，通过复制可以在库中现有元件的基础上建立新元件，并将创建工作减到最少。用户可以改变元件的类型来重新定义元件在 Flash 应用程序中的行为。例如，如果一个图形元件包含想要独立于主时间轴播放的动画，可以将该图形元件重新定义为影片剪辑元件。更改元件类型的方法如下。1）在工作区中选择该元件，然后执行菜单中的【窗口】【属性】命令，调出“属性”面板。2）从“属性”面板左上角的弹出菜单中选择相应的元件类型，如图 所示。更改元件的类型选择相应的元件类型 执行菜单中的“窗口|库

10、”（快捷键Ctrl+L）命令，调出“库”面板，如图所示。库“库”面板打开的文档预设窗口新建元件新建文件夹右键菜单新建库面板固定当前库搜索删除属性 右键菜单：单击该处，可以弹出一个用于各项操作的右键菜单。打开的文档：单击该处，可以显示当前打开的所有文档，通过选择可以快速查看选择文档的库面板，从而通过一个库面板查看多个库的项目。固定当前库：单击该按钮后，原来的 图标显示为 图标，从而固定当前库面板。这样，在文件切换时都会显示固定的库内容，而不会更新切换文件的库面板内容。新建库面板：单击该按钮，可以创建一个与当前文档相同的库面板。预览窗口：用于预览显示当前在库面板中所选的元素，当为影片剪辑元件或声音

11、时，在右上角处会出现 按钮，通过它可以在该窗口中控制影片剪辑元件或声音的播放或停止。搜索：通过在此处输入要搜索的关键字可进行元件名称的搜索，从而快速查找元件。新建元件：单击该按钮，会弹出如图所示的“创建新元件”对话框，通过它可以新建元件。“创建新元件”对话框“元件属性”对话框5.1.2 滤镜及应用用滤镜可以为文本、按钮和影片剪辑增添丰富的视觉效果，投影、模糊、发光和斜角都是常用的滤镜效果。Flash CS6还可以使用补间动画让应用的滤镜活动起来。应用滤镜后，可以随时改变其选项，或者重新调整滤镜顺序以试验组合效果。在【属性】面板中，可以启用、禁用或者删除滤镜。删除滤镜时，对象恢复原来外观。5.1

12、.2 滤镜及应用投影滤镜可以模拟对象向一个表面投影的效果，或者在背景中剪出一个形似对象的洞，来模拟对象的外观。投影滤镜【剪贴板】用于复制和粘贴滤镜效果【预设】用于保存、管理和应用调整好的滤镜效果【添加滤镜】包含添加、启用、禁用滤镜的功能【显示或禁用滤镜】用于设置滤镜的可见状态【重置滤镜】用于恢复滤镜的默认设置状态【删除滤镜】用于删除不需要的滤镜【模糊】：可以指定投影的模糊程度，可分别对X轴和Y轴两个方向设定。取值范围为“0100”。如果单击X和Y后的锁定按钮，可以解除X、Y方向的比例锁定。【强度】：设定投影的强烈程度。取值范围为“0%1000%”，数值越大，投影的显示效果就越清晰强烈。【品质】

13、：设定投影的品质。可以选择【高】、【中】、【低】项参数，品质越高，投影越清晰。【颜色】：设定投影的颜色。单击【颜色】按钮，可以打开调色板选择颜色。【角度】：设定投影的角度，取值范围为“0360度”。【距离】：设定投影的距离，取值范围为“-3232”。【挖空】：在投影作为背景的基础上挖空对象的显示。【内侧阴影】：设置阴影的生成方向指向对象内侧。【隐藏对象】：只显示投影而不显示原来的对象。5.1.2 滤镜及应用模糊滤镜可以柔化对象的边缘和细节。模糊滤镜的参数比较少，主要包括模糊程度和品质两项参数。模糊滤镜【模糊】：可以指定投影的模糊程度，设置方法同上。【品质】：设定投影的品质高低。5.1.2滤镜及

14、应用【发光】滤镜参数设置面板和【模糊】滤镜参数设置面板中的各选项基本一致。【发光】滤镜5.1.2 滤镜及应用应用斜角滤镜就是为对象应用加亮效果，使其看起来凸出于背景表面。可以创建内斜角、外斜角或者完全斜角。斜角滤镜 5.1.3 混合方式一直以来，Flash对图像处理功能不强，一般需要利用第三方软件处理后才能导入到软件中，现在，Flash引入了Photoshop的混合模式功能。混合模式是利用数学算法通过一定运算来混合叠加在一起的两层图像。利用混合模式，可以改变两个或两个以上重叠对象的透明度或者颜色间的相互关系，创建复合的图像，从而创造独特的效果。5.1.3 混合方式Flash CS6 提供了以下

15、14种混合模式：【一般】：正常应用颜色，不与基准颜色有相互关系。【图层】：可以层叠各个影片剪辑，而不影响其颜色。【变暗】：只替换比混合颜色亮的区域，比混合颜色暗的区域不变。【正片叠底】：将基准颜色复合以混合颜色，从而产生较暗的颜色。【变亮】：只替换比混合颜色暗的区域，比混合颜色亮的区域不变。【滤色】：应用此模式，用背景颜色乘以前景颜色的反色，产生高亮度的画面效果。【叠加】：进行色彩增值或滤色，具体情况取决于基准颜色。5.1.3 混合方式Flash CS6 提供了以下14种混合模式：【强光】：进行色彩增值或滤色，具体情况取决于混合模式颜色。该效果类似于用点光源照射对象的效果。【增加】：在基准颜色的基础上增加混合颜色。【减去】：从背景颜色中去除前景颜色。【差值】：从基准颜色中减去混合颜色，或者从混合颜色中减去基准颜色，具体情况取决于哪个的亮度值较大。【反相】：取基准颜色的反色。【Alpha】：应用此模式，可以完全透明显示背景图像或图形。【擦除】：擦除前景颜色，显示背景颜色，效果和【Alpha】选项相似。第1讲结束谢谢!第5章 导入资源和元件应用第1讲 导入资源和元件应用爱牙日广告减小位图输出容量牧羊犬八连环媒体按钮第2讲结束谢谢!第5章 导入资源和元件应用第2讲 范例解析5.3 综合案例白云遮月第3讲结束谢谢!第5章 导入资源和元件应用第3讲 综合案例