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

《flash学习-第1章静态图形图像.ppt》由会员分享，可在线阅读，更多相关《flash学习-第1章静态图形图像.ppt（65页珍藏版）》请在三一办公上搜索。

1、第1章 静态图形图像演示课件,Flash多媒体课件制作实用教程（第二版）清华大学出版社 ISBN：9787302254102,本章知识,Flash绘图工具详解Flash位图处理技术图形元件图层技术Flash课件文档的建立和属性设置Flash课件保存、测试和导出,1.1 Flash课件制作流程 特效文字课件封面,课件封面是多媒体课件的一个组成部分，它是整个课件给人的第一印象，因此学会课件封面的制作是有必要的。课件封面可以用文字特效来表现，本节利用Flash的滤镜功能制作一个简单的特效文字课件封面。,课件简介,1.1 Flash课件制作流程 特效文字课件封面,Flash CS3的工作环境Flash

2、课件的基本操作和制作流程文本工具的使用文字滤镜的设置方法,知识要点,1.1 Flash课件制作流程 特效文字课件封面,1.1.1 Flash CS3工作环境1开始页,制作步骤,如果要隐藏“开始页”，可以单击选择“不再显示”复选框，然后在弹出的对话框中单击“确定”按钮。如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。,1.1 Flash课件制作流程 特效文字课件封面,2Flash CS3工作窗口,1.1 Flash课件制作流程 特效文字课件封面,3舞台“主工具栏”的下方是“文档选项卡”，主要用于切换当

3、前要编辑的文档，“文档选项卡”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。“时间轴”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。“编辑栏”下方是“舞台”。舞台是放置动画内容的矩形区域（默认是白色背景），这些内容可以是矢量图形、文本、按钮、导入的位图或视频等。,1.1 Flash课件制作流程 特效文字课件封面,4“属性”面板“属性”面板是最常用的面板，使用“属性”面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过程，当选定对象不同时，“属性”面板

4、中会出现不同的设置参数。,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）

5、。测试影片：选择“控制”|“测试影片”命令（快捷键为Ctrl+Enter）。导出影片：选择“文件”|“导出”|“导出影片”命令。,经常遇到的Flash文件类型包括两种，影片源文件和影片播放文件。当制作完成一个动画作品后，需要及时将相应的影片文件保存，这个保存的文件就是影片源文件，扩展名是.fla，它是一个可以随时在Flash窗口中编辑的文件。影片播放文件就是观看动画效果的最终目标文件，它的扩展名是.swf，这个文件需要用Flash播放器进行播放，它不能在Flash窗口中编辑。,1.1 Flash课件制作流程 特效文字课件封面,1.1.5 打开文档和设置文字滤镜效果,制作步骤,1.2 绘图基础凸

6、透镜和凹透镜,Flash提供了很多实用的矢量绘图工具，这些工具使用简单却功能强大，对于普通老师来说，不需要太多的专业绘图技能，就能运用这些工具制作出既美观又实用的静态图形课件。本节通过制作物理课程中的凸透镜和凹透镜，可以初步掌握Flash绘图工具绘制矢量图课件的步骤及方法。,课件简介,1.2 绘图基础凸透镜和凹透镜,显示和编辑网格矩形工具和线条工具的使用选择工具的使用颜料桶工具的使用笔触样式在绘制中的应用,知识要点,1.2 绘图基础凸透镜和凹透镜,1.2.1 认识“工具”面板,制作步骤,“工具”面板位于舞台左侧，是Flash中最常用到的一个面板，它由“工具”、“查看”、“颜色”和“选项”四部分

7、组成。在Flash CS3中，“工具”面板可以自由地安排为单列或双列显示，单击“工具“面板上方的三角按钮 可以在两种状态之间变换，如图所示，是显示为双列的状态。,1.2 绘图基础凸透镜和凹透镜,1.2.2 显示和设置网格,制作步骤,Flash提供了3种辅助工具用于测量、对齐和安排对象，即网格、辅助线和标尺。其中，标尺可以精确测量对象的长和宽；网格便于对象的对齐；辅助线便于拖动对象时的操作。制作Flash课件时，恰当使用这些辅助工具可以确保Flash课件的科学和严谨。,1新建Flash影片文档并设置文档属性2显示和编辑网格,1.2 绘图基础凸透镜和凹透镜,1.2.3 使用“线条工具”绘制凸透镜,

8、制作步骤,1.2 绘图基础凸透镜和凹透镜,1.2.4 使用“矩形工具”绘制凹透镜,制作步骤,1.2 绘图基础凸透镜和凹透镜,1.2.5 使用颜料桶工具填充颜色,制作步骤,1.2 绘图基础凸透镜和凹透镜,1.2.6 使用文本工具创建竖排的课件标题,制作步骤,1.3 绘图基础石墨分子晶体结构俯视图,本课件是化学课程中的石墨分子晶体结构的俯视图。课堂教学中运用这个课件，可以生动、形象地将石墨分子晶体的结构展示给学生，使学生能在直观图形中更准确地掌握相关的化学知识，达到事半功倍的效果。,课件简介,1.3 绘图基础石墨分子晶体结构俯视图,运用辅助线和标尺辅助绘图多角星形工具的使用椭圆工具的使用变形面板的

