《元件元件是在Flash中创建的图形按钮影片剪辑-PPT课件》由会员分享,可在线阅读,更多相关《元件元件是在Flash中创建的图形按钮影片剪辑-PPT课件(20页珍藏版)》请在金锄头文库上搜索。
1、2024/7/212024/7/211 12 2: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :(一)元件(一)元件 元件是在元件是在FlashFlash中创建的图形、按钮、影片剪辑。元件只中创建的图形、按钮、影片剪辑。元件只需创建一次,就可在整个文档或其他文档中重复使用。需创建一次,就可在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档的库的一部分。创建的任何元件都会自动成为当前文档的库的一部分。 使用元件能减少文件的尺寸,因为不管该元件被重复使使用元件能减少文件的尺寸,因为不管该元件被重复使用多少次,它所占的空间也只有一个元件的大
2、小。即:用多少次,它所占的空间也只有一个元件的大小。即:当用户在浏览带当用户在浏览带FlashFlash影片的页面过程中,一个元件只需影片的页面过程中,一个元件只需被下载一次。被下载一次。 在制作在制作FlashFlash动画时,应尽可能的重复利用各种元件,这动画时,应尽可能的重复利用各种元件,这样不仅可以大大减小文件的尺寸,也为修改与更新带来样不仅可以大大减小文件的尺寸,也为修改与更新带来极大的方便。极大的方便。一、元件、实例和库一、元件、实例和库2024/7/213 3: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :(二)实例(二)实例 当把元件
3、从库中拖动到当前舞台上时,舞台上就当把元件从库中拖动到当前舞台上时,舞台上就增加了一个该元件的实例,即实例是元件的具体增加了一个该元件的实例,即实例是元件的具体应用。应用。 每一个实例都有区别与其他实例的属性,如大小、每一个实例都有区别与其他实例的属性,如大小、颜色、旋转方向等。颜色、旋转方向等。 一个元件在同一个舞台上可以有多个实例。一个元件在同一个舞台上可以有多个实例。一、元件、实例和库一、元件、实例和库2024/7/214 4: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :一、元件、实例和库一、元件、实例和库(三)库(三)库(P P118-12
4、1118-121) 用来存储和管理导入的文件(如视频、声音、位用来存储和管理导入的文件(如视频、声音、位图、矢量图)和用户创建的元件的地方。图、矢量图)和用户创建的元件的地方。 1 1)库中可存放元件、位图、组件、声音、矢量图)库中可存放元件、位图、组件、声音、矢量图等。等。 2 2)从库中删除的物件保存文档后不可恢复;)从库中删除的物件保存文档后不可恢复; 3 3)不同文档之间的库可以相互调用(文件)不同文档之间的库可以相互调用(文件导入导入打开外部库打开外部库) 库是通过库面板进行管理的:库是通过库面板进行管理的: 打开库面板:窗口打开库面板:窗口库(库(Ctrl+LCtrl+L)2024
5、/7/215 5: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :一、元件、实例和库一、元件、实例和库(三)(三)【库库】面板面板库中物件的来源:库中物件的来源:1 1)从外部文件导入)从外部文件导入2 2)从其他)从其他FlashFlash文档的库中复制文档的库中复制3 3)新建元件)新建元件对元件及文件夹的操作:对元件及文件夹的操作:新建、删除、复制、粘贴、编辑等。新建、删除、复制、粘贴、编辑等。2024/7/216 6: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :二、元件类型二、元件类型图形(图形(G
6、raphicGraphic):一般用于创建静态图像或创建可):一般用于创建静态图像或创建可重复使用的、与主时间轴关联的动画,它有自己的重复使用的、与主时间轴关联的动画,它有自己的编辑区和时间轴,但其时间轴与其实例在主场景的编辑区和时间轴,但其时间轴与其实例在主场景的时间轴同步。在该元件中可以包含其他元件和素材时间轴同步。在该元件中可以包含其他元件和素材如图形、图像、声音、动画等。但是,不能为图形如图形、图像、声音、动画等。但是,不能为图形元件提供实例名称、不能在脚本中引用图形元件,元件提供实例名称、不能在脚本中引用图形元件,并且声音在图形元件中失效。并且声音在图形元件中失效。2024/7/21
7、7 7: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :二、元件类型二、元件类型影片剪辑(影片剪辑(MovieClipMovieClip,MCMC): :其时间轴是独立的,不其时间轴是独立的,不受其实例在主场景时间轴的控制。它可以包含一切受其实例在主场景时间轴的控制。它可以包含一切的素材(交互控制按钮、声音、图像和其他影片剪的素材(交互控制按钮、声音、图像和其他影片剪辑、按钮等;可以为它添加滤镜效果。辑、按钮等;可以为它添加滤镜效果。按钮(按钮(ButtonButton):用来创建响应鼠标单击、滑过或其):用来创建响应鼠标单击、滑过或其他动作的交互按钮
8、,来实现人机交互的效果。他动作的交互按钮,来实现人机交互的效果。 按钮元件共有按钮元件共有4 4种状态:种状态:弹起、指针经过、按下和弹起、指针经过、按下和 点击。点击。2024/7/218 8: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :三、创建元件三、创建元件创建元件一般有以下创建元件一般有以下3 3种方法:种方法:将舞台上已存在的对象转化为元件;将舞台上已存在的对象转化为元件;创建新元件:创建一个空元件,然后在元件编辑窗口创建新元件:创建一个空元件,然后在元件编辑窗口中制作或导入内容;中制作或导入内容;将已有的动画转换成元件。将已有的动画转换
9、成元件。2024/7/219 9: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :(一)新建元件(一)新建元件【插入插入】| |【新建元件新建元件】(Ctrl+F8Ctrl+F8组合键),弹出:组合键),弹出:确定后,进入元件编辑模式,绘制图形、导入外部素确定后,进入元件编辑模式,绘制图形、导入外部素材、拖入其他元件等。材、拖入其他元件等。完成元件制作。完成元件制作。例:图形元件例:图形元件例:影片剪辑元件例:影片剪辑元件2024/7/211010: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :(二)转换为元
10、件(二)转换为元件在舞台上选择一个或多个对象;在舞台上选择一个或多个对象;【修改修改】| |【转换为元件转换为元件】(F8F8键),在弹出的转换键),在弹出的转换为元件对话框中输入元件的名称、选择元件的类型,为元件对话框中输入元件的名称、选择元件的类型,按按“确定确定“即可。即可。“+ +”:元件编辑窗口的坐标原点!:元件编辑窗口的坐标原点! 对已创建的元件进行编辑,可在舞台上或库中双对已创建的元件进行编辑,可在舞台上或库中双击该元件,即可进入该元件的编辑界面。击该元件,即可进入该元件的编辑界面。2024/7/211111: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和
11、库元件、实例和库 :(三)将已有的动画转换为元件(三)将已有的动画转换为元件在时间轴的层窗口中,单击要复制的所有层,即选择在时间轴的层窗口中,单击要复制的所有层,即选择了这些层的所有帧,然后右击鼠标,在弹出的快捷了这些层的所有帧,然后右击鼠标,在弹出的快捷菜单中选择菜单中选择“复制帧复制帧”;【插入插入】| |【新建元件新建元件】(Ctrl+F8Ctrl+F8)新建一元件;)新建一元件;在图层在图层1 1上的第上的第1 1帧上单击鼠标右键,在弹出的菜单中帧上单击鼠标右键,在弹出的菜单中选择选择“粘贴帧粘贴帧”,即将所复制的所有帧粘贴到该元,即将所复制的所有帧粘贴到该元件中。件中。例:将变色玫瑰
12、转换为例:将变色玫瑰转换为“图形图形”元件元件2024/7/211212: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :图形元件与影片剪辑元件的区别图形元件与影片剪辑元件的区别例:变色标志例:变色标志2024/7/211313: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :四、实例的创建与应用四、实例的创建与应用P124-131实例实例 当把元件从库中拖动到当前舞台上时,舞台上就当把元件从库中拖动到当前舞台上时,舞台上就增加了一个该元件的实例。增加了一个该元件的实例。 每一个实例都有区别于其他实例的属性,可
13、以通每一个实例都有区别于其他实例的属性,可以通过修改实例属性面板中的相关属性来实现。过修改实例属性面板中的相关属性来实现。 一个元件在同一个舞台上可以有多个实例:修改一个元件在同一个舞台上可以有多个实例:修改一个实例,只会对该实例产生影响;而修改一个一个实例,只会对该实例产生影响;而修改一个元件,舞台上该元件的所有实例将发生相对应的元件,舞台上该元件的所有实例将发生相对应的变化。这样将会大大简化对重复的图像、按钮、变化。这样将会大大简化对重复的图像、按钮、影片剪辑等对象的编辑工作。影片剪辑等对象的编辑工作。2024/7/211414: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元
14、件、实例和库元件、实例和库 :四、实例的创建与应用四、实例的创建与应用P124-131实例的操作实例的操作实例的创建及属性设置实例的创建及属性设置转换实例的类型转换实例的类型替换实例引用的元件替换实例引用的元件改变实例的颜色和透明效果改变实例的颜色和透明效果大小、方向的改变大小、方向的改变分离实例分离实例元件的编辑元件的编辑2024/7/211515: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :五、按钮元件五、按钮元件 作用:为动画提供交互的媒介物,可通过鼠标让作用:为动画提供交互的媒介物,可通过鼠标让用户操作动态变化。用户操作动态变化。按钮的四种
15、状态:按钮的四种状态:弹起:表示鼠标不在按钮上时按钮的样式;弹起:表示鼠标不在按钮上时按钮的样式;指针经过:表示鼠标指针放置在按钮上面时按钮的样式;指针经过:表示鼠标指针放置在按钮上面时按钮的样式;按下:表示鼠标单击按钮时按钮的样式;按下:表示鼠标单击按钮时按钮的样式;点击:设定对鼠标单击挡在时做出反应的感应区域范围。点击:设定对鼠标单击挡在时做出反应的感应区域范围。2024/7/211616: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :五、按钮元件五、按钮元件例例1 1:图形按钮:图形按钮例例2 2:文字按钮:文字按钮例例3 3:图片按钮:图片按
16、钮例例4 4:图形:图形+ +文字按钮文字按钮例例5 5:影片剪辑按钮:影片剪辑按钮例例6 6:声音按钮:声音按钮例例7 7:利用按钮实现简单的控制:利用按钮实现简单的控制2024/7/211717: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :六、隐形按钮元件六、隐形按钮元件 隐形按钮是为了创建具有特殊效果的按钮或动画,配合隐形按钮是为了创建具有特殊效果的按钮或动画,配合“动作动作”命令可以行使命令可以行使“链接链接”或控制功能。或控制功能。 隐形按钮的样式:隐形按钮的样式:1.1.在在“按钮按钮”编辑状态下编辑状态下4 4个帧中设置个帧中设置“弹
17、起弹起”帧不编辑内容,帧不编辑内容,在在“指针经过指针经过”和和“按下按下”两帧分别编辑内容,在两帧分别编辑内容,在“点击点击”帧上制作感应范围图形,可以形成帧上制作感应范围图形,可以形成“看不见、摸得着、看不见、摸得着、感觉得到感觉得到”的的“隐形按钮隐形按钮”。2.2.在在“按钮按钮”编辑状态下编辑状态下4 4个帧中设置个帧中设置“弹起弹起”和和“按下按下”两两帧不编辑内容,在帧不编辑内容,在“指针经过指针经过”帧编辑内容,在帧编辑内容,在“点击点击”帧上制作感应范围图形,形成帧上制作感应范围图形,形成“看得见、摸得着、感觉得看得见、摸得着、感觉得到到”的的“隐形按钮隐形按钮”。2024/
18、7/211818: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :六、隐形按钮元件六、隐形按钮元件隐形按钮的样式:隐形按钮的样式:3.3.在在“按钮按钮”编辑状态下编辑状态下4 4个帧中设置个帧中设置“弹起弹起”和和“指针经过指针经过”两帧不编辑内容,在两帧不编辑内容,在“按下按下”帧编辑帧编辑内容,在内容,在“点击点击”帧上制作感应范围图形,可以帧上制作感应范围图形,可以形成形成“看不见、摸得着、感觉得到看不见、摸得着、感觉得到”的的“隐形按隐形按钮钮”。2.2.在在“按钮按钮”编辑状态下编辑状态下4 4个帧中设置个帧中设置“弹起弹起”、“指针经过指
19、针经过”和和“按下按下”3 3个帧都不编辑内容,在个帧都不编辑内容,在“点击点击”帧上制作感应范围图形,形成帧上制作感应范围图形,形成“看不见、看不见、摸不着、但感觉得到摸不着、但感觉得到”的完全的的完全的“隐形按钮隐形按钮”。例例. .涟漪扩散涟漪扩散2024/7/211919: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :七、公用库的使用七、公用库的使用P121窗口窗口公用库公用库按钮按钮2024/7/212020: : 第第第第6 6章章章章 元件、实例和库元件、实例和库元件、实例和库元件、实例和库 :七、公用库的使用七、公用库的使用公用库公用库学习交互学习交互按钮按钮类类 在公用库中,在公用库中,“库库”面板下方的按钮都为面板下方的按钮都为灰色不可用。不能直接修改公用库中的元灰色不可用。不能直接修改公用库中的元件,将公用库中的元件调入到舞台中火当件,将公用库中的元件调入到舞台中火当前文档的库中即可进行修改。前文档的库中即可进行修改。2024/7/21