第1章静态图形图像教学课件

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