FLASHCS4ppt课件L5元件库和实例

FLASHCS4课件课件L5元件元件库和实例库和实例FLASHCS4课件课件L5元件库和实例元件库和实例内容概要内容概要l元件元件l元件和元件和实例的概述、元件的例的概述、元件的类型、使用元件的型、使用元件的优点点l创建元件、建元件、编辑元件、元件、l复制元件、复制元件、删除元件、更改元件除元件、更改元件类型型l库l库面板的使用面板的使用l专用用库与公用与公用库l实例例l创建建实例、例、实例的属性、分离例的属性、分离实体体l课堂堂练习创建按建按钮、添加花、添加花朵背景背景内容概要元件内容概要元件元件和元件和实例概述例概述l元件是元件是Flash中一个比中一个比较重要且使用非常重要且使用非常频繁的概念。繁的概念。l l元件元件元件元件是指在是指在 Flash 创作作环境中境中（或使用（或使用 Button(AS 2.0)、SimpleButton(AS 3.0)和和 MovieClip 类）创建建过一次一次的的图形、按形、按钮或影片剪或影片剪辑，可以，可以拥有有 Flash 能能够创建的建的所有功能，包括所有功能，包括动画。画。l还可以包含从其它可以包含从其它应用程序中用程序中导入的插入的插图；l元件一旦被元件一旦被创建（建（只需只需创建一次建一次），就会），就会被自被自动添加到当前文档添加到当前文档的的库库中，中，然后可以在当前文档或其它文档中然后可以在当前文档或其它文档中重复使用而不会重复使用而不会显著著增加文件的大小增加文件的大小。l l实实例例例例是指位于舞台上或嵌套在另一个元件内的是指位于舞台上或嵌套在另一个元件内的元件副本元件副本。l实例可以与它的元件在例可以与它的元件在颜色、大小和功能上有差色、大小和功能上有差别。l编辑元件会更新它的所有元件会更新它的所有实例，但例，但对元件的一个元件的一个实例例应用效果用效果则只更新只更新该实例。例。元件和实例概述元件是元件和实例概述元件是Flash中一个比较重要且使用非常频繁的中一个比较重要且使用非常频繁的元件的元件的类型型l l图图形元件形元件形元件形元件：用来重复使用的静：用来重复使用的静态图像像l可可应用到其它用到其它类型的元件当中，是型的元件当中，是3种元件种元件类型中最基本的型中最基本的类型。型。l l按按按按钮钮元件元件元件元件：用来响：用来响应鼠鼠标单击、滑、滑过或其它鼠或其它鼠标动作的作的交互式按交互式按钮。l可以定可以定义与各种按与各种按钮状状态关关联的的图形，可根据形，可根据对不同按不同按钮状状态的的设置来触置来触发不同的特殊效果。不同的特殊效果。l l影片剪影片剪影片剪影片剪辑辑：可重用的：可重用的动画片段。画片段。lFlash中最就有交互性、用途最多及功能最中最就有交互性、用途最多及功能最强的部分。的部分。l影片剪影片剪辑拥有各自独立于主有各自独立于主时间轴的多的多帧时间轴（可（可设想想为主主电影中嵌套的小影中嵌套的小电影）；基本上就是一个小的独立影片，可包影）；基本上就是一个小的独立影片，可包含交互式控件、声音甚至其它影片剪含交互式控件、声音甚至其它影片剪辑实例；也可以将影片剪例；也可以将影片剪辑实例放在按例放在按钮元件的元件的时间轴内，以内，以创建建动画按画按钮。l使用使用ActionScript可以在剪可以在剪辑之之间发送消息以便相互控制。送消息以便相互控制。元件的类型图形元件：用来重复使用的静态图像元件的类型图形元件：用来重复使用的静态图像使用元件的使用元件的优点点1.1.可加快影片的播放速度可加快影片的播放速度：一个元件在：一个元件在浏览中只中只需下需下载一次；一次；2.2.可可简化影片的化影片的编辑操作操作：若修改元件，同一元：若修改元件，同一元件生成的所有件生成的所有实例都会随之更新，可大大例都会随之更新，可大大节省省创作作时间，提供工作效率；，提供工作效率；3.3.可最大程度地减小文件大小可最大程度地减小文件大小：同一元件的多个：同一元件的多个实例在影片中只保存元件一次，而每个例在影片中只保存元件一次，而每个实例只例只保存附加信息（位置及其它属性）；保存附加信息（位置及其它属性）；4.制作制作动作作类的的过滤动画效果画效果时，必，必须将将图形形转换成元件，否成元件，否则将失去透明度等属性，而且不将失去透明度等属性，而且不能制作能制作补间动画。画。使用元件的优点可加快影片的播放速度：一个元件在浏览中只需下载使用元件的优点可加快影片的播放速度：一个元件在浏览中只需下载使用flash制作影片的一般工作流程1.影片影片总体体设计计划划2.制作所需的各种元件制作所需的各种元件3.在在场景中添加元件的景中添加元件的实例，并例，并对实例例进行适行适当的当的组织和和编排排4.测试并并发布影片布影片l使用元件和使用元件和库可以提高影片的制作效率可以提高影片的制作效率使用使用flash制作影片的一般工作流程影片总体设计计划制作影片的一般工作流程影片总体设计计划创建元件建元件l新建元件新建元件l打开打开“创建新元件建新元件”对话框框的方法有：的方法有：1.菜菜单项“插入插入|新建元件新建元件”2.“库”面板左下角的面板左下角的“新建元件新建元件”按按钮 3.“库”面板右上角的面板右上角的“库面板面板”菜菜单中的中的“新建元件新建元件”4.快捷按快捷按钮Ctrl+F8 l名称、名称、类型、文件型、文件夹l“确定确定”后，将后，将该元件元件添加到添加到库中，并切中，并切换到到元件元件编辑模式模式创建元件新建元件创建元件新建元件创建元件（建元件（2）l将将选定定对象象转换为元件元件l在舞台上在舞台上选择一个或多个一个或多个对象，象，执行下列操作之一行下列操作之一打开打开“转换为元件元件”对话框框：l菜菜单项“修改修改|转换为元件元件”l右右键快捷菜快捷菜单中的中的“转换为元件元件”l将将选中中对象拖到象拖到“库”面板上面板上l快捷快捷键F8l注册：注册：ActionScript控制控制元件元件时的中心参照点的中心参照点l“确定确定”后，将后，将该元件添加元件添加到到库中，舞台上中，舞台上选定的定的对象将自象将自动变成成该元件的一个元件的一个实例例。创建元件（创建元件（2）将选定对象转换为元件）将选定对象转换为元件编辑元件元件l编辑元件元件时，可以使用任意，可以使用任意绘画工具、画工具、导入媒体或其它元件入媒体或其它元件的的实例；例；该文档中文档中该元件的所有元件的所有实例将随之一起改例将随之一起改变。l正在正在编辑的元件的名称会的元件的名称会显示在舞台示在舞台顶部的部的编辑栏内内l三种三种编辑方式：方式：l编辑：切：切换到只到只显示示该元件元件的的单独独视图 l在当前位置在当前位置编辑：在原：在原场景景中，其它中，其它对象以灰象以灰显方式出方式出现 l在新窗口中在新窗口中编辑”：在：在单独的独的窗口窗口单独独编辑，可与原，可与原场景来景来回切回切换编辑元件编辑元件时，可以使用任意绘画工具、导入媒体或其它元件编辑元件编辑元件时，可以使用任意绘画工具、导入媒体或其它元件编辑元件（元件（2）l进入元件入元件编辑模式模式l“编辑”菜菜单中中l右右键快捷菜快捷菜单中中l“库”面板菜面板菜单中的中的“编辑”l双双击“库”面板中的面板中的元件元件图标编辑l在舞台上双在舞台上双击该元元件的一个件的一个实例例在在当前位置当前位置编辑编辑元件（编辑元件（2）进入元件编辑模式）进入元件编辑模式编辑元件（元件（3）l退出元件退出元件编辑模式模式l“返回返回”按按钮l单击编辑栏中的中的场景名称景名称l双双击元件的外部（元件的外部（“在当前位置在当前位置编辑”时）l“关关闭”按按钮（“在新窗口在新窗口编辑”时）l菜菜单项“编辑|编辑文档文档”。编辑元件（编辑元件（3）退出元件编辑模式）退出元件编辑模式创建按建按钮l按按钮实际上是四上是四帧的交互影片剪的交互影片剪辑，其，其时间轴上包含四上包含四帧：l弹起起帧：代表指：代表指针没有没有经过按按钮时该按按钮的状的状态。l指指针经过帧：代表指：代表指针滑滑过按按钮时该按按钮的外的外观。l按下按下帧：代表：代表单击按按钮时该按按钮的外的外观。l点点击帧：设定了响定了响应鼠鼠标单击的区域的区域l 此区域在此区域在 SWF 文件中是不可文件中是不可见的。的。l时间轴实际上并不播放，它只是上并不播放，它只是对指指针运运动和和动作作做出反做出反应，跳，跳转到相到相应的的帧。创建按钮按钮实际上是四帧的交互影片剪辑，其时间轴上包含四帧：创建按钮按钮实际上是四帧的交互影片剪辑，其时间轴上包含四帧：复制元件复制元件l打开打开“直接复制元直接复制元件件”对话框框l“库”面板中的面板中的“直接复制直接复制”l右右键快捷菜快捷菜单中中l面板菜面板菜单中中l菜菜单项“修改修改|元件元件|直接复制元件直接复制元件”复制元件打开复制元件打开“直接复制元直接复制元件件”对话框对话框删除元件除元件l要从文档中要从文档中彻底底删除除一个元件，只能在一个元件，只能在“库”面板中面板中进行行删除除l在舞台上在舞台上进行的行的删除，除，只是只是删除了元件的一除了元件的一个个实例例l“库”面板中的面板中的“删除除”l右右键快捷菜快捷菜单中中l面板菜面板菜单中中l“删除除”按按钮删除元件要从文档中彻底删除删除元件要从文档中彻底删除一个元件，只能在一个元件，只能在“库库”面板中进面板中进更改元件更改元件类型型1.打开打开“元件属性元件属性”对话框框l“库”面板中的面板中的“属性属性”l右右键快捷菜快捷菜单中中l面板菜面板菜单中中l“属性属性”按按钮2.更改更改“类型型”后，后，确定确定更改元件类型打开更改元件类型打开“元件属性元件属性”对话框对话框内容概要内容概要l元件元件l元件和元件和实例的概述、元件的例的概述、元件的类型、使用元件的型、使用元件的优点点l创建元件、建元件、编辑元件、元件、l复制元件、复制元件、删除元件、更改元件除元件、更改元件类型型l库l库面板的使用面板的使用l专用用库与公用与公用库l实例例l创建建实例、例、实例的属性、分离例的属性、分离实体体l课堂堂练习创建按建按钮、添加花、添加花朵背景背景内容概要元件内容概要元件库面板面板l l库库是存是存储和和组织管理管理flash中中创建的各种元件的地方建的各种元件的地方l打开打开“库”面板面板l菜菜单项“窗口窗口|库”l快捷快捷键Ctrl+Ll“库”面板的构成面板的构成l面板菜面板菜单l库名、名、“固定当前固定当前库”按按钮、“新建新建库面板面板”按按钮l预览窗口窗口l搜索搜索栏l库元件列表、元件列表、“排序排序”按按钮l按按钮：新建元件、新建：新建元件、新建文件文件文件文件夹夹、属性、属性、删除除库面板库是存储和组织管理库面板库是存储和组织管理flash中中创建的各种元件的地方创建的各种元件的地方专用用库与公用与公用库l l专专用用用用库库：存放各自：存放各自Flash文档中文档中创建建的元件。的元件。l l公用公用公用公用库库：Flash 附附带的范例公用的范例公用库，或者自定或者自定义创建的公用建的公用库。l声音声音l按按钮l类专用库与公用库专用库：存放各自专用库与公用库专用库：存放各自Flash文档中创建的元件。文档中创建的元件。内容概要内容概要l元件元件l元件和元件和实例的概述、元件的例的概述、元件的类型、使用元件的型、使用元件的优点点l创建元件、建元件、编辑元件、元件、l复制元件、复制元件、删除元件、更改元件除元件、更改元件类型型l库l库面板的使用面板的使用l专用用库与公用与公用库l实例例l创建建实例、例、实例的属性、分离例的属性、分离实体体l课堂堂练习创建按建按钮、添加花、添加花朵背景背景内容概要元件内容概要元件实例及其例及其创建建l l实例例是指位于舞台上或嵌套在另一个元件内的是指位于舞台上或嵌套在另一个元件内的元件副本元件副本。l实例可以与它的元件在例可以与它的元件在颜色、大小和功能上有差色、大小和功能上有差别。l编辑元件会更新它的所有元件会更新它的所有实例，但例，但对元件的一个元件的一个实例例应用效果用效果则只更新只更新该实例。例。l创建建实例例l选择时间轴上的某上的某帧的某个的某个图层，将，将库中已有的元中已有的元件拖拽到舞台上件拖拽到舞台上实例及其创建实例是指位于舞台上或嵌套在另一个元件内的元件副本实例及其创建实例是指位于舞台上或嵌套在另一个元件内的元件副本实例的属性例的属性l“属性属性”面板面板l实例名称例名称l实例例类型型l位置和大小位置和大小实例的属性实例的属性“属性属性”面板面板实例的属性（例的属性（2）l色彩效果色彩效果l样式：式：l l无无无无：不：不设置置颜色效果色效果l l亮度亮度亮度亮度：用来：用来调整整实例的相例的相对亮度和安度。亮度和安度。-100%100%，-100%为白色，白色，100%为黑色黑色l l色色色色调调：用来增加某种色：用来增加某种色调，可用，可用颜色拾取器，也可直接色拾取器，也可直接输入入0%100%，0%不受影响，不受影响，100%完全取代原有完全取代原有颜色色l l高高高高级级：用于：用于调整整实例的例的红、绿、蓝和透明度。和透明度。l lAlphaAlpha（不透明度）（不透明度）（不透明度）（不透明度）0%100%，0%完全不可完全不可见，100%完全可完全可见实例的属性（实例的属性（2）色彩效果）色彩效果实例的属性（例的属性（3）l循循环（仅图形元件）形元件）l循循环：按照当前：按照当前实例占用的例占用的帧数来循数来循环包含在包含在该实例内的所有例内的所有动画序列。画序列。l播放一次：从指定播放一次：从指定帧开始播放开始播放动画序列直到画序列直到动画画结束，然后停止。束，然后停止。l单帧：显示示动画序列的一画序列的一帧；指定要指定要显示的示的帧。l例如：例如：“rs_l5/改改变实例例类型型.fla”实例的属性（实例的属性（3）循环（仅图形元件）循环（仅图形元件）实例的属性（例的属性（4）l交交换：替：替换当前指定当前指定给所所选实例的元件例的元件l打开打开“交交交交换换元件元件元件元件”对话对话框框框框l l“属性属性属性属性”面板中的面板中的面板中的面板中的“交交交交换换”按按按按钮钮l“直接复制元件直接复制元件”按按钮实例的属性（实例的属性（4）交换：替换当前指定给）交换：替换当前指定给所选实例的元件所选实例的元件分离分离实例、例、调用其它文档中的元件用其它文档中的元件l l分离分离实例例：断开：断开实例与元件之例与元件之间的的链接，可接，可修改修改实例且不影响元件本身和例且不影响元件本身和该元件的其它元件的其它实例。例。l l选选中中中中实实例，然后例，然后例，然后例，然后“修改修改修改修改|分离分离分离分离”或快捷或快捷或快捷或快捷键键Ctrl+BCtrl+Bl l调用其它文档中的元件用其它文档中的元件l l“文件文件文件文件|导导入入入入|打开外部打开外部打开外部打开外部库库”选择选择要打开的文档后，要打开的文档后，要打开的文档后，要打开的文档后，单击单击“打开打开打开打开”，打开，打开，打开，打开该该文档的文档的文档的文档的“库库”面板即可使面板即可使面板即可使面板即可使用用用用分离实例、调用其它文档中的元件分离实例：断开实例与元件之间的分离实例、调用其它文档中的元件分离实例：断开实例与元件之间的内容概要内容概要l元件元件l元件和元件和实例的概述、元件的例的概述、元件的类型、使用元件的型、使用元件的优点点l创建元件、建元件、编辑元件、元件、l复制元件、复制元件、删除元件、更改元件除元件、更改元件类型型l库l库面板的使用面板的使用l专用用库与公用与公用库l实例例l创建建实例、例、实例的属性、分离例的属性、分离实体体l课堂堂练习创建按建按钮、添加花、添加花朵背景背景内容概要元件内容概要元件课堂堂练习1创建按建按钮l步步骤1：新建元件：新建元件l打开打开“创建新元件建新元件”对话框，框，类型型为按按钮l步步骤2：制作：制作弹起起帧l将将“按按钮素材素材.psd”导入到入到库l选择“弹起起”下的下的关关键帧，将，将“库”面板中面板中“按按钮素材素材.psd资源源”下的下的“图层1”拖拽到按拖拽到按钮元件的元件的场景中景中课堂练习课堂练习1创建按钮步骤创建按钮步骤1：新建元件：新建元件课堂堂练习1创建按建按钮（2）l步步骤3：制作指：制作指针经过帧l选择“指指针经过”下的下的帧，“插入关插入关键帧”l选中舞台中的中舞台中的实例，打开例，打开“变形形”面板，面板，将将实例放大例放大110%l在在“属性属性”面板中面板中设置置“色彩效果色彩效果|样式式|色色调”：色：色调59%，红255，绿0，蓝206l步步骤4：制作按下：制作按下帧l选择“指指针经过”下的下的帧，“插入关插入关键帧”l选中舞台中的中舞台中的实例，打开例，打开“变形形”面板，面板，将将实例放大例放大90%l在在“属性属性”面板中面板中设置置“色彩效果色彩效果|样式式|色色调”：色：色调61%，红255，绿255，蓝0课堂练习课堂练习1创建按钮（创建按钮（2）步骤）步骤3：制作指针经过帧：制作指针经过帧课堂堂练习1创建按建按钮（3）l步步骤5：为指指针经过帧添加文字添加文字l选择“指指针经过”帧，选中中“文本工具文本工具”，在空白，在空白处键入入“flash”l选择文本，在文本，在“属性属性”面板中修改：系面板中修改：系列列Arial Black，大小，大小50点点l将文本分离将文本分离为图形：分离形：分离2次次l选择“颜料桶工具料桶工具”，设置填充置填充颜色色为渐变，对文本文本图形形进行填充行填充l选择“墨水瓶工具墨水瓶工具”，设置笔触置笔触颜色色为黑色，黑色，对文本文本图形形进行描行描边l选择文本文本图形和描形和描边，组合；移合；移动到按到按钮的上方的上方课堂练习课堂练习1创建按钮（创建按钮（3）步骤）步骤5：为指针经过帧添加文字：为指针经过帧添加文字课堂堂练习1创建按建按钮（4）l步步骤6：在舞台上添加：在舞台上添加实例例l步步骤7：测试影片影片lCtrl+Enterl注意按注意按钮的响的响应范范围l步步骤8：修改按：修改按钮的响的响应范范围l选择“指指针经过”下的下的帧，“插入关插入关键帧”l选中舞台中的中舞台中的实例，打开例，打开“变形形”面板，面板，将将实例放大例放大130%（或者（或者50%）l重新重新测试影片影片课堂练习课堂练习1创建按钮（创建按钮（4）步骤）步骤6：在舞台上添加实例：在舞台上添加实例