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