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

第1章静态图形图像演示课件 Flash多媒体课件制作实用教程 第二版 清华大学出版社ISBN 9787302254102 本章知识 Flash绘图工具详解Flash位图处理技术图形元件图层技术Flash课件文档的建立和属性设置Flash课件保存 测试和导出 1 1Flash课件制作流程 特效文字课件封面 课件封面是多媒体课件的一个组成部分 它是整个课件给人的第一印象 因此学会课件封面的制作是有必要的 课件封面可以用文字特效来表现 本节利用Flash的滤镜功能制作一个简单的特效文字课件封面 课件简介 1 1Flash课件制作流程 特效文字课件封面 FlashCS3的工作环境Flash课件的基本操作和制作流程文本工具的使用文字滤镜的设置方法 知识要点 1 1Flash课件制作流程 特效文字课件封面 1 1 1FlashCS3工作环境1 开始页 制作步骤 如果要隐藏 开始页 可以单击选择 不再显示 复选框 然后在弹出的对话框中单击 确定 按钮 如果要再次显示开始页 可以通过选择 编辑 首选参数 命令 打开 首选参数 对话框 然后在 常规 类别中设置 启动时 选项为 欢迎屏幕 即可 1 1Flash课件制作流程 特效文字课件封面 2 FlashCS3工作窗口 1 1Flash课件制作流程 特效文字课件封面 3 舞台 主工具栏 的下方是 文档选项卡 主要用于切换当前要编辑的文档 文档选项卡 下方是 时间轴 用于组织和控制文档内容在一定时间内播放的图层数和帧数 时间轴 下方是 编辑栏 可以用于 时间轴 的隐藏或显示 工作区布局 的切换 编辑场景 或 编辑元件 的切换 舞台显示比例设置等 编辑栏 下方是 舞台 舞台是放置动画内容的矩形区域 默认是白色背景 这些内容可以是矢量图形 文本 按钮 导入的位图或视频等 1 1Flash课件制作流程 特效文字课件封面 4 属性 面板 属性 面板是最常用的面板 使用 属性 面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性 从而加快了Flash文档的创建过程 当选定对象不同时 属性 面板中会出现不同的设置参数 1 1Flash课件制作流程 特效文字课件封面 1 1 2新建Flash文档和设置文档属性 制作步骤 在 开始页 中 选择 新建 下的 Flash文件 ActionScript3 0 新建一个影片文档 启动FlashCS3的工作窗口并新建一个文档 展开 属性 面板 单击 大小 右边的 文档属性 按钮 弹出 文档属性 对话框 1 1Flash课件制作流程 特效文字课件封面 1 1 3创建文字 制作步骤 1 1Flash课件制作流程 特效文字课件封面 1 1 4保存 测试和导出课件 制作步骤 保存文件 选择 文件 保存 命令 快捷键为Ctrl S 测试影片 选择 控制 测试影片 命令 快捷键为Ctrl Enter 导出影片 选择 文件 导出 导出影片 命令 经常遇到的Flash文件类型包括两种 影片源文件和影片播放文件 当制作完成一个动画作品后 需要及时将相应的影片文件保存 这个保存的文件就是影片源文件 扩展名是 fla 它是一个可以随时在Flash窗口中编辑的文件 影片播放文件就是观看动画效果的最终目标文件 它的扩展名是 swf 这个文件需要用Flash播放器进行播放 它不能在Flash窗口中编辑 1 1Flash课件制作流程 特效文字课件封面 1 1 5打开文档和设置文字滤镜效果 制作步骤 1 2绘图基础 凸透镜和凹透镜 Flash提供了很多实用的矢量绘图工具 这些工具使用简单却功能强大 对于普通老师来说 不需要太多的专业绘图技能 就能运用这些工具制作出既美观又实用的静态图形课件 本节通过制作物理课程中的凸透镜和凹透镜 可以初步掌握Flash绘图工具绘制矢量图课件的步骤及方法 课件简介 1 2绘图基础 凸透镜和凹透镜 显示和编辑网格矩形工具和线条工具的使用选择工具的使用颜料桶工具的使用笔触样式在绘制中的应用 知识要点 1 2绘图基础 凸透镜和凹透镜 1 2 1认识 工具 面板 制作步骤 工具 面板位于舞台左侧 是Flash中最常用到的一个面板 它由 工具 查看 颜色 和 选项 四部分组成 在FlashCS3中 工具 面板可以自由地安排为单列或双列显示 单击 工具 面板上方的三角按钮可以在两种状态之间变换 如图所示 是显示为双列的状态 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绘图基础 石墨分子晶体结构俯视图 运用辅助线和标尺辅助绘图多角星形工具的使用椭圆工具的使用变形面板的使用任意变形工具的使用填充变形工具的使用颜色面板的使用立体投影文字效果的制作 知识要点 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绘图基础 几何形状 这个课件绘制的是数学课程中的几何图形 主要学习使用FlashCS3新增的基本矩形工具和基本椭圆工具 进而掌握合并绘制模式 对象绘制模式等绘图技巧 课件简介 1 4绘图基础 几何形状 基本矩形工具和基本椭圆工具的使用合并绘制模式和对象绘制模式认识图元对象对象合并对齐面板的使用连体字课件标题的制作方法课件背景框架的制作方法 知识要点 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图形元件和多图层绘图 草原散章 创建图形元件图层在绘图时的应用库面板的使用钢笔工具和铅笔工具的使用方法渐变填充字的制作方法滴管工具使用方法墨水瓶工具使用方法橡皮擦工具使用方法放大镜工具的使用 知识要点 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位图处理技术应用 荷塘月色 在Flash中导入位图的方法任意变形工具中封套功能的使用创建影片剪辑元件套索工具的使用橡皮擦工具的使用柔化填充边缘 知识要点 1 6位图处理技术应用 荷塘月色 1 6 1新建文档和导入位图 制作步骤 1 6位图处理技术应用 荷塘月色 1 6 2创建 荷花1 和 荷花2 影片剪辑元件 制作步骤 创建元件要根据课件制作的需要选择元件的类型 图形元件一般用于创建静态图像 它和主时间轴同步运行 交互式操作和声音在图形元件中不起作用 按钮元件可以创建响应鼠标单击 滑过或其他动作的交互式按钮 影片剪辑元件可以创建动画片段 它拥有自己独立于主时间轴的多帧时间轴 它可以包含交互式操作 声音甚至其他影片剪辑实例 在制作课件时 将复杂的动画分解制作成一个个小的影片剪辑元件 然后再在主动画场景中组合它们 这样可以提高课件的制作效率 还可以大大简化课件的结构 使课件结构清晰 为了增强本课件的表现效果 这里把导入的位图制作成影片剪辑元件 并充分利用FlashCS3的影片剪辑滤镜效果 极简易地实现美轮美奂的艺术效果 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描图技术应用 英语口型演示课件 利用导入的位图进行描图的方法钢笔工具的使用方法位图填充字的制作方法 知识要点 1 7描图技术应用 英语口型演示课件 1 7 1新建文档并导入位图 1 新建一个Flash文件 背景色设置为米黄色 EAAF54 其他参数保持默认值 2 选择 文件 导入 导入到库 命令 弹出 导入到库 对话框 在对话框中选择所需要的图片文件 文件路径 配套光盘 素材 part1 i jpg i i jpg 图片 jpg 单击 打开 按钮 导入课件所需的图像文件 制作步骤 1 7描图技术应用 英语口型演示课件 1 7 2使用钢笔工具描图 制作步骤 1 7描图技术应用 英语口型演示课件 1 7 3制作位图填充字课件标题 制作步骤 1 7描图技术应用 英语口型演示课件 1 7 4创建其他图形元件和布局场景 制作步骤 请参考教材的实例及其制作步骤或者观看配套光盘上的同步视频教程 详细内容 具体内容请参考教材 练习1五线谱绘制音乐课件 五线谱 如图所示 主要制作步骤提示 1 运用椭圆工具和钢笔工具绘制音符 2 运用矩形工具绘制谱线 3 运用刷子工具绘制高音谱号 4 运用墨水瓶工具为课题勾边 练习2立体几何图形制作若干立体几何图形 如图所示 主要制作步骤提示 1 运用多角星形工具绘制圆锥 用基本椭圆工具绘制空心圆柱 用基本矩形工具绘制变形柱体 用钢笔工具绘制棱体 2 运用颜料桶工具填充颜色 使用填充变形工具调整高光区 使其符合光学原理 3 为课件标题添加滤镜效果 练习3物理实物电路图使用元件和多图层技术制作课件 物理实物电路图 如图所示 主要制作步骤提示 1 把开关 电池 灯泡 电线等均用绘图工具制作成图形元件 2 在多个图层中布局元件 练习4惊弓之鸟位图制作技术综合运用 惊弓之鸟 如图所示 主要制作步骤提示 1 导入位图 2 使用套索工具或描图法制作元件 3 为元件增加滤镜效果