物理与电子工程学院.ppt

物理与电子工程学院,FLASH CS5课件制作,陈声健 副教授 教育技术学教研室,qjsycsj；QQ：125675911,FLASH CS5课件制作,实例教程,解压缩后双击 开始安装 （断开网络） 在文件夹下有 获取注册码 用记事本打开并修改C:windowssystem32driversetchosts文件以避免网上验证,Flash CS5的安装,个性化工作区设置,可以使用各种元素（如面板、栏以及窗口）来创建和处理文档和文件。 这些元素的任何排列方式称为工作区。Flash cs 5 中不同应用程序的工作区具有相同的外观，因此您可以在应用程序之间轻松切换。您也可以通过从多个预设工作区中进行选择或创建自己的工作区来调整各个应用程序，以适合您的工作方式。 虽然不同产品中的默认工作区布局不同，但是您对其中元素的处理方式基本相同。 Flash CS5拥有动画、传统、调试等7种工作区，用户可以根据自己的喜好、习惯设置自己的工作区，将工具条、时间轴等放置在自己喜欢的位置。,例1绘制中秋美景 使用直线工具、刷子工具、颜料桶工具、椭圆工具来完成图形的绘制 。,效果图,一、绘图工具的使用,效果图,DECO 工具的使用 Deco工具是Flash的一套简化画图功能一套刷子工具，利用它可以很方便地画出树木、花草、火焰等效果。 例 2 我们的校园,一、绘图工具的使用,使用TLF文本,从 Flash Professional CS5 开始，您可以使用新文本引擎 文本布局框架 (TLF) 向 FLA 文件添加文本。TLF 支持更多丰富的文本布局功能和对文本属性的精细控制。与以前的文本引擎（现在称为传统文本）相比， TLF 文本可加强对文本的控制。与传统文本相比， TLF 文本提供了下列增强功能： 更多字符样式，包括行距、连字、加亮颜色、下划线、删除线、大小写、数字格式及其他。 更多段落样式，包括通过栏间距支持多列、末行对齐选项、边距、缩进、段落间距和容器填充值。 控制更多亚洲字体属性，包括直排内横排、标点挤压、避头尾法则类型和行距模型。 您可以为 TLF 文本应用 3D 旋转、色彩效果以及混合模式等属性，而无需将 TLF 文本放置在影片剪辑元件中。 文本可按顺序排列在多个文本容器。这些容器称为串接文本容器或链接文本容器。 能够针对阿拉伯语和希伯来语文字创建从右到左的文本。 支持双向文本，其中从右到左的文本可包含从左到右文本的元素。当遇到在阿拉伯语或希伯来语文本中嵌入英语单词或阿拉伯数字等情况时，此功能必不可少。,一、绘图工具的使用,使用文字工具输入需要的文字，使用属性面板设置文字的字体、大小、颜色、行距和字符属性。,效果图,例3制作心情日记,一、绘图工具的使用,一、轻松捕捉SWF动画:只要点击IE工具栏上的“硕思闪客精灵” 图标或者鼠标右键菜单上的“硕思闪客名捕”，即可打开保存“SWF”文件的对话框,将需要下载的flash文件选中（文件前面打勾），然后单击“Save”按钮即可保存。 二、轻松转换SWF:“硕思闪客精灵”强大所在就是可以把SWF文件转换成FLA文件。打开硕思闪客精灵，在左边的“文件浏览”框中选择SWF文件所在的文件夹后，下方的“名称”框中就显示当前路径下所有的SWF文件。选择你要修改的SWF文件，中间预览框中能预览该动画的播放效果。 右框中显示了从SWF中分解出来的元素， 包括矢量图、变形矢量图、图片、声音、 字体、文字、动画、按钮、动画帧、命令代码等（图2）。现在你只要单击工具栏上的“导出 FLA/Flex”按钮，即可打开另存为对话框，选择fla文件存放的位置，单击保存按钮即可。,硕思闪客精灵,硕思闪客精灵,三、轻松获取SWF素材 如你想提取SWF中的一部分素材，也可以利用“硕思闪客精灵”来完成。打开Flash动画后，“硕思闪客精灵”会自动将Flash动画中所有的图片、矢量图、变形矢量图、字体、文字、按钮、动画、动画帧和代码等基本元素完全分解出来。例如我们要导出声音素材，在左边“名称”框中选中你需要的SWF文件后，再在右侧“导出”框中展开素材，选择“声音”前面的对勾，单击工具栏上的“输出资源”按钮，,中秋美景（动）,补间动画：补间动画在Flash CS4 中引入，功能强大且易于创建。通过补间动画可对补间的动画进行最大程度的控制。传统补间（包括在早期版本的 Flash 中创建的所有补间）的创建过程更为复杂。补间动画提供了更多的补间控制，而传统补间提供了一些用户可能希望使用的某些特定功能。 补间动画在整个补间范围上由一个目标对象组成。 不需要添加关键帧,二、基本动画的制作,几个概念： 帧：在Flash中，一系列单幅画面的每一格叫做帧，它是Flash动画中最小时间单位里出现的画面。 关键帧：人为制作含有画面的帧。 帧频：每秒钟显示的帧数叫帧率，flash cs5默认帧频为24。 时间轴：也叫时间线，用来放置这一系列帧画面的线叫做时间轴，动画是按在时间轴上的先后出现的。 图层：用来绘制画面的容器，一个时刻显示的画面可能有很多层组成。 属性：一个元件所具备的特征 库：用来存放影片剪辑、按钮、图形的容器,二、基本动画的制作,补间形状动画,补间形状动画：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。形状补间是淡绿色底加一个黑色箭头组成的。 常用于大小、形状、位置、颜色等的变化 只用于矢量图形（文字需要打散，位图需要矢量化） 可以添加提示点以实现精确变形 例：矩形变成梯形 流淌的奶油,二、基本动画的制作,传统补间动画,是由一个形态到另一个形态的变化过程，像移动位置，改变角度等。动画补间是淡紫色底加一个黑色箭头组成的。 （相对于补间动画来说的，原来叫动作动画或动画补间） 常用于大小、位置、透明度3D等的变化 只针对于元件（按钮元件、图形元件、影片剪辑元件） 是淡绿色底加一个黑色箭头组成的。 例：力和运动,二、基本动画的制作,逐帧动画,1逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 2创建逐帧动画的几种方法 （1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）导入序列图像 例：花儿开了,二、基本动画的制作,预设动画,动画预设：Flash cs5支持动画预设功能，这可以把一些做好的补间动画保存为模板，并将它应用到其它对象上。在Flash cs5中元件和文本对象可以应用动画预设。在Flash cs5中已为我们保存了一些补间动画，我们可以直接将这些补间动画应用到我们自已的对象上。现在就来看看，都有些什么样的效果。点击“窗口”“动画预设”，这样就打开了动画预设面板。 复制动画、粘贴动画：我们还可以直接将将动画复制、粘贴操作 例10：课件片头制作 新建AS文档 导入背景图片 输入文字“三” 找到“预设动画”面板，选3D螺旋。 重复3、4完成“角”、“函”、“数”几个字的制作,二、基本动画的制作,路径动画,单纯依靠设置关键帧，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？答案是肯定的，这就是“引导路径动画”。 将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。 例11：导弹的飞行 打开源文件 单击导弹、添加传统引导层 绘制运动路径（用铅笔工具） 给导弹层40帧添加关键帧、其他图层空帧 给导弹图层创建传统补间动画 调整首帧、尾帧导弹的位置，在需要的地方调整角度,二、基本动画的制作,路径动画,例12：地月系统 将背景设为深蓝色 绘制蓝色小球作为地球 添加图层，绘制黄色小球作为月亮 将月亮转换为元件 给月亮添加传统引导层 绘制空心椭圆 将椭圆擦除一个小缺口 给月亮制作传统补间动画 调整月亮首帧、尾帧的位置,二、基本动画的制作,遮罩动画,遮罩动画的概念 （1）什么是遮罩 遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 （2）遮罩有什么用 在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。,二、基本动画的制作,例13 情人节贺卡1 打开情人节贺卡文件 输入文字“情人节贺卡”，竖排 新建图层，输入其他文字，竖排 将文字打散两次 新建图层，在新建的图层创建彩虹色矩形，并逐步作出由小变大的动画效果，并盖住每列文字 6. 将文字图层设为遮罩层,遮罩动画,二、基本动画的制作,例14 旋转的地球 打开旋转的地球begin文件 将地球拖至舞台，在第50帧空帧延续 新建图层，将地图拖至舞台，第50帧插入关键帧 将地图做从左到右的传统补间动画 新建图层，将地图拖至舞台，调整其亮度为-70，第50帧插入关键帧 将地图做从右到左的传统补间动画 将地球图层设为遮罩层 新建图层，将地球放入,遮罩动画,二、基本动画的制作,动画类型小结,逐帧动画,补间动画,传统补间 补间形状 补间动画,普通传统补间动画 引导层动画 遮罩动画,用脚本控制影片,在Flash CS5中，如果要实现一些复杂多变的动画效果就要涉及动作脚本，可以通过输入不同的动作脚本来实现高难度的动画效果。 例 15 辛勤的蜜蜂 打开辛勤的蜜蜂begin文件 打开窗口-组件-Userinterface-button 拖两个button出来，分别命名为tz，jx，找到属性，将其label值分别设为停止，继续 选中停止按钮，单击代码片段，选择转到下一帧并播放，双击 将函数体改为stop（） 继续按钮函数体改为play（）,三、高级动画的制作,骨骼动画,从Flash CS3开始新增 “骨骼工具”来创建反向运动，FlashCS5有较大的改进。该工具可以在短时间里制作出复杂而自然的动画效果，这种制作方式很适合运用在皮影动画中。,三、高级动画的制作,骨骼动画,例 18 森林公园 打开森林公园begin文件 插入新建元件影片剪辑袋鼠 将袋鼠图片拖入 将图片打散 用套索工具将脚部分选中，转换为元件“脚” 将腿部分选中，转换为元件“腿” 身体部分转换为元件“身体” 用骨骼工具分别给身体和腿连接部分加骨骼，腿和脚连接部分加 骨骼 逐步添加关键帧，调整袋鼠的动作 在主场景制作袋鼠从左到右的路径动画,三、高级动画的制作,声音的调用,在Flash CS5中可以导入外部的声音素材作为动画的背景音乐或音效。 Flash CS5提供了许多使用声音的方式。它可以使声音独立于时间轴连续播放，或使动画和一个音轨同步播放。可以向按钮添加声音，使按钮具有更强的互动性，还可以通过声音淡入淡出产生更优美的声音效果。 例 19 幼儿英语课件,三、高级动画的制作,调用视频,在 Flash 文件内嵌入视频 1 选择“ 文件”“ 导入”“ 导入视频” 将视频剪辑导入到当前的 Flash 文档中。 2 选择本地计算机上要导入的视频剪辑。 3 选择“ 在 SWF 中嵌入 FLV 并在时间轴上播放”。 4 单击“ 下一步”。 5 选择用于将视频嵌入到 SWF 文件的元件类型。 用flvplayback组件 1 在舞台上选定 FLVPlayback 组件后，打开属性检查器（“ 窗口”“ 属性”），然后输入实例名称。 2 选择属性检查器中的“ 参数”，或打开组件检查器（“ 窗口”“ 组件”）。 3 输入参数值或使用默认设置。,三、高级动画的制作,调用视频,例 20 播放视频 新建AS3 文档 窗口组件-video-flvplayback 选择视频的位置,三、高级动画的制作,动画编辑器,在Flash中增加了一个我们在以前没见过的面板动画编辑器。现在我们就来认识一下它。即然是动编辑