文档之家
首页
教学研究
幼儿教育
高等教育
外语考试
建筑/土木
经管营销
自然科学
当前位置:
文档之家
›
flash课件第4章元件实例与库
flash课件第4章元件实例与库
格式:ppt
大小:1.80 MB
文档页数:34
下载文档原格式
下载原文件
/ 34
下载本文档
合集下载
下载提示
文本预览
1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1)选择【编辑】菜单中的【编辑元件】命令。 2)在舞台上的对象上单击鼠标右键,选择“编辑”命令。 3)在舞台上的对象上单击鼠标右键,选择“在当前位置编辑”命令。 4)在舞台上的对象上单击鼠标右键,选择“在新窗口中编辑”命令。 5)在库面板中选中元件,然后选择右上角【选项】菜单中的【编
辑】命令。 6)在库面板中元件上单击鼠标右键,选择“编辑”命令。
4.1.2 修改实例对元件的影响 如果修改实例,对元件又有哪些影响呢?我们可以通过以下实
例来验证一下。
1) 在FlashCS5中创建新文档, 单击【文件】菜单中的【导入】 命令,将“蝴蝶.jpg”导入至舞 台,并将其转换为图形元件。 在该文件的库面板中选中蝴蝶 元件,将此元件拖动到舞台上, 来回拖动两次使舞台上有两只 蝴蝶元件的实例。 2) 鼠标右击左上方的蝴蝶,在 弹出的快捷菜单中选择“任意 变形”命令,按下Shift键不放, 向外拖动蝴蝶4个角中的任何一 个将蝴蝶放大。将“蝴蝶”实 例放大之后,观察元件库中该 “蝴蝶”图形元件,形状没有 发生任何改变,如右图所示。
3)单击库面板中的“蝴蝶”影片 剪辑元件,然后拖动鼠标将“蝴蝶” 影片剪辑拖动到舞台上,形成单个 “蝴蝶”实例。 4)单击【文件】菜单中的【另存为】 命令,将文件保存到指定文件夹下, 并命名为“蝴蝶1.fla”,并单击 【文件】菜单中的【导出】子菜单 中的【导出影片】命令,在同一文 件夹下保存成文件“蝴蝶1.swf”, 产生只使用一次元件的Flash文件。 5)单击库面板中的“蝴蝶”影片 剪辑元件,然后拖动鼠标将“蝴蝶” 影片剪辑拖动到舞台上,形成多个 “蝴蝶”实例,如右图所示。 6)用同样方法,在同一文件夹下 生成文件“蝴蝶2.fla”和“蝴蝶 2.swf”。
2.实例的变形
如果我们要改变舞台中实例的形状,可以先选中对象,然后右 击鼠标,在弹出的快捷菜单中选择【任意变形】命令,实现对象 的缩放、扭曲、旋转等各种变形操作。关于工具箱中“任意变形 ”工具的用法在前面的章节中我们已经做了详细介绍,现在可以 试验一下实例变形效果,如下图所示。
4.2.2 创建影片剪辑元件 影片剪辑元件可以实现重复使用动画片段。影片剪辑元件
可以包含多种素材类型,如:交互控制按钮、声音、图片和其 他影片剪辑等。
课堂练习——创建影片剪辑 具体操作步骤如下: 1) 选择【插入】菜单中的【新 建元件】命令,弹出“创建新元件” 对话框,在对话框中的“名称”文 本框中输入元件的名称,“类型” 选择“影片剪辑”。 2)单击“确定”按钮,进入影片 剪辑元件的编辑模式,单击工具箱 中的文字工具,输入内容 “welcome you”,设置文本相关属 性,按下两次Ctrl+B命令,将文字 打散为图形。
修改元件后, 实例将会发 生变化。
4.1.4 区别元件与实例 元件与实例两者既有联系又有区别。 首先,实例的基本形状是由元件决定的,这就表明,实 例不能脱离元件的原型而无规则地任意变化。一个元件可以 有多个实例与它对应,但每个实例只能对应一个确定的元件。 此外,一个元件的多个实例可以有自己的一些特有属性, 例如大小、颜色、透明度的不同。这使得同一元件的多个实 例可以变得各不相同,展现了实例的多样性,但无论怎样变 化,实例的基本形状是一致的。
4.2 创建与编辑元件
FlashCS5中元件主要有三类:影片剪辑、按钮元件和图 形元件,具体如下图所示。
A B C
A:按钮元件 B:图形元件 C:影片剪辑
4.2.1 创建图形元件
在FlashCS5中,图形元件主要用于静态图像的重复使 用,或者创建与主时间轴相关联的变形动画。
课堂练习1——创建图形元件 具体操作步骤如下: 1)创建新文档,选择【插入】菜单 中的【新建元件】命令或按下快捷键 Ctrl+F8,弹出“创建新元件”对话框。 2)在对话框中的“名称”文本框中 输入元件名称,“类型”选择“图 形”,单击“确定”按钮,进入图形 元件的编辑模式。 3)在元件的编辑区域中从外部导入图 像“小狗.jpg”。 4)单击文档窗口的左上角 “场景1” 按钮,退出元件编辑模式并返回主场 景,单击【窗口】菜单中的【库】命 令,打开“库”面板,在库面板中显 示创建的图形元件,如右图所示 。
本章导读
元件是可以重复使用的图形、动画和按钮。Flash中的元件一经 创建即可无数次的重复使用,从而大大减小动画制作者的工作量。由 于同一个元件,不论在舞台上使用了多少次,其所占空间只有一个元 件大小,因而在动画制作过程中使用元件可有效减小文件和体积。当 将创建好的元件由库中拖放到舞台上,便可称其为“实例”。本章主 要介绍Flash CS5中元件、实例和库的具体使用方法。
修改实例对 元件没有任 何影响。
4.1.3 修改元件对实例的影响 如果对元件的属性进行修改,则舞台上的实例将如何变化? 下面我们通过具体实例来说明修改元件对实例产生的影响。
课堂练习——修改元件 1)接上例,在库面板的预览窗口中, 双击蝴蝶元件,或在库面板的元件列表 框中选中想要编辑的元件,单击鼠标的 右键,在弹出的快捷菜单中选择编辑元 件,进入元件编辑模式。 2)用工具箱中的选则工具选中整个蝴蝶, 然后右键单击蝴蝶,选择“任意变形” 命令或在工具箱中选择“任意变形”工 具,然后鼠标移动到蝴蝶的任何一角, 当鼠标指针变为旋转箭头时,拖动蝴蝶 进行旋转。 3)单击“场景1”,回到影片场景,可以 看到与该元件相关的两个实例,都已旋 转了角度,如右图所示。
学习目标
➢理解元件、实例与库的相关知识。 ➢掌握图形元件、影片剪辑元件及按钮元件的创建与编辑相关操作。 ➢了解将元素转换为元件的具体方法。 ➢掌握创建与编辑实例的相关操作。 ➢熟悉库面板的操作方法。
4.1 理解元件、实例与库
元件、实例与库是制作Flash动画的三大元素。元件 是指一个可以重复使用的图像、动画或按钮,一共有三 种类型:影片剪辑元件、按钮元件和图形元件。将元件 拖放至工作区应用于动画的制作过程中就生成了一个实 例。库是Flash中存放各种动画元素的场所,存放的元 素可以自行创建,也可以是由外部导入的图像、声音、 视频元素。一个元件允许重复创建多个实例,并且在工 作区多次使用的元件不会增加文件的大小,大大节省了 存储空间。了解三者的关系与操作,对于减小文件体积 以及提高工作效率非常重要。
3)选中时间轴上的“指针经 过”帧,右键单击从弹出的快 捷菜单中选择“插入关键帧” 或按下快捷键F6插入关键帧, 在文档中改变图形及文字的颜 色。 4)选中时间轴上的“按下” 帧,按F6或右键单击从弹出的 快捷菜单中选择“插入关键 帧”,在文档中改变图形及文 字的颜色 。 5)完成按钮元件的制作后, 单击文档窗口左上角的“场景 1”按钮,退出按钮元件编辑模 式并返回主场景,在库面板中 显示创建的按钮元件,单击预 览窗口中的播放按钮,可以播 放影片剪辑元件,如右图所示。
4.2.3 创建按钮元件
按钮元件实质上是一个包含4个关键帧的交互影片剪 辑。我们可以根据按钮的不同状态显示不同的图像、响应 鼠标动作和执行指定的行为。
按钮元件的4种关键帧分别是:弹起帧、指针经过帧、 按下帧和点击帧。具体介绍如下:
弹起帧:表示鼠标指针不在按钮上时的状态。 指针经过帧:表示鼠标指针放置在按钮上时的状态。 按下帧:表示鼠标单击按钮时的状态。 点击帧:设定对鼠标单击动作时作出反应区域。
课堂练习——创建按钮元件 操作步骤如下: (1)选择【插入】菜单中的 【新建元件】命令,弹出“创 建新元件”对话框,在对话框 中的名称文本框中输入“按钮1”, 类型选择为“按钮” 。 (2)选中时间轴上的“弹起” 帧,选择工具箱中的矩形工具, 在文档中绘制一个合适大小的 矩形,并在图形上输入文字 “按钮”,设置矩形的填充属 性和文字属性 。
3)单击【窗口】菜单中【时间轴】 命令,打开“时间轴”面板,选中 图层一的第15帧,右键单击鼠标, 在弹出的快捷菜单中选择【插入关 键帧】命令或按下F6快捷键插入关 键帧,重新设置文本属性,改变填 充色。 4)将光标放置在第1帧和第15帧 之间的任意一帧上,单击鼠标右键, 在弹出的快捷菜单中选择“创建补 间形状”动画命令。 5)单击【窗口】菜单中的【库】 命令,打开“库”面板,显示创建 的影片剪辑元件,单击预览窗口中 的播放按钮,可以播放影片剪辑元 件。
1.改变实例的色彩效果 根据上面的实例,选择舞台上的小狗,单击【窗口】菜
单中的【属性】命令,打开【属性】面板,可以设置实例的 样式。
实例样式属性包括5个选项,具体名称和 含义如下:
1)无:不添加任何样式的效果。 2)亮度:用于调整实例的亮度,亮度值可 以设置为100%~-100%的百分数。该值为 0% 时,实例的亮度为本身的亮度值。该值 为100%时,实例的亮度最高,为白色。改 值为-100%时,实例的亮度最低,为黑色。 3)色调:用于选择一种颜色对实例进行 着色。可用颜色拾取器,也可以直接输入 RGB色值。着色程度为0~100%的百分数, 这个百分数表示在实例中“掺”入选取颜色 的比例。0表示完全不用选择的颜色对实例 进行着色。100%表示完全用选择的颜色对 实例进行着色。 4)Alpha:用于设置实例的透明度。值为 0表示完全透明,实例完全不可见。值为 100%时完全不透明,实例完全可见。可直 接在文本框中输入数字,也可以用滑块来调 节。 5)高级:选择高级时,可以在一个面板 上同时更精确的,调节色调和透明度的百分 比和偏移值。
4.2.4 将元素转换为元件
课堂练习——将元素转换为元件 具体操作步骤如下: 1) 使用工具箱中在舞台中绘图工 具绘制一朵花,用选择工具选取图形 对象。 2)单击【修改】菜单中的【转换为 元件】命令,也可以右击鼠标,在弹 出的快捷菜单中选择【转换为元件】, 或者按下F8快捷键。 3)在弹出的“转换为元件”对话框 中,在“名称”文半框中键入元件的 名称,“类型”选择“图形”,把注 册点设置为正中间,然后点击“确定” 按钮。 4)这时,舞台上的“小花”图形已 经变成图形元件了,在库面板的预览 窗口中可以看到名为“花朵”的图形 元件,如右图所示。
4.1.1 使用元件可减小生成动画大小
根据以上介绍,我们已经了解使用元件可减少生成动画的大小。 下面,我们就通过一个具体实例来验证一下。
课堂练习——使用元件减小动画大小 操作步骤: 1)单击【文件】菜单中的【新建】 命令,创建新文档,并从文件菜单中 选择【导入】子菜单中的【导入至舞 台】命令,将位图“蝴蝶.jpg”导入至 舞台。在“蝴蝶”图片上右击鼠标, 在弹出的快捷菜单选择【转换为元件】 命令,使其转换为影片元件。 2)单击【窗口】菜单中的【库】命 令,打开库面板,可以看到库面板上 保存了名为“蝴蝶”的影片剪辑元件, 如右图所示。
4.3 创建与编辑实例
4.3.1 创建实例 在上例的库面板中,将“小狗”元件拖放至舞台上, 这样就创建了一个实例。使用同样的方法,继续将元件拖 放至舞台,创建第二个实例,如下图所示。
4.3.2 改变与设置实例 每个实例都有自己的属性,这些属性相对与元件来说是
相对独立的。因此,我们可以改变实例的颜色型和动画的播放模式,所有这些操作都不会影响 元件和其他同元件产生的实例。
4.2.5 编辑元件
舞台上的实例与库面板中对应的元件有一种类似于
“父与子”的特殊关系。这种关系的一个优点是,如果你 在库面板中改变了一个元件,那么舞台上的所有实例都将 更新。当我们对整个Flash动画做大范围的更改时,这一特 性将节省大量的时间,大大提高工作效率。
进入元件编辑状态的方法有6种,具体如下:
3)在舞台中,我们不仅可以 对实例的形状进行修改,还可 以对实例的透明度进行修改。 单击选择右下角的蝴蝶实例, 在下方的属性面板中,选择 “颜色”下拉列表框中的“亮 度”选项卡,在后面的方框中 可直接输入数值或单击输入框 后面的下拉箭头拖动滑块将 Alpha值为30%, 4)可以看到舞台上的蝴蝶的亮 度明显变暗,但在库面板中的 元件并没有发生任何改变。如 右图所示。
文档推荐
最新文档
银行柜员工作情况总结范本(6篇)
5.4.5人类对细菌和真菌的利用(第1课时)教学设计人教版生物八年级上册
信息技术与英语教学的有效融合的教学案例
行政审批服务局部门工作亮点分享
医院院庆发言稿
小学一年级数学《找规律》
如何推动文化创新弘扬时代精神作文
小和尚学剃头
沪科版八年级物理教案设计:7.1科学探究:牛顿第一定律
5.4.5人类对细菌和真菌的利用(第一课时)教学设计人教版生物八年级上册