FlashCS6课件制作案例教学经典教程第3章.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《FlashCS6课件制作案例教学经典教程第3章.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FlashCS6 课件 制作 案例 教学 经典 教程
- 资源描述:
-
1、精品资源共享课精品资源共享课第三章第三章 FlashFlash课件中的元件课件中的元件精品资源共享课本章主要内容本章主要内容 创建和编辑元件 分析各种元件类型元件与实例的区别和运用对元件进行滤镜特效的制作在3D空间中定位对象精品资源共享课本章案例介绍本章案例介绍本章是一个在课件中如何处理元件的案例。通过这个案例,学习创建或转换元件,图形的二次创作,元件实例的应用等。元件是存储在库面板中的可重复利用的资源,合理的利用元件和编辑元件,对Flash课件的制作非常重要(如图3.1所示)。图3.1精品资源共享课3.13.1作品预览作品预览 操作步骤如下:l在Flash CS6菜单栏中选择“文件” “打开
2、”按钮,打开Lesson03/03Complete文件夹中的03Complete.swf文件。lFlashPlayer工具会对03Complete动画进行播放。这个作品适用于各科的静态插图.图 3.2精品资源共享课3.2 3.2 元件及其分类元件及其分类元件 元件是用于特效、动画和交互性的可重用的资源,就像影视剧中的演员、道具,都是具有独立身份的元素,却又是构成影片的主体。 影片剪辑一个独立的小影片,可以包含交互动画和音效,甚至可以包含其他的影片剪辑。可以对影片剪辑实例应用滤镜、颜色设置和混合模式。元件可以包含自己独立的“时间轴”。元件可以利用ActionScript语言进行编辑以对用户的操作
3、做出响应。精品资源共享课3.2 3.2 元件的分类元件的分类按钮用于在影片中创建对鼠标事件响应的互动按钮。制作按钮首先要创造与不同的按钮状态相关联的图形。为了使按钮有更好的效果,还可以在其中加入影片剪辑或音效文件。精品资源共享课3.2 3.2 元件的分类元件的分类图形通常用于存放静态的图像。但不支持ActionScript脚本代码,并且不能对图形元件应用滤镜或混合模式。精品资源共享课3.3 3.3 新建动画文件新建动画文件放映文件操作步骤如下:1在菜单栏中选择“文件” “新建”按钮。在“新建文件”对话框中,选择“ActionScript 3.0”,然后单击“确定”按钮以创建一个新的Flash文
4、档(*.fla)。2在属性面板中,单击“大小”选项旁边的“编辑”按钮,把“舞台”的大小设置为600像素*450像素。2在菜单栏中选择“文件”“保存”按钮。把文件命名为“03demo.fla”。把它保存在03Start文件夹中。精品资源共享课3.4 3.4 创建元件创建元件 1.直接创建新的元件的方式。2.将舞台上的原有图形转换为图形元件。在菜单栏中点击“插入”“新建元件”。在出现的“创建新元件”对话框中,为名称命名为“星”,并选择“图形类型”的元件。Flash进入“元件编辑”模式。在元件编辑区中可以自行绘制图形或导入图形。点击“编辑” “编辑文档”按钮回到主舞台编辑区。选择舞台上的对象。点击“
5、修改”“转换为元件”,在出现的“转换为元件”对话框中,进行命名和选择“图形类型”。当然,这种方式不是一种真正的转换,而是把舞台上的对象放在一个新的元件中。精品资源共享课3.5 3.5 向向FlashFlash中导入矢量图形中导入矢量图形操作步骤如下:1在菜单栏中选择“文件”“导入”“导入到舞台”按钮。2选择Lesson03/03Start文件夹中的person.ai文件。点击打开。3在“导入到舞台”对话框中,有3个图层组合。确保选择了所有的图层。庞大的级联菜单群和图层群是Illustrator所创建的ai文件中所有图层的表现。在“将图层转换为”菜单中选择“Flash图层”,然后勾选“将对象置于
6、原始位置”。点击“确定”按钮(如图3.3所示)。图 3.3精品资源共享课3.5 3.5 向向FlashFlash中导入矢量图形中导入矢量图形此时,此时,Flash将导入将导入Illustrator矢量图形,并矢量图形,并且原矢量图形文件中的所有图层组也会出且原矢量图形文件中的所有图层组也会出现在现在“时间轴时间轴”中。中。图 3.4精品资源共享课3.5 3.5 向向FlashFlash中导入矢量图形中导入矢量图形在“舞台”上单击选取Singer图层的矢量人物(唱歌的女孩)。5在菜单栏中选择“修改”“转换为元件”按钮。6将元件命名为“Singer”,并设置“类型”为“影片剪辑”(如图3.5所示)
7、。图 3.5精品资源共享课3.5 3.5 向向FlashFlash中导入矢量图形中导入矢量图形选取Player图层的矢量人物(弹吉他的女孩),也转换为影片剪辑元件,并命名为“Player”。选取Dancer图层的矢量人物(跳舞的两个女孩),也转换为影片剪辑元件,并命名为“Dancer”。库中将分别出现这三个转换为影片剪辑的元件(如图3.6所示)。而且在“舞台”上还有这三个元件的实例。图 3.6精品资源共享课3.6 3.6 向向FlashFlash中导入位图中导入位图Flash是无法创建位图的,也不能对位图进行复杂的编辑。但是在Flash课件的制作过程中往往需要大量的使用位图。同样Flash也可
8、以导入如Adobe PhotoShop等专业的图形制作软件创建的位图。精品资源共享课3.6 3.6 向向FlashFlash中导入位图中导入位图1在菜单栏中选择“文件”“导入”“导入到舞台”按钮。2选择Lesson03/03Start文件夹中的background.psd文件。点击打开。3在“导入到舞台”对话框中,有3个图层。确保选择了所有的图层。4在左边的图层窗口中分别点选这三个图层,在右边的选项中,选中“具有可编辑图层样式的位图图像”单选按钮(如图3.7所示)。这样使得psd文件中的位图导入到Flash后直接转换为影片剪辑元件。图 3.7精品资源共享课3.6 3.6 向向FlashFlas
9、h中导入位图中导入位图5在“将图层转换为”菜单中选择“Flash图层”,然后勾选“将对象置于原始位置”。点击“确定”按钮。此时,Flash将导入Photoshop位图图形,并且文件中的所有图层组也会出现在“时间轴”中。Photoshop图像将会自动被转换为影片剪辑元件,并被保存在“库”中。 6将前面导入的3个矢量图层拖拽到“时间轴”的顶部,使得他们不被背景层覆盖(如图3.8所示)。图 3.8精品资源共享课3.7 3.7 通过库来管理元件通过库来管理元件库是Flash中的一个重要工具,合理使用库进行设计可以简化设计的过程,这也是进行复杂动画设计的重要技巧和手段。每个Flash文件都有一个存放元件
10、、位图、声音和视频文件的库。利用“库”面板可以查看和组织库中的文件。当选取库中的一个元件时,“库”面板上部的小窗口将显示出来。现在,在当前动画的“库”文件中具有多个影片剪辑元件和多个文件夹,并且具有多个实例。可以通过在文件夹中组织这些元件,更好地在“库”中管理他们。精品资源共享课3.7 3.7 通过库来管理元件通过库来管理元件1在“库”面板的左下角点击“新建文件夹”按钮。创建一个新文件夹。2将该文件夹命名为“Person” (如图3.10)。3把Dancer、Player、Singer影片剪辑元件拖拽到Person文件夹中(如图3.10所示)。图 3.9图 3.10精品资源共享课3.8 3.8
11、 更改实例的大小和位置更改实例的大小和位置1单击选择background图层中的背景层。在属性面板中,将X轴、Y轴距离都设置为0像素。将图形的宽设置为600像素,高设置为450像素。2在工具面板中选择“任意变形”工具。点击piano图层中的钢琴键层。所选的实例周围将出现方框控制句柄。在按住Shift键的同时拖动某个角的控制句柄,减小钢琴键的大小,并拖动图层到舞台的左下角对齐(如图3.11所示)。图3.11精品资源共享课3.8 3.8 更改实例的大小和位置更改实例的大小和位置3用选择“任意变形”工具点击music图层。按住Shift键的同时拖动某个角的控制句柄,减小音乐图层的大小,并拖动图层到舞
12、台的右边对齐。4用选择“任意变形”工具点击Singer图层。按住Shift键的同时拖动某个角的控制句柄,减小图层的大小,并拖动图层到舞台的左下方对齐。5用选择“任意变形”工具点击Player图层。按住Shift键的同时拖动某个角的控制句柄,减小图层的大小,并拖动图层到舞台的右下方对齐。6用选择“任意变形”工具点击Dancer图层。按住Shift键的同时拖动某个角的控制句柄,减小图层的大小,并拖动图层到舞台的中部对齐。精品资源共享课3.8 3.8 更改实例的大小和位置更改实例的大小和位置最终效果如图3.12所示。图3.12精品资源共享课3.8 3.8 更改实例的大小和位置更改实例的大小和位置获取
13、有关舞台上的实例的信息获取有关舞台上的实例的信息1. 在在“属性属性”检查器中,可以查看实例的行为和设置;对于所有实例类检查器中,可以查看实例的行为和设置;对于所有实例类型,均可以查看色彩效果设置、位置和大小;对于图形,还可以查看循环模型,均可以查看色彩效果设置、位置和大小;对于图形,还可以查看循环模式和包含该图形的第一帧;对于按钮,还可以查看实例名称式和包含该图形的第一帧;对于按钮,还可以查看实例名称 (如果已分配)(如果已分配)和跟踪选项;对于影片剪辑,还可以查看实例名称和跟踪选项;对于影片剪辑,还可以查看实例名称 (如果已分配)。(如果已分配)。 对于位对于位置,属性检查器显示元件注册点
14、或元件左上角的置,属性检查器显示元件注册点或元件左上角的 x 和和 y 坐标,具体取决于在坐标,具体取决于在“信息信息”面板上选择的选项。面板上选择的选项。2. 在在“信息信息”面板上,查看实例的大小和位置、实例注册点的位置、实面板上,查看实例的大小和位置、实例注册点的位置、实例的红色值例的红色值 (R)、绿色值、绿色值 (G)、蓝色值、蓝色值 (B) 和和 alpha (A) 值(如果实例有实心值(如果实例有实心填充);以及指针的位置。填充);以及指针的位置。“信息信息”面板还显示元件注册点或元件左上角的面板还显示元件注册点或元件左上角的 x和和y坐标,具体取决于选择了哪个选项。坐标,具体取
15、决于选择了哪个选项。 要显示注册点的坐标,请单击要显示注册点的坐标,请单击“信息信息”面板内坐标网格中的中心方框。面板内坐标网格中的中心方框。 要显示左上角的坐标,请单击坐标网格中要显示左上角的坐标,请单击坐标网格中的左上角方框。的左上角方框。精品资源共享课3.8 3.8 更改实例的大小和位置更改实例的大小和位置3. 在影片浏览器中,查看当前文档的内容,包括实例在影片浏览器中,查看当前文档的内容,包括实例和元件。和元件。4. 在在“动作动作”面板中查看分配给按钮或影片面板中查看分配给按钮或影片剪辑的所有动作。剪辑的所有动作。获取有关实例的信息操作步骤:获取有关实例的信息操作步骤:首先,在舞台上
16、选择该实例。首先,在舞台上选择该实例。显示要使用的显示要使用的“属性属性”检查器(检查器(“窗口窗口”“属性属性”)或)或面板面板要显示要显示“信息信息”面板,请选择面板,请选择“窗口窗口”“信息信息”。要显示影片浏览器,请选择要显示影片浏览器,请选择“窗口窗口”“影片浏览器影片浏览器”。 要显示要显示“动作动作”面板,请选择面板,请选择“窗口窗口”“动作动作”精品资源共享课3.9 3.9 对元件进行编辑对元件进行编辑1 .从从“库库”中编辑元件中编辑元件2.在在“舞台舞台”中直接编辑元件中直接编辑元件在在“库库”中双击中双击Singer影片剪辑元件影片剪辑元件通过双击舞台上的某个实例以直接进
17、入该实例所在元通过双击舞台上的某个实例以直接进入该实例所在元件的编辑模式,但也能够查看其周围的环境。件的编辑模式,但也能够查看其周围的环境。精品资源共享课3.9.1 3.9.1 从从“库库”中编辑元件中编辑元件1在“库”中双击Singer影片剪辑元件。Flash将会进入元件编辑模式。在这种模式下,可以查看元件的内容,舞台顶部的水平条显示,当前舞台不再处于“场景1”中,而是处于名为“Singer”的元件内(如图3.13所示)。图3.13精品资源共享课3.9.1 3.9.1 从从“库库”中编辑元件中编辑元件2再双击图画以编辑这个元件。这样就可以从元件层进入到组层(如图3.14所示)。将会看见,该矢
18、量图是由若干个小矢量图形组成的。图3.14精品资源共享课3.9.1 3.9.1 从从“库库”中编辑元件中编辑元件3要对图像上的某个组件的内容进行修改,可以直接双击进入该组件。下面我们要将歌手的裙子改为红色。点击周边白色空白区域取消对整个矢量图形的选择。单独点击蓝色的裙子选定该对象(如图3.15所示)。图3.15精品资源共享课3.9.1 3.9.1 从从“库库”中编辑元件中编辑元件双击该对象进入对象编辑模式。点击后会看见该对象是一个不规则的蓝色矢量图形(如图3.16所示)。4选择“填充颜色”工具。选取红色为新的填充颜色,应用当前矢量图形上(如图3.17所示)。图3.16图3.17精品资源共享课3
19、.9.1 3.9.1 从从“库库”中编辑元件中编辑元件5在水平条中点击“场景1”,返回到主时间轴。库中的影片剪辑元件进行了修改。“舞台”上的该元件的实例也反映了对元件所做的修改。如果编辑元件,“舞台”上该元件所有实例都会相应的发生改变(如图3.19所示)。舞台上方的顶部水平条中会有舞台上方的顶部水平条中会有4个按钮(如图个按钮(如图3.18所示)。当前正所示)。当前正在编辑的模式是在编辑的模式是“绘制对象绘制对象”,上一级为包含所有对象的,上一级为包含所有对象的“组组”,再上一级为再上一级为Singer元件,最上一级为舞台场景。元件,最上一级为舞台场景。图3.18图3.19精品资源共享课3.9
20、.2 3.9.2 在在“舞台舞台”中直接编辑元件中直接编辑元件1在在“舞台舞台”上双击上双击Dancer元件元件的实例。的实例。Flash将灰显舞台上所有将灰显舞台上所有其他的对象,进入该元件的编辑其他的对象,进入该元件的编辑模式。顶部的水平条也从模式。顶部的水平条也从“场景场景1”进入进入“Dancer”元件内(如图元件内(如图3.20所示)。所示)。2再双击图画以编辑这个元件。再双击图画以编辑这个元件。这样就可以从元件层进入到组层这样就可以从元件层进入到组层(如图(如图3.21所示)。将会看见,所示)。将会看见,该矢量图是由若干个小矢量图形该矢量图是由若干个小矢量图形组成的。组成的。图3.
21、21图3.20精品资源共享课3.9.2 3.9.2 在在“舞台舞台”中直接编辑元件中直接编辑元件3要对图像上的某个组件的内容进行修改,可以直接双击进入该组件。下面我们要将右边舞者的裙子改为绿色。点击红色的裙子选定该对象(可调整显示比例,放大图形以便选择)。双击该对象进入对象编辑模式。点击后会看见该对象是一个不规则的红色矢量图形(如图3.22所示)。4选择“填充颜色”工具。选取绿色为新的填充颜色,应用当前矢量图形上(如图3.23所示)。图3.22图3.23精品资源共享课3.9.2 3.9.2 在在“舞台舞台”中直接编辑元件中直接编辑元件舞台上方的顶部水平条中会有4个按钮(如图3.24所示)。当前
展开阅读全文