9、使用任意变形工具的使用填充变形工具的使用颜色面板的使用立体投影文字效果的制作,知识要点,1.3 绘图基础石墨分子晶体结构俯视图,1.3.1 利用绘图辅助工具辅助线和标尺绘图,制作步骤,1新建文档并使用标尺2编辑和显示“辅助线”,1.3 绘图基础石墨分子晶体结构俯视图,1.3.2 使用多角星形工具绘制正六边形,制作步骤,1绘制单个正六边形2复制并组合多个正六边形,1.3 绘图基础石墨分子晶体结构俯视图,1.3.3 使用椭圆工具绘制球体,制作步骤,选择“椭圆工具”。然后选择“窗口”|“颜色”命令，打开“颜色”面板，设置填充“类型”为放射状，调整好颜色指针后，在舞台绘制一个椭圆。,1.3 绘图基础石

10、墨分子晶体结构俯视图,1.3.4 使用“任意变形工具”改变球体大小,制作步骤,选择“任意变形工具”，单击石墨分子晶体，在石墨分子晶体四周出现了8个控制点。将鼠标指针放在角手柄上，按住Shift键拖动鼠标，调整对象到合适的大小。,1.3 绘图基础石墨分子晶体结构俯视图,1.3.5 使用“填充变形工具”改变球体填充,制作步骤,选择“填充变形工具”，移动鼠标指针到舞台上，单击石墨分子晶体，出现5个填充变形控制点。用鼠标拖动石墨分子晶体上的中心点手柄，将中心点即高光区拖放到石墨分子晶体的右上方。按住Ctrl键的同时，用鼠标拖动石墨分子晶体，复制出若干石墨分子晶体，用“选择工具”依据辅助线将石墨分子晶体

11、移动到所需位置。,1.3 绘图基础石墨分子晶体结构俯视图,1.3.6 创建立体投影效果的课件标题,制作步骤,1.4 绘图基础几何形状,这个课件绘制的是数学课程中的几何图形，主要学习使用Flash CS3新增的基本矩形工具和基本椭圆工具，进而掌握合并绘制模式、对象绘制模式等绘图技巧。,课件简介,1.4 绘图基础几何形状,基本矩形工具和基本椭圆工具的使用合并绘制模式和对象绘制模式认识图元对象对象合并对齐面板的使用连体字课件标题的制作方法课件背景框架的制作方法,知识要点,1.4 绘图基础几何形状,1.4.1 使用基本矩形工具绘制圆角矩形和十字花形,制作步骤,选择“基本矩形工具”，设置填充色为黑色，笔

12、触色为白色，将鼠标指针移动到场景中，拖动鼠标，绘制一个矩形。切换到“选择工具”，向右拖动左上角的控制点，调整矩形为圆角矩形。选择“基本矩形工具”，在“属性”面板中拖动边角的滑杆到最下端，即设置数值为-100，在舞台中拖动鼠标就绘制出十字花图形。,1.4 绘图基础几何形状,1.4.2 使用基本椭圆工具绘制圆环和扇形,制作步骤,选择“基本椭圆工具”。按住Shift键拖动鼠标在舞台上绘制一个圆形。切换到“选择工具”，拖动圆心处的控制点，从圆心处扩展出新的圆。选择“基本椭圆工具”，在“属性”面板中设置“开始角度”为10，“结束角度”为271，内部半径为0，选中“闭合路径”复选框，拖动鼠标绘制出扇形。,

13、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 图形元件和多图层绘图草原散章,本节主要学习使用钢笔工具和铅笔工具，学习运用图形元件和多图层绘制复杂图形的方法和技巧。本课件展示的是中学语文情境

14、课件草原散章，它以形象营造意境，进而产生极强的感染力。,课件简介,1.5 图形元件和多图层绘图草原散章,创建图形元件图层在绘图时的应用库面板的使用钢笔工具和铅笔工具的使用方法渐变填充字的制作方法滴管工具使用方法墨水瓶工具使用方法橡皮擦工具使用方法放大镜工具的使用,知识要点,1.5 图形元件和多图层绘图草原散章,1.5.1 新建文档和创建“背景”图形元件,制作步骤,1.5 图形元件和多图层绘图草原散章,1.5.2 使用钢笔工具创建“白云”和“小草”图形元件,制作步骤,1.5 图形元件和多图层绘图草原散章,1.5.3 使用刷子工具创建“小河”图形元件,制作步骤,创建一个名称为“小河”的图形元件，选

