flash初步与矢量图

Flash初步与矢量图1教师信息q教师： 郑戟明 q电子信箱： shift_q办公室：信息楼 B421q电话： 677038552教学目的q了解 flash动画的基本原理和整个制作过程q初步熟悉 Flash的工作环境； q掌握以下操作：q 影片文档属性的设置q 初步了解帧、关键帧的概念及如何插入关键帧q 如何选择对象和移动对象；q 工具面板和属性面板的使用q 新建和保存文件q 运用矢量绘图工具绘制简单的矢量图q理解 Flash的两种文件格式 :fla 和 swf。 3重点和难点q 重点q 影片文档属性的设置；q 初步了解帧、关键帧的概念及如何插入关键帧q 如何选择对象和移动对象；q 工具面板和属性面板的使用；q 矢量绘图；q 理解 Flash的两种文件格式 :fla 和 swf 。q 难点q 帧、关键帧的概念及如何插入关键帧q 工具面板和属性面板的使用q 矢量绘图4背景知识qFlash是 Macromedia公司出品的软件。qFlash的作品往往是 “有声有色 ”的动画：q Flash是以矢量图为基础的，矢量图的最大特点就是能在无限缩放中，保持图像的质量不变；q Flash的动画作品能与观众间产生互动，即能对观众的事件做出反应，因此 Flash被是一种 “交互性矢量多媒体制作软件 ”。qFlash与网络联系密切，其大量的特性是与网络相关的。可以说，没有网络的结合， Flash绝对不能取得如此大的成功。5Flash 的工作环境q 场景（ Scene）q Flash中，制作影片的工作区域。类似话剧、电影等的场景q 一个 Flash文件中可以包含多个场景，播放时 依次逐个播放依次逐个播放q 提示：提示： 对于帧数多的，又便于 “分段 ”的动画，应该分场景制作q 场景管理使用 “场景 ”面板q 面板q 作用类似于对话框，用于进行相关设置q 通过窗口菜单可以显示或关闭各种面板q Flash中面板共有 4大类 22种，常用的有 “属性面板 ”、 “库面板 ”、 “对齐面板 ”等。 q 工具栏q 主工具栏命令按钮q 编辑栏场景编辑、元件编辑、显示比例q 控制器控制影片播放q 通过 “窗口 /工具栏 ”打开或关闭各个工具栏6工作环境示意图面板工具栏时间轴场景7Flash 面板 _属性面板q属性面板是一个综合性的面板。q 可以设置图形、图像、元件，以及工具和文档的有关属性q 例如，选用 “文本 ”工具时，就可以设置文本的字体、字号、颜色等属性q提示：属性面板中的内容随用户所选定的内容的不同而变化。8用户未选中任何对象时属性面板的状态用户选用元件对象时属性面板的状态用户选用文字对象时属性面板的状态各种属性面板示意图 9Flash 面板 _工具面板q工具面板自上而下分为四个区q 工具区绘图、填充、选取、变形、擦除工具q 查看区缩放、手形工具q 颜色区设置线条（轮廓）和对象内部填充色q 选项区如，设置矩形工具的圆角半径q常用的工具：q 箭头工具q 文本工具q 任意变形工具q 椭圆矩形工具q 墨水瓶，油漆桶工具10Flash 面板 _库面板q 库面板用来存放元件q 将库中的元件拖放到场景中，形成实例，即可使用q 元件与实例 q 元件（ Symbol）组件q 顾名思义，元件是用于组装动画的部件。q 按在影片中的表现形式组件可分为三种类型：影片、图形和按钮q 优点：可重复使用。元件可以嵌套q 实例（ Instance）q 元件拖到场景中后，称为实例q 修改实例不影响元件库中的原元件q 修改元件库中的原元件，影响实例q 编辑元件模式q 编辑元件窗口与场景不同11Flash 面板 _时间轴面板q主要用于组织和控制影片中图层和帧的内容，使这些内容随着时间的推移而发生相应变化。q设计者可以将不同的对象安排在时间轴内，让不同的对象或图层上的部件，有一个共同的时间标准。只要对准了同一帧，就可保证所有的动作都会在同一时间发生q时间轴最重要的组成部分：帧、图层和播放头12图层 帧播放头时间轴时间轴面板示意图 13控制器工具栏主工具栏编辑栏14动画的制作过程 1_新建或打开文件q 创建新文件q 启动时创建q 单击主要工具栏上 “新建 ”按钮q 通过菜单 “文件 /新建 ”创建q 按 “Ctrl+N”q 打开文件q 启动时创建q 单击主要工具栏上 “打开 ”按钮q 通过菜单 “文件 /打开 ”q 按 “Ctrl+O”15动画的制作过程 2_文档属性设置q打开 “文档属性 ”对话框q 在场景中按右键选择 “文档属性 ”q 通过菜单 “修改 /文档 ”q 通过属性面板q设置内容q 尺寸高度、宽度q 背景色整个动画的背景颜色。q 帧数每秒钟播放的帧数q 标尺单位像素、厘米、英寸等16动画的制作过程 3_导入文件 (素材 )q通过菜单 “文件 /导入 ”可以导入文件 (素材 )q 导入到舞台 (将素材导入到舞台，同时也导入到库 ) q 导入到库 (将素材只导入到库 ) 17动画的制作过程 4_动画编辑q 创建动画q 逐帧动画、形状补间动画、动作补间动画q 动画参数设置q 基本编辑q 调整场景显示q 缩放场景（调整显示比例）q 移动场景滚动条、手形工具q 选取对象q 选择全部对象：q 取消选取： “编辑 /取消全选 ”q 增加选取 :在选择一个对象后 ,若再增加选择另一个对象时 ,按住 shift键q 移动对象q 用鼠标托拽对象 :不太精确q 使用方向键移动对象 :比较精确q 使用属性面板移动对象q 复制对象q 对象的缩放，旋转与倾斜q 工具面板中的 “任意变形工具 ”q 菜单命令 “修改 /变形 /”q 菜单命令 “窗口 /变形18动画的制作过程 5_播放、测试和发布影片q播放：在编辑环境中q 控制器、按回车、 “控制 ”菜单q测试：在独立窗口中q 相当于发布成 SWF影片后，用播放器播放（按 CtrlEnter）q发布：q “发布 ”就是把 Flash编辑成果以多种形式保存q “发布设置 ”对话框上设置保存形式q “发布预览 ”保存成设置形式，并在在独立窗口中播放 19动画的制作过程 6_保存文件q保存文件的几种格式q Flash文件（扩展名 fla）q 只能用于编辑通常不发布给他人q 有版本区别低版本打不开高版本q 影片文件 SWFq 用 Flash播放器播放 SWF文件可与播放器集成q 网页中用插件（ Active控件）播放q 动画 GIF（ 非逐帧动画不能用此方式）20课堂示例 1_树叶的制作q 题目：利用 flash中的矢量绘图工具绘制 “树叶 ”，导出为 “树叶 .swf” .q 知识点：矢量图绘制工具21课堂示例 1_关键步骤q新建文件（参数默认）q利用 “ 椭圆 ” 工具画椭圆（注意填充色）q利用 “ 箭头 ” 工具拉出树叶形状q利用 “ 铅笔 ” 工具画线（注意颜色和宽度）q利用 “文字 ”工具写文字 “LEAF”，并将文字分离q利用 “墨水瓶 ”工具给文字浇兰色实线边q注意：边框和填充色q思考题：q 将文字填充为七彩颜色。q 书写无填充色有边框的文字。q 试着让你的文字形状有所改变22课堂示例 2_花瓣的制作 q题目：绘制有规律矢量图形。导出为 “花瓣 .fla”q知识点： “变形 ”菜单的使用，填充渐变色，任意变形工具和填充变形工具的使用23课堂示例 2_关键步骤q新建文件q利用 “修改 /文档 ”菜单，修改文档背景为 “水绿 ”色；q利用 “颜料桶 ”和 “填充变形 ” 工具先绘制单片花瓣q利用 “任意变形工具 ”将该花瓣的中心调整到花瓣底端q利用 “窗口 /设计面板 /变形 ”菜单，旋转 30度并复制该花瓣形成花朵。24课堂示例 3_去掉图片背景 q题目：去掉飞机的白色背景，导出为 “飞机 .swf”。q知识点： “套索 ”工具的使用，文件的导入 ， “分离 ”菜单25课堂示例 3_关键步骤q新建文件q利用 “修改 /文档 ”菜单，修改文档背景为 “天蓝 ”色；q利用 “文件 /导入 ”菜单，将 “飞机 .jpg”图片导入到舞台和库；q选中飞机，利用 “修改 /分离 ”菜单，将飞机打散；q利用 “套索 ”工具中的 “魔术棒 ”点击飞机的白色背景，并用 delete删除。26课堂练习q完成课堂示例 1 327课堂练习 _惠氏奶粉广告q 制作如样张所示的惠氏奶粉广告q 要求去掉奶粉桶 4周的白色背景，张学友右上角的灰色背景q 广告语 “惠氏金宝宝 学得快又乐 ”中的 “金 ”字比较大并有一定倾斜角度，填充为左上角为红右下角为黄的渐变颜色q 并为广告添加黄色边框q 导出为 “惠氏奶粉广告 .swf”q 具体操作步骤参考 WORD文档28课堂练习 _车轮q提示：q 利用 “任意变形工具 ”调整线段