第六章元件与实例精选文档.ppt
《第六章元件与实例精选文档.ppt》由会员分享,可在线阅读,更多相关《第六章元件与实例精选文档.ppt(65页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第六章元件与实例本讲稿第一页,共六十五页学习要点学习要点 元件与实例的基本概念 创建和编辑元件 实例的操作 素材的使用本讲稿第二页,共六十五页6.1.16.1.1知识讲解知识讲解元件和实例是Flash中最基本的概念。元件可以使编辑影片变得简单,如果想更改影片中的重复元素,只需对元件进行更改,Flash就会自动更新所有使用该元件的实例。实例是元件在舞台上的一次使用,重复使用实例不会增加动画文件的大小,这是使动画文件保持较小体积的一个很好的方法。每一个实例都有区别于其他实例的属性,这可以通过修改该实例属性面板的相关属性来实现。6.1 6.1 元件与实例元件与实例本讲稿第三页,共六十五页1.1.元件
2、的类型元件的类型(1)图形元件 图形元件 一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画,它有自己的编辑区和时间轴。如果在场景中创建元件的实例,那么实例将受到主场景中时间轴的约束。换句话说,图形元件中的时间轴与其实例在主场景的时间轴同步。另外,在图形元件中可以使用矢量图、图像、声音和动画的元素,但不能为图形元件提供实例名称,也不能在动作脚本中引用图形元件,并且声音在图形元件中失效。本讲稿第四页,共六十五页(2)按钮元件按钮元件 可以创建用于响应鼠标单击、滑过或其它动作的交互式按钮。可以定义与各种按钮状态关联的图形,然后将动作指定给按钮实例。创建按钮元件的关键是设置4种不同状态的帧
3、,即“弹起”、“指针经过”、“按下”和“点击”。第一帧是弹起状态,代表指针没有经过按钮时该按钮的状态。第二帧是指针经过状态,代表指针滑过按钮时该按钮的外观。第三帧是按下状态,代表单击按钮时该按钮的外观。第四帧是点击状态,定义响应鼠标单击的区域。此区域在 SWF 文件中是不可见的。本讲稿第五页,共六十五页(3)影片剪辑元件影片剪辑 元件除了可以包含静态图像外,还可以包含一些更高级的动画,它与图形元件的主要区别在于它支持ActionScript和声音。使用影片剪辑元件可用于创建独立于影片中主时间轴播放的可重复使用的动画部分。影片剪辑很像在影片中的小影片,它可以包含交互控制、声音甚至其他的影片剪辑实
4、例,也可以在按钮元件的时间轴内放置影片剪辑实例来创建动画按钮。本讲稿第六页,共六十五页2 2创建图形元件创建图形元件执行【插入】|【新建元件】(按【Ctrl+F8】快捷键),弹出“创建新元件”对话框,如图6-1所示,在“名称”选项的文本框中输入元件的名称,选中“图形”选项。图6-1创建图形元件对话框本讲稿第七页,共六十五页Flash将此元件自动添加到元件库中并自动切换为元件编辑模式。该编辑模式的主要特征为场景名称后追加了当前元件的名称,并且在舞台中心出现了一个小十字,它代表元件的中心。如图6-2所示。使用绘图工具绘制图形,也可以导入外部素材到图形元件编辑窗口,编辑完成后,单击“返回”按钮或“场
5、景名称”返回主场景,图形元件创建完毕。本讲稿第八页,共六十五页元件名称返回场景名称中心点库文件6-2图形元件编辑模式本讲稿第九页,共六十五页3.3.创建影片剪辑元件创建影片剪辑元件选择【插入】|【新建元件】(按【Ctrl+F8】快捷键),弹出“创建新元件”对话框,如图6-3所示,在“名称”选项的文本框中输入元件的名称,选中“影片剪辑”选项。图6-3创建影片剪辑元件对话框本讲稿第十页,共六十五页Flash将此元件自动添加到元件库中并自动切换为元件编辑模式。该编辑模式的主要特征为场景名称后追加了当前元件的名称,并且在舞台中心出现了一个小十字,它代表元件的中心。选择椭圆工具,笔触颜色设置为无,填充色
6、设为放射状,选择第1帧,在中心点左侧绘制一个球,如图6-4所示。选中第30帧,插入空白关键帧选择【插入】|【时间轴】|【空白关键帧】(按F7快捷键),在中心点右侧绘制一个球,如图6-5所示。本讲稿第十一页,共六十五页选中第1帧至第29帧的任意一帧,按右键,在弹出菜单中选择“创建补间动画”,这是就完成一个运动球的补间动画,库面板中自动生成“补间1”和“补间2”的两个图形元件。编辑完成后,单击“返回”按钮或“场景名称”返回主场景,影片剪辑元件创建完毕。图6-4创建影片剪辑元件第1帧 图6-5创建影片剪辑元件第30帧本讲稿第十二页,共六十五页4.4.创建按钮元件创建按钮元件选择【插入】|【新建元件】
7、(按Ctrl+F8快捷键),弹出“创建新元件”对话框,如图6-6所示,在“名称”选项的文本框中输入元件的名称,选中“按钮”选项。图6-6创建按钮元件对话框本讲稿第十三页,共六十五页Flash将此元件自动添加到元件库中并自动切换为元件编辑模式,时间轴中将显示按钮的4各连续帧,并且分别标识为“弹起”、“指针经过”、“按下”和“点击”,第1个帧即“弹起”帧是一个空白关键帧。使用绘画工具绘制一个如图6-7所示的信封。把鼠标移动到“指针经过”帧,按F6快捷键复制第1个关键帧,然后修改信封的样式,如图6-8所示。然后依次在“按下”帧和“点击”帧按F6快捷键复制前1帧的状态。图6-7绘制“弹起”帧 图6-8
8、绘制“指针经过”帧本讲稿第十四页,共六十五页编辑完成后,单击“返回”按钮或“场景名称”返回主场景,按钮元件创建完毕。【源文件所在位置】:光盘Chap5效果元件.fla本讲稿第十五页,共六十五页5.5.转换元件转换元件(1)将图形转换为图形元件选择矢量图形,如图6-9所示,选择【修改】|【转化为元件】(按【F8】快捷键),弹出“转化为元件”对话框,在“名称”选项的文本框中输入要转化元件的名称,选中“图形”元件,如图6-10所示,单击“确定”按钮,矢量图形被转换为图形元件,如图6-11所示,库面板显示如图6-12所示。本讲稿第十六页,共六十五页图6-9绘制的图形 图6-10转化为元件对话框 图6-
9、11转化的图形元件显示 图6-12库面板显示本讲稿第十七页,共六十五页设置图形元件的中心点,选择矢量图形后,选择【修改】|【转化为元件】(按【F8】快捷键),弹出“转化为元件”对话框,在对话框的“注册点”位置,可以选择9种不同的位置,图6-13所示列举几种不同注册点位置。中心点在右上角中心点在正中心中心点在右下角图6-13注册点不同位置的显示本讲稿第十八页,共六十五页6.6.实例的相关操作实例的相关操作(1)创建图形元件的实例在时间轴上选择一层。Flash CS3只可以将实例放在关键帧中,并且总在当前图层上。如果没有选择关键帧,Flash 会将实例添加到当前帧左侧的第一个关键帧上。选择【窗口】
10、|【库】(按【Ctrl+L】快捷键),弹出“库”面板,如图6-14所示。选中该元件,拖拽到舞台中央,如图6-15所示。图6-13注册点不同位置的显示本讲稿第十九页,共六十五页图6-14 库面板 图6-15舞台中创建实例本讲稿第二十页,共六十五页选择【窗口】|【属性】|【属性】(按【Ctrl+F3】快捷键),弹出“属性”面板,如图6-16所示。图6-15图形元件实例的属性面板 6-16实例播放控制本讲稿第二十一页,共六十五页每个元件实例都各有独立于该元件的属性。“宽”和“高”选项:用于设置实例的宽度和高度。“X”和“Y”选项:用于设置实例在舞台中位置。“交换”按钮:用于交换元件。图形元件实例的播
11、放控制:如图6-16所示循环:按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。播放一次:从指定帧开始播放动画序列直到动画结束,然后停止。单帧:显示动画序列的一帧。指定要显示的帧。本讲稿第二十二页,共六十五页(2)创建按钮元件的实例选中“库”面板中的按钮元件“button”,将其拖拽到场景中,场景中的图形就是按钮元件“button”实例,如图6-17所示。选中该实例,属性面板如图6-18所示。“实例名称”选项:可以在选项的文本框中为实例设置一个新的名称。在“按钮”选项中:“当作按钮”:选择此选项,在动画运行中,当按钮元件被按下时画面上的其他对象不再响应鼠标操作。“当作菜单项”:选择此选
12、项,在动画运行中,当按钮元件被按下时其他对象还会响应鼠标操作。按钮“属性”面板中的其他选项与图形“属性”面板中的选项作用相同,不再一一讲述。本讲稿第二十三页,共六十五页图6-17创建按钮元件实例图6-18按钮元件实例的属性面板 本讲稿第二十四页,共六十五页(3)创建影片剪辑元件的实例选中“库”面板的影片剪辑元件“运动的球”,将其拖拽到场景中,场景中的运动的球就是影片剪辑元件“运动的球”的实例,如图6-19所示。选中该实例,影片剪辑“属性”面板中的效果如图6-20所示。影片剪辑的“属性”面板,影片剪辑实例不能与图形实例对播放进行控制外,其他功能基本一致。本讲稿第二十五页,共六十五页图6-19 创
13、建影片剪辑元件实例图6-20 影片剪辑元件实例的属性面板本讲稿第二十六页,共六十五页(4)转换实例的类型可以改变一个实例类型来重新定义它在影片中的类型。例如,如果一个图形实例包含动画,而又想使主影片时间轴独立播放,这时可以它这个图形元件作为影片剪辑重新定义。选中图形元件实例,在图6-21所示属性面板中进行修改为“影片剪辑”。图6-21改变实例的类型本讲稿第二十七页,共六十五页(5)交换实例的元件如果需要替换实例所引用的元件,但保留所有的原始实例属性(如色彩效果或按钮动作)。如替换图形元件实例:选中需要替换的实例元件,选择图形“属性”面板中“交换”按钮 ,弹出“交换元件”对话框,在对话框中选中按
14、钮元件“button”,如图6-22所示,单击“确定”按钮,图形元件就变换为按钮元件,但按钮实例的不透明度没有改变。图6-22“交换元件”对话框本讲稿第二十八页,共六十五页(6)改变实例的颜色和透明度每个元件实例都可以有自己的色彩效果。要设置实例的颜色和透明度选项,请使用属性检查器。属性检查器中的设置也会影响放置在元件内的位图。亮度:调节图像的相对亮度或暗度,度量范围是从黑(-100%)到白(100%)。若要调整亮度,请单击此三角形并拖动滑块,或者在框中输入一个值。如图6-23所示为实例亮度效果的比较。图6-23亮度效果的对比80%0%-80%本讲稿第二十九页,共六十五页色调:用相同的色相为实
15、例着色。要设置色调百分比(从透明(0%)到完全饱和(100%)),请使用属性检查器中的色调滑块。若要调整色调,请单击此三角形并拖动滑块,或者在框中输入一个值。若要选择颜色,请在各自的框中输入红、绿和蓝色的值;或者单击颜色控件,然后从“颜色选择器”中选择一种颜色。如图6-24所示在透明度为50%情况下,颜色不同的设置实例色调效果的比较。RGB(0,204,102)RGB(255,255,0)RGB(0,0,153)图6-24 色调效果的对比本讲稿第三十页,共六十五页Alpha:调节实例的透明度,调节范围是从透明(0%)到完全饱和(100%)。若要调整 Alpha 值,请单击此三角形并拖动滑块,或
16、者在框中输入一个值。如图6-25所示为实例透明度效果的比较。100%50%20%图6-25透明度效果的对比本讲稿第三十一页,共六十五页高级:分别调节实例的红色、绿色、蓝色和Alpha的值。对于在位图这样的对象上创建和制作具有微妙色彩效果的动画,此选项非常有用。左侧的控件使您可以按指定的百分比降低颜色或透明度的值,右侧的控件使您可以按常数值降低或增大颜色或透明度的值。本讲稿第三十二页,共六十五页当前的红、绿、蓝和 Alpha 的值都乘以百分比值,然后加上右列中的常数值,产生新的颜色值。例如,如图6-26所示,如果当前的红色值是 100,若将左侧的滑块设置为 50%并将右侧滑块设置为 100%,则
17、会产生一个新的红色值 150(100 x.5+100=150)。【源文件所在位置源文件所在位置】:光:光盘盘Chap5Chap5效果效果改改变实变实例的例的颜颜色和透明度色和透明度.fla.fla图6-26“高级效果”对话框本讲稿第三十三页,共六十五页(7)分离实例要断开一个实例与一个元件之间的链接,并将该实例放入未组合形状和线条的集合中,可以“分离”该实例。此功能对于实质性更改实例而不影响任何其它实例非常有用。如果在分离实例之后修改该源元件,并不会用所作的更改来更新该实例。选中实例,选择【修改】|【分离】(按【Ctrl+B】快捷键)。图6-27分离实例【源文件所在位置】:光盘Chap5效果分
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第六 元件 实例 精选 文档
限制150内