flash学习---第1章静态图形图像.ppt

第1章 静态图形图像演示课件 Flash多媒体课件制作实用教程（第二版） 清华大学出版社 ISBN：9787302254102 本章知识 lFlash绘图工具详解 lFlash位图处理技术 l图形元件 l图层技术 lFlash课件文档的建立和属性设置 lFlash课件保存、测试和导出 1.1 Flash课件制作流程 特效文字课件封面 课件封面是多媒体课件的一个组成部分，它是整个课件给人的第一 印象，因此学会课件封面的制作是有必要的。课件封面可以用文字 特效来表现，本节利用Flash的滤镜功能制作一个简单的特效文字课 件封面。 课件简介 1.1 Flash课件制作流程 特效文字课件封面 uFlash CS3的工作环境 uFlash课件的基本操作和制作流程 u文本工具的使用 u文字滤镜的设置方法 知识要点 1.1 Flash课件制作流程 特效文字课件封面 1.1.1 Flash CS3工作环境 1开始页 制作步骤 如果要隐藏“开始页”，可 以单击选择“不再显示”复选框 ，然后在弹出的对话框中单击“ 确定”按钮。如果要再次显示开 始页，可以通过选择“编辑 ”|“首选参数”命令，打开“ 首选参数”对话框，然后在“常 规”类别中设置“启动时”选项 为“欢迎屏幕”即可。 1.1 Flash课件制作流程 特效文字课件封面 2Flash CS3工作窗口 1.1 Flash课件制作流程 特效文字课件封面 3舞台 “主工具栏”的下方是“文档选项卡”，主要 用于切换当前要编辑的文档，“文档选项卡 ”下方是“时间轴”，用于组织和控制文档内 容在一定时间内播放的图层数和帧数。“时 间轴”下方是“编辑栏”，可以用于“时间轴” 的隐藏或显示、“工作区布局”的切换、“编 辑场景”或“编辑元件”的切换、舞台显示比 例设置等。“编辑栏”下方是“舞台”。舞台 是放置动画内容的矩形区域（默认是白色 背景），这些内容可以是矢量图形、文本 、按钮、导入的位图或视频等。 1.1 Flash课件制作流程 特效文字课件封面 4“属性”面板 “属性”面板是最常用的面板，使用“属性”面板可以很容易地设置舞台或 时间轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过 程，当选定对象不同时，“属性”面板中会出现不同的设置参数。 1.1 Flash课件制作流程 特效文字课件封面 1.1.2 新建Flash文档和设置文档属性 制作步骤 在“开始页”中，选择“新建”下的“Flash文件（ActionScript3.0）”，新建一个影 片文档，启动Flash CS3的工作窗口并新建一个文档。 展开“属性”面板，单击“大小”右边的“文档属性”按钮 ，弹出“文档属性”对话框 。 1.1 Flash课件制作流程 特效文字课件封面 1.1.3 创建文字 制作步骤 1.1 Flash课件制作流程 特效文字课件封面 1.1.4 保存、测试和导出课件 制作步骤 保存文件：选择“文件”|“保存”命令（快捷键为Ctrl+S）。 测试影片：选择“控制”|“测试影片”命令（快捷键为Ctrl+Enter）。 导出影片：选择“文件”|“导出”|“导出影片”命令。 经常遇到的Flash文件类型包括两种，影片源文件和影片播放文件。当制作完 成一个动画作品后，需要及时将相应的影片文件保存，这个保存的文件就是影 片源文件，扩展名是.fla，它是一个可以随时在Flash窗口中编辑的文件。影片播 放文件就是观看动画效果的最终目标文件，它的扩展名是.swf，这个文件需要 用Flash播放器进行播放，它不能在Flash窗口中编辑。 1.1 Flash课件制作流程 特效文字课件封面 1.1.5 打开文档和设置文字滤镜效果 制作步骤 1.2 绘图基础凸透镜和凹透镜 Flash提供了很多实用的矢量绘图工具，这些工具使用简单却功能强 大，对于普通老师来说，不需要太多的专业绘图技能，就能运用这 些工具制作出既美观又实用的静态图形课件。本节通过制作物理课 程中的凸透镜和凹透镜，可以初步掌握Flash绘图工具绘制矢量图课 件的步骤及方法。 课件简介 1.2 绘图基础凸透镜和凹透镜 u显示和编辑网格 u矩形工具和线条工具的使用 u选择工具的使用 u颜料桶工具的使用 u笔触样式在绘制中的应用 知识要点 1.2 绘图基础凸透镜和凹透镜 1.2.1 认识“工具”面板 制作步骤 “工具”面板位于舞台左侧，是Flash中最常用 到的一个面板，它由“工具”、“查看”、“颜色” 和“选项”四部分组成。 在Flash CS3中，“工具”面板可以自由地安排 为单列或双列显示，单击“工具“面板上方的三 角按钮 可以在两种状态之间变换，如图所示， 是显示为双列的状态。 1.2 绘图基础凸透镜和凹透镜 1.2.2 显示和设置网格 制作步骤 Flash提供了3种辅助工具用于测量、对齐和安排对象，即网格、辅助线和标尺。 其中，标尺可以精确测量对象的长和宽；网格便于对象的对齐；辅助线便于拖动 对象时的操作。制作Flash课件时，恰当使用这些辅助工具可以确保Flash课件的 科学和严谨。 1新建Flash影片文档并设置文档属性 2显示和编辑网格 1.2 绘图基础凸透镜和凹透镜 1.2.3 使用“线条工具”绘制凸透镜 制作步骤 1.2 绘图基础凸透镜和凹透镜 1.2.4 使用“矩形工具”绘制凹透镜 制作步骤 1.2 绘图基础凸透镜和凹透镜 1.2.5 使用颜料桶工具填充颜色 制作步骤 1.2 绘图基础凸透镜和凹透镜 1.2.6 使用文本工具创建竖排的课件标题 制作步骤 1.3 绘图基础石墨分子晶体结构俯视图 本课件是化学课程中的石墨分子晶体结构的俯视图。课堂教学中运用这 个课件，可以生动、形象地将石墨分子晶体的结构展示给学生，使学生 能在直观图形中更准确地掌握相关的化学知识，达到事半功倍的效果。 课件简介 1.3 绘图基础石墨分子晶体结构俯视图 u运用辅助线和标尺辅助绘图 u多角星形工具的使用 u椭圆工具的使用 u变形面板的使用 u任意变形工具的使用 u填充变形工具的使用 u颜色面板的使用 u立体投影文字效果的制作 知识要点 1.3 绘图基础石墨分子晶体结构俯视图 1.3.1 利用绘图辅助工具辅助线和标尺绘图 制作步骤 1新建文档并使用标尺 2编辑和显示“辅助线” 1.3 绘图基础石墨分子晶体结构俯视图 1.3.2 使用多角星形工具绘制正六边形 制作步骤 1绘制单个正六边形 2复制并组合多个正六边形 1.3 绘图基础石墨分子晶体结构俯视图 1.3.3 使用椭圆工具绘制球体 制作步骤 选择“椭圆工具” 。然后选择“窗 口”|“颜色”命令，打开“颜色”面 板，设置填充“类型”为放射状 ，调整好颜色指针后，在舞台 绘制一个椭圆。 1.3 绘图基础石墨分子晶体结构俯视图 1.3.4 使用“任意变形工具”改变球体大小 制作步骤 选择“任意变形工具” ，单击石 墨分子晶体，在石墨分子晶体 四周出现了8个控制点。将鼠标 指针放在角手柄上，按住Shift 键拖动鼠标，调整对象到合适 的大小。 1.3 绘图基础石墨分子晶体结构俯视图 1.3.5 使用“填充变形工具”改变球体填充 制作步骤 选择“填充变形工具”，移动鼠标指 针到舞台上，单击石墨分子晶体， 出现5个填充变形控制点。用鼠标 拖动石墨分子晶体上的中心点手柄 ，将中心点即高光区拖放到石墨分 子晶体的右上方。 按住Ctrl键的同时，用鼠标拖动石 墨分子晶体，复制出若干石墨分子 晶体，用“选择工具” 依据辅助线将 石墨分子晶体移动到所需位置。 1.3 绘图基础石墨分子晶体结构俯视图 1.3.6 创建立体投影效果的课件标题 制作步骤 1.4 绘图基础几何形状 这个课件绘制的是数学课程中的几何图形，主要学习使用Flash CS3新增 的基本矩形工具和基本椭圆工具，进而掌握合并绘制模式、对象绘制模 式等绘图技巧。 课件简介 1.4 绘图基础几何形状 u基本矩形工具和基本椭圆工具的使用 u合并绘制模式和对象绘制模式 u认识图元对象 u对象合并 u对齐面板的使用 u连体字课件标题的制作方法 u课件背景框架的制作方法 知识要点 1.4 绘图基础几何形状 1.4.1 使用基本矩形工具绘制圆角矩形和十字花形 制作步骤 选择“基本矩形工具”，设置填充色为黑色 ，笔触色为白色，将鼠标指针移动到场景 中，拖动鼠标，绘制一个矩形。切换到“选 择工具”，向右拖动左上角的控制点，调整 矩形为圆角矩形。 选择“基本矩形工具”，在“属性”面板中拖 动边角的滑杆到最下端，即设置数值为- 100，在舞台中拖动鼠标就绘制出十字花图 形。 1.4 绘图基础几何形状 1.4.2 使用基本椭圆工具绘制圆环和扇形 制作步骤 选择“基本椭圆工具” 。按住Shift键拖动鼠 标在舞台上绘制一个圆形。切换到“选择工 具”，拖动圆心处的控制点，从圆心处扩展 出新的圆。 选择“基本椭圆工具”，在“属性”面板中设 置“开始角度”为10，“结束角度”为271，内 部半径为0，选中“闭合路径”复选框，拖动 鼠标绘制出扇形。 1.4 绘图基础几何形状 1.4.3 运用合并绘制模式绘制不规则多边形 制作步骤 1.4 绘图基础几何形状 1.4.4 运用对象绘制模式绘制牵牛花形 制作步骤 框选两个对象，选择“修改”|“合并对象”|“打孔”命令， 对象发生了切割效果， 1.4 绘图基础几何形状 1.4.5 绘制课件背景 制作步骤 1.4 绘图基础几何形状 1.4.6 使用文本工具创建连体字标题效果 制作步骤 1.4 绘图基础几何形状 1.4.7 使用对齐面板布局对象 制作步骤 1.5 图形元件和多图层绘图草原散章 本节主要学习使用钢笔工具和铅笔工具，学习运用图形元件和多图层绘 制复杂图形的方法和技巧。本课件展示的是中学语文情境课件草原散 章，它以形象营造意境，进而产生极强的感染力。 课件简介 1.5 图形元件和多图层绘图草原散章 u创建图形元件 u图层在绘图时的应用 u库面板的使用 u钢笔工具和铅笔工具的使用方法 u渐变填充字的制作方法 u滴管工具使用方法 u墨水瓶工具使用方法 u橡皮擦工具使用方法 u放大镜工具的使用 知识要点 1.5 图形元件和多图层绘图草原散章 1.5.1 新建文档和创建“背景”图形元件 制作步骤 1.5 图形元件和多图层绘图草原散章 1.5.2 使用钢笔工具创建“白云”和“小草”图形元件 制作步骤 1.5 图形元件和多图层绘图草原散章 1.5.3 使用刷子工具创建“小河”图形元件 制作步骤 创建一个名称为“小河”的图形元件，选择“工具”面板中的“刷子工具”在“ 工具”面板的选项栏中设置刷子为大号圆形，设置填充色为暗灰色（ #B5ACA6），在元件的场景中绘制出小河的大致形状。 1.5 图形元件和多图层绘图草原散章 1.5.4 使用铅笔工具创建“飞鸟”图形元件 制作步骤 创建一个名称为“飞鸟”的图形元件，选择工具面板中的“铅笔工具”，在“ 工具”面板的选项栏中设置绘制模式为“平滑”，设置笔触颜色为暗灰色（ #B5ACA6），笔触高度为5，笔触样式为“锯齿状”，在元件的场景中绘制 出飞鸟。 1.5 图形元件和多图层绘图草原散章 1.5.5 运用多图层技术布局场景 制作步骤 1.5 图形元件和多图层绘图草原散章 1.5.6 在主场景中编辑完善“小河”图形元件 制作步骤 1.5 图形元件和多图层绘图草原散章 1.5.7 使用墨水瓶工具创建填充字课件标题 制作步骤 1.6 位图处理技术应用荷塘月色 本范例是表现中学语文课文荷塘月色的一个图形图像课件，这个课 件的制作充分应用了Flash位图和矢量图的处理能力，通过图形、图像将 荷塘月色的优美意境表现了出来。利用这个课件辅助教学，不仅使 学生直观地感受到作者在课文中描写的情景，而且给学生带来美的享受 。 课件简介 1.6 位图处理技术应用荷塘月色 u在Flash中导入位图的方法 u任意变形工具中封套功能的使用 u创建影片剪辑元件 u套索工具的使用 u橡皮擦工具的使用 u柔化填充边缘 知识要点 1.6 位图处理技术应用荷塘月色 1.6.1 新建文档和导入位图 制作步骤 1.6 位图处理技术应用荷塘月色 1.6.2 创建“荷花1”和“荷花2”影片剪辑元件 制作步骤 创建元件要根据课件制作的需要选择元件的类型。图形元件一般用于创建静 态图像，它和主时间轴同步运行，交互式操作和声音在图形元件中不起作用。 按钮元件可以创建响应鼠标单击、滑过或其他动作的交互式按钮。影片剪辑元 件可以创建动画片段。它拥有自己独立于主时间轴的多帧时间轴。它可以包含 交互式操作、声音甚至其他影片剪辑实例。 在制作课件时，将复杂的动画分解制作成一个个小的影片剪辑元件，然后再 在主动画场景中组合它们，这样可以提高课件的制作效率，还可以大大简化课 件的结构，使课件结构清晰。 为了增强本课件的表现效果，这里把导入的位图制作成影片剪辑元件，并充 分利用Flash CS3的影片剪辑滤镜效果，极简易地实现美轮美奂的艺术效果。 1.6 位图处理技术应用荷塘月色 1.6.3 使用套索工具清除位图的背景 制作步骤 1.6 位图处理技术应用荷塘月色 1.6.4 综合运用各种绘图工具创建其他图形元件 1创建“弧形”图形元件 2创建“诗词”图形元件 3创建“标题”图形元件 4创建“蜻蜓”图形元件 5创建“青烟”影片剪辑元件 制作步骤 1.6 位图处理技术应用荷塘月色 1.6.5 布局场景 制作步骤 1.6 位图处理技术应用荷塘月色 1.6.6 为影片剪辑元件添加滤镜效果 制作步骤 1.7 描图技术应用英语口型演示课件 本节继续研究在Flash中利用位图制作课件的方法和技巧。重点介绍把导 入的位图经过描图变成风格神似的矢量图的过程，把位图的运用推向了 一个新的高度。同时介绍用位图填充制作课件标题文字特效的方法。 课件简介 1.7 描图技术应用英语口型演示课件 u利用导入的位图进行描图的方法 u钢笔工具的使用方法 u位图填充字的制作方法 知识要点 1.7 描图技术应用英语口型演示课件 1.7.1 新建文档并导入位图 （1）新建一个Flash文件，背景色设置为米黄色（#EAAF54），其 他参数保持默认值。 （2）选择“文件”|“导入”|“导入到库”命令，弹出“导入到库”对话框， 在对话框中选择所需要的图片文件（文件路径：配套光盘素材 part1i.jpg，i(i).jpg，图片.jpg）