新编中文Flash 实用教程.pptx
《新编中文Flash 实用教程.pptx》由会员分享,可在线阅读,更多相关《新编中文Flash 实用教程.pptx(134页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、所谓元件,就是指在元件库中存放的图形、按钮、所谓元件,就是指在元件库中存放的图形、按钮、影片剪辑、导入的音频和视频文件。在创建动画前,影片剪辑、导入的音频和视频文件。在创建动画前,可以将该动画中用到的图形等内容制作成元件,当需可以将该动画中用到的图形等内容制作成元件,当需要使用它们时,再直接从库中调用即可。要使用它们时,再直接从库中调用即可。第一节 元件和实例概述第1页/共134页所谓实例,就是元件库中的元件在动画中的应用。所谓实例,就是元件库中的元件在动画中的应用。一、元件和实例的关系一、元件和实例的关系元件是一种可重复使用的对象,而实例是元件在元件是一种可重复使用的对象,而实例是元件在舞台
2、上的一次具体使用。可以将元件看做是演员,将舞台上的一次具体使用。可以将元件看做是演员,将实例看做是演员扮演的角色。演员是固定的实体,它实例看做是演员扮演的角色。演员是固定的实体,它本身不会有任何变化,但该演员可以扮演不同的角色,本身不会有任何变化,但该演员可以扮演不同的角色,且随着扮演角色的不同,演员所穿的衣服会有所不同。且随着扮演角色的不同,演员所穿的衣服会有所不同。这就类似于元件本身是固定的,但用户可以使用该元这就类似于元件本身是固定的,但用户可以使用该元件创建不同的实例,且每个实例的颜色、透明度和亮件创建不同的实例,且每个实例的颜色、透明度和亮度等属性是可以调整的。度等属性是可以调整的。
3、第2页/共134页当用户编辑元件时,该元件的所有实例都相应地当用户编辑元件时,该元件的所有实例都相应地更新以实时反映元件的最新状态,元件的另一个好处更新以实时反映元件的最新状态,元件的另一个好处是使用它们可以创建交互式动画。是使用它们可以创建交互式动画。二、元件的分类二、元件的分类在在Flash 8中,可以将元件分为中,可以将元件分为4类,分别为图形类,分别为图形元件、按钮元件、影片剪辑元件和字体元件。元件、按钮元件、影片剪辑元件和字体元件。第3页/共134页(1)图形元件:用于制作静态图像及连接到主)图形元件:用于制作静态图像及连接到主时间轴中可重复使用的动画序列。图形元件与主时间时间轴中可
4、重复使用的动画序列。图形元件与主时间轴同步运行,且不能在图形元件的动画序列中添加交轴同步运行,且不能在图形元件的动画序列中添加交互式控件和互式控件和声音。声音。(2)按钮元件:用于制作响应鼠标单击、滑过)按钮元件:用于制作响应鼠标单击、滑过或其他动作的交互式按钮。在按钮中,可以定义与按或其他动作的交互式按钮。在按钮中,可以定义与按钮各种状态相关联的图形,然后再将动作分配给该按钮各种状态相关联的图形,然后再将动作分配给该按钮的实例。钮的实例。第4页/共134页(3)影片剪辑元件:用于制作可重复使用的动)影片剪辑元件:用于制作可重复使用的动画片段。影片剪辑元件拥有独立于主时间轴的时间轴,画片段。影
5、片剪辑元件拥有独立于主时间轴的时间轴,可以将它看做是主时间轴内嵌套的时间轴。影片剪辑可以将它看做是主时间轴内嵌套的时间轴。影片剪辑元件中可以包含交互式控件、声音及其他的影片剪辑元件中可以包含交互式控件、声音及其他的影片剪辑实例,还可以将影片剪辑实例放在按钮元件的时间轴实例,还可以将影片剪辑实例放在按钮元件的时间轴内来创建动画按钮。内来创建动画按钮。(4)字体元件:使用字体元件可以导出字体并)字体元件:使用字体元件可以导出字体并在其他在其他Flash文档中使用。文档中使用。第5页/共134页在在Flash 8中,既可以直接创建一个空白元件,然中,既可以直接创建一个空白元件,然后在该元件的编辑模式
6、中创建和编辑元件的内容,也后在该元件的编辑模式中创建和编辑元件的内容,也可以将舞台中的某个对象转换为元件来使用。可以将舞台中的某个对象转换为元件来使用。一、图形元件的创建一、图形元件的创建图形元件用于制作静态图形,它有相对独立的编图形元件用于制作静态图形,它有相对独立的编辑区域,当将其应用到场景中时,会受到当前场景中辑区域,当将其应用到场景中时,会受到当前场景中帧序列和其他交互式设置的影响,图形元件的创建过帧序列和其他交互式设置的影响,图形元件的创建过程如下:程如下:第二节 元件和实例的创建第6页/共134页(1)在菜单栏中选择)在菜单栏中选择“插入插入”“新建元件新建元件”命命令,弹出令,弹
7、出“创建新元件创建新元件”对话框,如图对话框,如图5.2.1所示。所示。(2)在)在“名称名称”文本框中输入元件的名称,在文本框中输入元件的名称,在“类型类型”选项区中选中选项区中选中“图形图形”单选按钮,单击单选按钮,单击“确定确定”按钮,即可进入该元件的编辑模式,如图按钮,即可进入该元件的编辑模式,如图5.2.2所示。所示。第7页/共134页图5.2.1 “创建新元件”对话框 图5.2.2 元件编辑模式 第8页/共134页(3)在菜单栏中选择)在菜单栏中选择“文件文件”“导入导入”“导入导入到舞台到舞台”命令,在弹出的命令,在弹出的“导入导入”对话框中选择一幅图对话框中选择一幅图片,并将其
8、导入到舞台中,如图片,并将其导入到舞台中,如图5.2.3所示。所示。(4)在菜单栏中选择)在菜单栏中选择“窗口窗口”“库库”命令,打开命令,打开库面板。此时,创建的图形元件已被放置于库中,如图库面板。此时,创建的图形元件已被放置于库中,如图5.2.4所示。所示。第9页/共134页图5.2.3 导入的图片 图5.2.4 库面板 第10页/共134页二、将图形对象转换为图形元件二、将图形对象转换为图形元件用户也可以将舞台中的对象选中后,将其转换为用户也可以将舞台中的对象选中后,将其转换为元件来使用,具体操作步骤如下:元件来使用,具体操作步骤如下:(1)使用选择工具将舞台中的对象选中,如)使用选择工
9、具将舞台中的对象选中,如图图5.2.5所示。所示。(2)在菜单栏中选择)在菜单栏中选择“修改修改”“转换为元件转换为元件”命令,弹出命令,弹出“转换为元件转换为元件”对话框,如图对话框,如图5.2.6所示。所示。第11页/共134页图5.2.5 选中图形对象 图5.2.6 “转换为元件”对话框 第12页/共134页(3)在)在“名称名称”文本框中输入元件的名称,在文本框中输入元件的名称,在“类型类型”选项区中选中选项区中选中“图形图形”单选按钮。单选按钮。“注册注册”选选项区中的注册网格使用黑色的小正方形来指示注册点项区中的注册网格使用黑色的小正方形来指示注册点在元件定位框中的位置。注册点是元
10、件旋转时所围绕在元件定位框中的位置。注册点是元件旋转时所围绕的轴,也是元件对齐时依照的参照物。单击的轴,也是元件对齐时依照的参照物。单击“注册注册”网格中左上角的正方形,将它作为注册点的位置,单网格中左上角的正方形,将它作为注册点的位置,单击击“确定确定”按钮,即可将选中的图形对象转换为图形按钮,即可将选中的图形对象转换为图形元件,且该元件的注册点在其左上角,如图元件,且该元件的注册点在其左上角,如图5.2.7所示。所示。第13页/共134页(4)在菜单栏中选择)在菜单栏中选择“窗口窗口”“库库”命令,打命令,打开库面板。此时,创建的图形元件已被放置于库中,如开库面板。此时,创建的图形元件已被
11、放置于库中,如图图5.2.8所示。所示。图5.2.7 将图形对象转换为图形元件 图5.2.8 库面板 第14页/共134页三、影片剪辑元件的创建三、影片剪辑元件的创建如果要在动画中反复使用某个动画片段,可将其如果要在动画中反复使用某个动画片段,可将其制作成影片剪辑元件,这样就可重复调用该元件,影制作成影片剪辑元件,这样就可重复调用该元件,影片剪辑元件的创建过程如下:片剪辑元件的创建过程如下:(1)在菜单栏中选择)在菜单栏中选择“插入插入”“新建元件新建元件”命命令,在弹出的令,在弹出的“创建新元件创建新元件”对话框中设置参数,创对话框中设置参数,创建一个名为建一个名为“野草野草”的图形元件,如
12、图的图形元件,如图5.2.9所示。所示。第15页/共134页(2)在该元件的编辑模式中,使用绘图工具绘制)在该元件的编辑模式中,使用绘图工具绘制如图如图5.2.10所示的野草。所示的野草。图5.2.9 创建“野草”图形元件 图5.2.10 绘制的野草 第16页/共134页(3)在菜单栏中选择)在菜单栏中选择“插入插入”“新建元件新建元件”命令,在弹出的命令,在弹出的“创建新元件创建新元件”对话框中设置参数,对话框中设置参数,创建一个名为创建一个名为“风吹草动风吹草动”的影片剪辑,如图的影片剪辑,如图5.2.11所示。所示。(4)在该元件的编辑模式中,将库中的图形元)在该元件的编辑模式中,将库中
13、的图形元件件“野草野草”选中,并将其拖至舞台中。选中,并将其拖至舞台中。(5)将元件中心的小圆圈移至元件的右下角,)将元件中心的小圆圈移至元件的右下角,如图如图5.2.12所示。所示。第17页/共134页图5.2.11 创建“风吹草动”影片剪辑 图5.2.12 移动圆圈的位置 第18页/共134页(6)用鼠标单击第)用鼠标单击第4帧,按帧,按“F6”键插入关键键插入关键帧。在工具箱中单击任意变形工具,使用该工具帧。在工具箱中单击任意变形工具,使用该工具将图形元件水平倾斜将图形元件水平倾斜2.7。在第。在第6帧按帧按“F6”键插键插入关键帧,并使用任意变形工具将该帧中的图形入关键帧,并使用任意变
14、形工具将该帧中的图形水平倾斜水平倾斜5.2。在第。在第11帧按帧按“F6”键插入关键帧,键插入关键帧,并将该帧中的图形恢复至原始状态。并将该帧中的图形恢复至原始状态。第19页/共134页(7)用鼠标右键单击选中第)用鼠标右键单击选中第1帧和第帧和第4帧之间的帧之间的任意一帧,在弹出的快捷菜单中选择任意一帧,在弹出的快捷菜单中选择“创建补间动画创建补间动画”命令,在这两个关键帧之间创建补间动画。命令,在这两个关键帧之间创建补间动画。(8)重复步骤()重复步骤(6)的操作,分别在第)的操作,分别在第4帧和第帧和第6帧、第帧、第6帧和第帧和第11帧之间创建补间动画,如图帧之间创建补间动画,如图5.2
15、.13所示。所示。第20页/共134页图5.2.13 时间轴面板第21页/共134页(9)此时,该影片剪辑已制作完成,可来回拖动)此时,该影片剪辑已制作完成,可来回拖动时间轴面板上方的红色方块,即播放指针,来观看风时间轴面板上方的红色方块,即播放指针,来观看风吹时草的运动。吹时草的运动。四、将动画转换为影片剪辑四、将动画转换为影片剪辑在在Flash 8中,可将制作的中,可将制作的Flash动画转换为影片动画转换为影片剪辑来使用,具体操作步骤如下:剪辑来使用,具体操作步骤如下:第22页/共134页(1)在菜单栏中选择)在菜单栏中选择“文件文件”“打开打开”命令,命令,在弹出的在弹出的“打开打开”
16、对话框中选择一个对话框中选择一个Flash影片,并将影片,并将其打开。其打开。(2)在时间轴面板中的任意一帧上单击鼠标右键,)在时间轴面板中的任意一帧上单击鼠标右键,从弹出的快捷菜单中选择从弹出的快捷菜单中选择“选择所有帧选择所有帧”命令。命令。(3)当系统将所有的帧选中后,再次在时间轴面)当系统将所有的帧选中后,再次在时间轴面板中的任意一帧上单击鼠标右键,从弹出的快捷菜单中板中的任意一帧上单击鼠标右键,从弹出的快捷菜单中选择选择“复制帧复制帧”命令。命令。第23页/共134页(4)在菜单栏中选择)在菜单栏中选择“插入插入”“新建元件新建元件”命命令,在弹出的令,在弹出的“创建新元件创建新元件
17、”对话框中设置参数,创对话框中设置参数,创建一个名为建一个名为“动作动作”的影片剪辑。的影片剪辑。(5)在该影片剪辑元件的编辑模式中,用鼠标右)在该影片剪辑元件的编辑模式中,用鼠标右键在时间轴面板中的第键在时间轴面板中的第1帧上单击,从弹出的快捷菜单帧上单击,从弹出的快捷菜单中选择中选择“粘贴帧粘贴帧”命令,即可将复制的动画全部粘贴命令,即可将复制的动画全部粘贴到该影片剪辑中,如图到该影片剪辑中,如图5.2.14所示。所示。第24页/共134页图5.2.14 复制动画到影片剪辑中第25页/共134页五、按钮元件的创建五、按钮元件的创建按钮实际上是一个包含有按钮实际上是一个包含有4个帧的交互式影
18、片剪个帧的交互式影片剪辑,前辑,前3帧用于定义按钮的帧用于定义按钮的3种可能发生的状态,第种可能发生的状态,第4帧定义按钮的活动区域。按钮元件的时间轴并不能播帧定义按钮的活动区域。按钮元件的时间轴并不能播放影片,它只是对鼠标的运动过程和鼠标的动作做出放影片,它只是对鼠标的运动过程和鼠标的动作做出反应,并指示影片跳转到相应的帧。反应,并指示影片跳转到相应的帧。第26页/共134页要制作交互式按钮,可把该按钮元件的一个实例要制作交互式按钮,可把该按钮元件的一个实例放在舞台上,然后为该实例指定动作,且必须将动作放在舞台上,然后为该实例指定动作,且必须将动作指定给文档中按钮的实例,而不是指定给按钮时间
19、轴指定给文档中按钮的实例,而不是指定给按钮时间轴中的某个帧。中的某个帧。1按钮的状态按钮的状态在按钮元件的时间轴中包含在按钮元件的时间轴中包含4个帧,它们分别代个帧,它们分别代表按钮的一种状态,并且每一帧都有其特定的功能:表按钮的一种状态,并且每一帧都有其特定的功能:第27页/共134页(1)弹起状态:代表鼠标指针没有经过按钮时该)弹起状态:代表鼠标指针没有经过按钮时该按钮的外观。按钮的外观。(2)指针经过状态:代表当鼠标指针滑过按钮时)指针经过状态:代表当鼠标指针滑过按钮时该按钮的外观。该按钮的外观。(3)按下状态:代表单击按钮时该按钮的外观。)按下状态:代表单击按钮时该按钮的外观。(4)点
20、击状态:此状态用于定义响应鼠标单击的)点击状态:此状态用于定义响应鼠标单击的区域,且此区域在区域,且此区域在SWF文件中是不可见的。文件中是不可见的。第28页/共134页2创建按钮创建按钮创建按钮实际上就是绘制在不同状态下按钮的外创建按钮实际上就是绘制在不同状态下按钮的外观。一般情况下,制作按钮需要经过绘制按钮的外形、观。一般情况下,制作按钮需要经过绘制按钮的外形、添加关键帧和定义动作添加关键帧和定义动作3个步骤,具体操作步骤如下:个步骤,具体操作步骤如下:(1)在菜单栏中选择)在菜单栏中选择“插入插入”“新建元件新建元件”命命令,在弹出的令,在弹出的“创建新元件创建新元件”对话框中设置参数,
21、创对话框中设置参数,创建一个名为建一个名为“播放按钮播放按钮”的按钮元件,如图的按钮元件,如图5.2.15所示。所示。第29页/共134页(2)在该元件的编辑模式中,选择矩形工具,)在该元件的编辑模式中,选择矩形工具,将其圆角半径设置为将其圆角半径设置为30,将其填充颜色设置为浅蓝至深,将其填充颜色设置为浅蓝至深蓝的放射状渐变,然后绘制圆角矩形,如图蓝的放射状渐变,然后绘制圆角矩形,如图5.2.16所示。所示。图5.2.15 “创建新元件”对话框 图5.2.16 绘制的圆角矩形 第30页/共134页(3)用鼠标单击)用鼠标单击“按下按下”帧,按帧,按“F6”键插入关键插入关键帧。在工具箱中选择
22、填充变形工具,使用该工键帧。在工具箱中选择填充变形工具,使用该工具在绘制的图形上单击,调整渐变效果,如图具在绘制的图形上单击,调整渐变效果,如图5.2.17所所示。示。(4)单击时间轴面板下方的)单击时间轴面板下方的“插入图层插入图层”按钮按钮,新建图层,新建图层2。在工具箱中选择文本工具,在该工。在工具箱中选择文本工具,在该工具属性面板中设置合适的参数,使用该工具在舞台中具属性面板中设置合适的参数,使用该工具在舞台中输入文字输入文字“Play”,如图,如图5.2.18所示。所示。第31页/共134页图5.2.17 调整图形的渐变效果 图5.2.18 输入文字 第32页/共134页(5)用鼠标
23、单击文字图层的)用鼠标单击文字图层的“按下按下”帧,按帧,按“F6”键插入关键帧,并将该帧中文字的颜色设置为键插入关键帧,并将该帧中文字的颜色设置为黑色,如图黑色,如图5.2.19所示。所示。(6)至此,该按钮已制作完成,且制作好的按)至此,该按钮已制作完成,且制作好的按钮元件出现在库面板中,如图钮元件出现在库面板中,如图5.2.20所示。所示。第33页/共134页图5.2.19 调整文字的颜色 图5.2.20 库面板 第34页/共134页(7)单击库面板预览区中的)单击库面板预览区中的“播放播放”按钮,按钮,可查看制作的按钮。可查看制作的按钮。提示:也可以用影片剪辑元件或按钮组件创建按提示:
24、也可以用影片剪辑元件或按钮组件创建按钮。使用影片剪辑创建按钮,可以添加更多的帧到按钮。使用影片剪辑创建按钮,可以添加更多的帧到按钮或添加更复杂的动画。但是,影片剪辑按钮的文件钮或添加更复杂的动画。但是,影片剪辑按钮的文件大小必须大于按钮元件;使用按钮组件允许将按钮捆大小必须大于按钮元件;使用按钮组件允许将按钮捆绑到其他组件上来创建特定形式的按钮。绑到其他组件上来创建特定形式的按钮。第35页/共134页六、实例的创建六、实例的创建创建元件之后,可以在文档中任何需要的地方创建元件之后,可以在文档中任何需要的地方(包括在其他元件内)创建该元件的实例,且当用户(包括在其他元件内)创建该元件的实例,且当
25、用户修改元件时,修改元件时,Flash会自动更新使用该元件的所有实例,会自动更新使用该元件的所有实例,实例的创建过程如下:实例的创建过程如下:(1)在时间轴面板中单击选中某个图层,将其作)在时间轴面板中单击选中某个图层,将其作为当前图层。为当前图层。第36页/共134页(2)在菜单栏中选择)在菜单栏中选择“窗口窗口”“库库”命令,打命令,打开库面板。开库面板。(3)在库中选择一个元件,将其拖到舞台中,即)在库中选择一个元件,将其拖到舞台中,即可创建该元件的实例,如图可创建该元件的实例,如图5.2.21所示。所示。图5.2.21 创建实例第37页/共134页在在Flash 8中,用户可对创建的元
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新编中文Flash 实用教程 新编 中文 Flash
限制150内