flash初步与矢量图.ppt

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