15、择“工具”面板中的“刷子工具”在“工具”面板的选项栏中设置刷子为大号圆形，设置填充色为暗灰色（#B5ACA6），在元件的场景中绘制出小河的大致形状。,1.5 图形元件和多图层绘图草原散章,1.5.4 使用铅笔工具创建“飞鸟”图形元件,制作步骤,创建一个名称为“飞鸟”的图形元件，选择工具面板中的“铅笔工具”，在“工具”面板的选项栏中设置绘制模式为“平滑”，设置笔触颜色为暗灰色（#B5ACA6），笔触高度为5，笔触样式为“锯齿状”，在元件的场景中绘制出飞鸟。,1.5 图形元件和多图层绘图草原散章,1.5.5 运用多图层技术布局场景,制作步骤,1.5 图形元件和多图层绘图草原散章,1.5.6 在主场

16、景中编辑完善“小河”图形元件,制作步骤,1.5 图形元件和多图层绘图草原散章,1.5.7 使用墨水瓶工具创建填充字课件标题,制作步骤,1.6 位图处理技术应用荷塘月色,本范例是表现中学语文课文荷塘月色的一个图形图像课件，这个课件的制作充分应用了Flash位图和矢量图的处理能力，通过图形、图像将荷塘月色的优美意境表现了出来。利用这个课件辅助教学，不仅使学生直观地感受到作者在课文中描写的情景，而且给学生带来美的享受。,课件简介,1.6 位图处理技术应用荷塘月色,在Flash中导入位图的方法任意变形工具中封套功能的使用创建影片剪辑元件套索工具的使用橡皮擦工具的使用柔化填充边缘,知识要点,1.6 位图

17、处理技术应用荷塘月色,1.6.1 新建文档和导入位图,制作步骤,1.6 位图处理技术应用荷塘月色,1.6.2 创建“荷花1”和“荷花2”影片剪辑元件,制作步骤,创建元件要根据课件制作的需要选择元件的类型。图形元件一般用于创建静态图像，它和主时间轴同步运行，交互式操作和声音在图形元件中不起作用。按钮元件可以创建响应鼠标单击、滑过或其他动作的交互式按钮。影片剪辑元件可以创建动画片段。它拥有自己独立于主时间轴的多帧时间轴。它可以包含交互式操作、声音甚至其他影片剪辑实例。在制作课件时，将复杂的动画分解制作成一个个小的影片剪辑元件，然后再在主动画场景中组合它们，这样可以提高课件的制作效率，还可以大大简化

18、课件的结构，使课件结构清晰。为了增强本课件的表现效果，这里把导入的位图制作成影片剪辑元件，并充分利用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 为影片剪辑元件添加滤镜效

19、果,制作步骤,1.7 描图技术应用英语口型演示课件,本节继续研究在Flash中利用位图制作课件的方法和技巧。重点介绍把导入的位图经过描图变成风格神似的矢量图的过程，把位图的运用推向了一个新的高度。同时介绍用位图填充制作课件标题文字特效的方法。,课件简介,1.7 描图技术应用英语口型演示课件,利用导入的位图进行描图的方法钢笔工具的使用方法位图填充字的制作方法,知识要点,1.7 描图技术应用英语口型演示课件,1.7.1 新建文档并导入位图（1）新建一个Flash文件，背景色设置为米黄色（#EAAF54），其他参数保持默认值。（2）选择“文件”|“导入”|“导入到库”命令，弹出“导入到库”对话框，在

20、对话框中选择所需要的图片文件（文件路径：配套光盘素材part1i.jpg，i(i).jpg，图片.jpg），单击“打开”按钮，导入课件所需的图像文件。,制作步骤,1.7 描图技术应用英语口型演示课件,1.7.2 使用钢笔工具描图,制作步骤,1.7 描图技术应用英语口型演示课件,1.7.3 制作位图填充字课件标题,制作步骤,1.7 描图技术应用英语口型演示课件,1.7.4 创建其他图形元件和布局场景,制作步骤,请参考教材的实例及其制作步骤或者观看配套光盘上的同步视频教程,详细内容,具体内容请参考教材,练习1 五线谱绘制音乐课件五线谱，如图所示。,主要制作步骤提示：（1）运用椭圆工具和钢笔工具绘制

21、音符。（2）运用矩形工具绘制谱线。（3）运用刷子工具绘制高音谱号。（4）运用墨水瓶工具为课题勾边。,练习2 立体几何图形制作若干立体几何图形，如图所示。,主要制作步骤提示：（1）运用多角星形工具绘制圆锥，用基本椭圆工具绘制空心圆柱，用基本矩形工具绘制变形柱体，用钢笔工具绘制棱体。（2）运用颜料桶工具填充颜色，使用填充变形工具调整高光区，使其符合光学原理。（3）为课件标题添加滤镜效果。,练习3 物理实物电路图使用元件和多图层技术制作课件物理实物电路图，如图所示。,主要制作步骤提示：（1）把开关、电池、灯泡、电线等均用绘图工具制作成图形元件。（2）在多个图层中布局元件。,练习4 惊弓之鸟位图制作技术综合运用惊弓之鸟，如图所示。,主要制作步骤提示：（1）导入位图。（2）使用套索工具或描图法制作元件。（3）为元件增加滤镜效果。,