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