flash初步与矢量.ppt

Flash初步与矢量图 1 教师信息 q教师：郑戟明 q电子信箱： shift_ q办公室：信息楼B421 q电话： 67703855 2 教学目的 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的作品往往是“有声有色”的动画： qFlash是以矢量图为基础的，矢量图的最大特点就是 能在无限缩放中，保持图像的质量不变； qFlash的动画作品能与观众间产生互动，即能对观众 的事件做出反应，因此Flash被是一种“交互性矢量多 媒体制作软件”。 qFlash与网络联系密切，其大量的特性是与网络 相关的。可以说，没有网络的结合，Flash绝对 不能取得如此大的成功。 5 Flash 的工作环境 q场景（Scene） qFlash中，制作影片的工作区域。类似话剧、电影等的场景 q一个Flash文件中可以包含多个场景，播放时依次逐个播放依次逐个播放 qq提示：提示：对于帧数多的，又便于“分段”的动画，应该分场景制作 q场景管理使用“场景”面板 q面板 q作用类似于对话框，用于进行相关设置 q通过窗口菜单可以显示或关闭各种面板 qFlash中面板共有4大类22种，常用的有“属性面板”、“库面板”、“ 对齐面板”等。 q工具栏 q主工具栏命令按钮 q编辑栏场景编辑、元件编辑、显示比例 q控制器控制影片播放 q通过“窗口/工具栏”打开或关闭各个工具栏 6 工作环境示意图 面板 工具栏 时间轴 场景 7 Flash 面板_属性面板 q属性面板是一个综合性的面板。 q可以设置图形、图像、元件，以及工具和文档的有关属性 q例如，选用“文本”工具时，就可以设置文本的字体、字号 、颜色等属性 q提示：属性面板中的内容随用户所选定的内容的不 同而变化。 8 用户未选中任何对象时属性面板的状态 用户选用元件对象时属性面板的状态 用户选用文字对象时属性面板的状态 各种属性面板示意图 9 Flash 面板_工具面板 q工具面板自上而下分为四个区 q工具区绘图、填充、选取、变形、擦除工具 q查看区缩放、手形工具 q颜色区设置线条（轮廓）和对象内部填充色 q选项区如，设置矩形工具的圆角半径 q常用的工具： q箭头工具 q文本工具 q任意变形工具 q椭圆矩形工具 q墨水瓶，油漆桶工具 10 Flash 面板_库面板 q库面板用来存放元件 q将库中的元件拖放到场景中，形成实例，即可使用 q元件与实例 q元件（Symbol）组件 q顾名思义，元件是用于组装动画的部件。 q按在影片中的表现形式组件可分为三种类型：影片、图形 和按钮 q优点：可重复使用。元件可以嵌套 q实例（Instance） q元件拖到场景中后，称为实例 q修改实例不影响元件库中的原元件 q修改元件库中的原元件，影响实例 q编辑元件模式 q编辑元件窗口与场景不同 11 Flash 面板_时间轴面板 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影片后，用播放器播放（按Ctrl Enter） q发布： q“发布”就是把Flash编辑成果以多种形式保存 q“发布设置”对话框上设置保存形式 q“发布预览”保存成设置形式，并在在独立窗口中播放 19 动画的制作过程6_保存文件 q保存文件的几种格式 qFlash文件（扩展名fla） q只能用于编辑通常不发布给他人 q有版本区别低版本打不开高版本 q影片文件SWF q用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完成课堂示例13 27 课堂练习_惠氏奶粉广告 q制作如样张所示的惠氏奶粉广告 q要求去掉奶粉桶4周的白色背景 ，张学友右上角的灰色背景 q广告语“惠氏金宝宝 学得快又乐” 中的“金”字比较大并有一定倾斜 角度，填充为左上角为红右下角 为黄的渐变颜色 q并为广告添加黄色边框 q导出为“惠氏奶粉广告.swf” q具体操作步骤参考WORD文档 28 课堂练习_车轮 q提示： q利用“任意变形工具”调整线段的中心位置 q利用“窗口/设计面板/变形”菜单，按一定角度旋转并复 制线段 q复制“放射线”并粘贴到当前位置 q “修改/变形/水平翻转”放射线 29 课后练习_闪闪的红星 q提示： q利用“多角星形工具”绘制五角星，保留边框，去 掉填充色； q用线段连接五角形的中心和凹点，中心和凸点； q为某一角的一面填充纯红色，另一面填充红黑渐 变色，其余各角做相同操作。 30 课后练习_功夫熊猫 q绘制功夫熊猫:绘制熊猫和山体，背景用由黑到 红再到黄的渐变色取代。 q自行设计特殊效果的文字“Kung Fu Panda”。 31 选做练习_盆栽花 q在第1层的第1个关键帧中 绘制背景图片（注意：淡 灰色为绘图时定位的网格 线） q在第2层的几个不同空白关 键帧中分别绘制花朵盛开 的步骤 q结果保存为“盆栽花.fla”， 并导出为“盆栽花.swf”。 q思考： q1.前4步发芽过程很相似，怎 样节省绘制矢量图的时间？ q2.怎样让这朵花在花盆中绽 放？你现在播放看看效果！ 32 盆栽花 _关键步骤 q利用“修改/文档”