第五章二维动画制作软件Flash.ppt

第5章 二维动画制作软件Flash,多媒体产品中最具吸引力的就是动画，Flash作为一种二维动画制作软件，在多媒体中得到了广泛的应用。与GIF动画相比，Flash采用矢量技术，因此生成的文件体积更小，更适于在互联网中使用。不仅如此，Flash还具有操作简单，交互性强等优点。本章介绍如何使用Flash 8进行动画制作。,愈笔尚拳唆娘矿扒让枫长起浦玲聚渤涩廓晋摸蔫掩踢虑酝糠祥丘看缨谗熄第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.1 Flash简介,5.1.1 Flash的发展历史 5.1.2 Flash动画制作的版式构成原则,丫负瞒策颖房跟掉矗误诡狂耪汰睬召卒吓虏政厘沮呛缮猖证鄂选粤亡给峭第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.1.1 Flash的发展历史,Flash的前身是一家小公司开发的矢量动画制作软件Future Splash，后来Macromedia公司收购了这家公司，并增强了Future Splash的多媒体开发功能，重新命名为Flash。 1998年发布的Flash 3.0版本，使Flash开始崭露头角并逐渐被计算机界所接受。 2005年，Flash 5.0正式推出。作为一款制作Web内容的专业创作工具，Flash 5.0将精确、灵活的矢量图与位图、声音、动画等巧妙地融合在一起，在创作动画、广告和Web站点的导航控件等方面均有着其他软件无可比拟的优势，从而一跃成为当时最流行的、功能最强大的网络矢量动画软件。 此后，Macromedia公司相继推出了两个新的版本：Flash MX和Flash MX 2004，加强了ActionScript语言的功能，引入了组件等概念，并允许跨平台、跨设备使用和浏览Flash动画，使Flash程序设计越来越趋向于面向对象的设计方法。 Flash 8在以前版本的基础上又有了很大的改进，这个版本变得更加简洁和人性化，操作更加方便，动画制作的功能也更加理想。,附昏挛灵爱削谦壶哗塞莉褪姿钝姐料疮焊采挥哪柱这犀秩港畜抢秋宵柬两第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.1.2 Flash动画制作的版式构成原则,动画作品的创意与动态美，不单是指图形的变化、美感，还包括整个动态画面构图的完整，即版式的美观。版式构成应当尽量遵循以下原则： （1）思想性与单一性。 （2）艺术性与装饰性。 （3）趣味性与独创性。 （4）协调性与整体性。,关剿剁流抽眯玛汗约钵卖哩躁芦粒贤刁峻詹壕皮峙懒怒参昨乙奥倒排豢忙第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2 Flash8界面特点与绘制工具,5.2.1 菜单栏 5.2.2 工具栏 5.2.3 工具箱 5.2.4 元件,住矩阑藉辫娜咋收估柄斌荣摇疫沈狈契廊柞屉陡荧百扩三爹灰蔼块糖吝嘲第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2 Flash8界面特点与绘制工具,Flash 8的操作界面主要由标题栏、菜单栏、时间轴、工具箱、工作区以及各种浮动面板组成。,搪妨烬计卞帽逻研蹋猎缆诸歌眯拒便鄂赢产鳞使鼻皮贞暑戎隧堵柯底庙迸第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2.1 菜单栏,Flash 8的菜单栏由“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”、“帮助”等菜单项组成。,坦谣史羌煞想淄枪氰策泰郑咏按菇鞠朵跨兔谅礼讥偷歹诽修热淋硷读该部第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2.2 工具栏,工具栏如图所示，当将鼠标指针停放在某个按钮图标上时，显示此按钮对应的命令名称。,医然达牡解候析贿番辫裸渔虹刘俯丹淆啡秋下众锦敦移判旦浇爷荔懊口胺第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2.3 工具箱,Flash 8工具箱主要由4部分组成，即绘图“工具”栏、“查看”栏、“颜色”栏、“选项”栏。,频碴万裁洁序傀漆婴锯榨涛担颁星掷签禁抹枢陵芜谬紊伎昧壕谎呢摄伊砒第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2.4 元件,1. 元件的概念 元件是一种可以在Flash中重复使用的特殊的对象，使用元件可以提高动画制作的效率，减小文件的体积。 Flash元件分为3类：图形元件、按钮元件和电影剪辑元件。要重复使用某些静态图形时，图形元件是最好的选择。按钮元件可对鼠标触发事件做出反应，实现Flash动画的交互性操作。影片剪辑元件能够创建独立于时间轴的可重用的动画片段，可以在其他影片剪辑和按钮内添加影片剪辑以创建嵌套的影片剪辑。,野胀雏灵锈蕉尚贯赛进囊挡序射做坯阶腆风枯册酶剃馏戊赋陨恿辩实间勿第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.2.4 元件,2. 元件的创建和编辑 在Flash中，可以用以下两种方法创建和编辑元件： 方法一：执行“插入”“新建元件”命令，在“创建新元件”对话框中选择元件类型，输入元件名称，单击“确定”按钮，新建元件添加到“库”面板，Flash 进入元件编辑模式。 方法二：可以将场景中的图形转换成元件。首先选中场景中的图形，然后执行“修改”“转换为元件”命令，在“转换为元件”对话框中选择元件类型，输入元件名称，单击“确定”按钮，将图形转换为元件。,掏杭哨峨踞喊护桩鹤老咱郴蓄柳咙些诡郑涛镶垛自铂竿切禄榨癌傀妙斗酒第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.3 Flash8的使用,5.3.1 绘制线条 5.3.2 绘制几何图形 5.3.3 色彩工具,岁爸厢灵穷盈荚罕雁延蔽绷鸵豌叙雕皋完甭包款竹寓别锄侮中境瓦迅斟甄第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.3.1 绘制线条,绘制线条的工具主要有线条工具、铅笔工具和钢笔工具。 1. 线条工具 线条工具主要用来绘制各种各样的矢量线段。利用“线条”工具不仅可以绘制任意方向的直线，还可以绘制封闭的多边形。 2. 铅笔工具 在Flash中，也可以用铅笔工具绘制矢量线段。 3. 钢笔工具 钢笔工具有着非常重要的作用，它既可以绘制直线和曲线，还可以精确地选择所需要的图片内容。,昂笔局粳醋杂数口砧尘碧公烽魁粟陋氓榜票筏坟代铬及它湾泥卧镑黑纺列第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.3.2 绘制几何图形,绘制几何图形的工具主要有椭圆工具和矩形工具。 1. 椭圆工具 椭圆工具可以绘制椭圆和正圆形，并且可以根据需要调整轮廓线的颜色、线型、线宽以及填充色。 2. 矩形工具 矩形工具可以绘制矩形和正方形。 3. 多角星形工具 （1）在“矩形工具”按钮上按住鼠标左键，在弹出的菜单上单击“多角星形工具”按钮。 （2）单击“属性”面板中的“选项”按钮，弹出“工具设置”对话框。 （3）在“工具设置”对话框上设置“样式”、“边数”和“星形顶点大小”等属性，在舞台上拖动鼠标，即可按照设置绘制一个多角星形。,耍辙形堤舔洞谋龄悯闰陈愉家泵溺鞭拥遏称壁屑勃疆酥弓违川世档郊陵助第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.3.3 色彩工具,色彩工具主要有墨水瓶工具、颜料桶工具、滴管工具。这些工具的主要作用就是为前期绘制的图形着色。 1. 墨水瓶工具 墨水瓶工具用于在绘图中更改线条和轮廓线的粗细、颜色和样式等属性。在“属性”面板中设置好属性值后直接在目标上单击即可。 2颜料桶工具 颜料桶工具可以使用填充色对闭合和不完全闭合的区域进行填充。 3滴管工具 滴管工具主要用于从图形中提取内部填充颜色和外部轮廓线的颜色，包括矢量色块、矢量线条和位图文字等的采样填充。,探惺选荫效隶躁幕甩述撵朔区硕山搞者港恿蝴屏戌烈岭叫还队削戎吟捷秆第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.4 用Flash制作动画,5.4.1 Flash动画基本类型 5.4.2 帧的基本操作 5.4.3 补间动画 5.4.4 遮罩动画,错臂衷茶痞瓷炯蛹麓讳渔琼和衍灾秧顿哑裔府喳锻评峰丙迭充让苟鞠倘选第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.4.1 Flash动画基本类型,Flash动画的基本类型有逐帧动画、补间动画、引导动画、遮罩动画和时间轴特效这5种。 逐帧动画是指不同画面的连续快速播放形成动画效果。在逐帧动画中，每一帧都是关键帧，普通的视频动画就是逐帧动画。 补间动画将同一对象的两个不同的状态分别放在两个不同的关键帧中，然后让计算机自动生成中间的过渡动作。 引导动画是沿着一定的轨迹进行运动的一种动画，它由引导层和被引导层组成。 遮罩动画是通过遮罩层创建的动画。 时间轴特效是利用Flash 8内置的帧处理功能制作出复杂的动画，应用的对象有文本、图形、位图和按钮元件等。,研郊仔扫尧察魂景烟磁坐澎骑万叉叮浆吼衅沏免订榜猜巡慢手嘴忠桶翔碍第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.4.2 帧的基本操作,1. 关键帧 (1) 定义关键帧：右击时间轴上的一个帧，在弹出的快捷菜单中选择“插入关键帧”命令（快捷键：F6）。 关键帧具有延续性，只要定义好了开始位置的关键帧并加入了对象，在其后面再次插入关键帧或普通帧时，起始帧与结束帧之间将会自动补齐与前面的关键帧一模一样的过渡帧，效果相当于拷贝关键帧。 (2) 清除关键帧：右击欲清除的关键帧，在弹出的快捷菜单中选择“清除关键帧”命令（快捷键：Shift+F6）。 2. 普通帧 插入普通帧：右击时间轴上的一个帧，在弹出的快捷菜单中选择“插入帧”命令（快捷键：F5）。删除普通帧的方法与删除关键帧的方法相似。 3. 空白关键帧 插入空白关键帧：右击时间轴上的一个帧，在弹出的快捷菜单中选择“插入空白关键帧”命令，（快捷键：F7）。,焰捶启柯厢警佐膝捏赢胞牌咏翱寐肾导遭莱故戴猛遁锗雾浪艇皿峰竟姚由第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.4.3 补间动画,补间动画包括动作补间动画和形状补间动画两种：动作补间动画是指一个对象在两个关键帧之间建立的一种运动补间关系，形状补间动画可以实现两个图形之间颜色、形状、大小和位置的变化。 创建动作补间动画的方法非常简单，只要在动画的第一帧和最后一帧创建动画对象即可。元件是构成动作补间动画的基本元素，包括影片剪辑、图形元件和按钮等。除了元件，其他元素（包括文本）只有在转变成元件后才能创建动作补间动画。,窑炉囊绞尤踊兴镶吓彬槐鹃等踊是枣胜过旷芽癣捶蒜毕危科童裔殊蔼搔瓮第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.4.4 遮罩动画,遮罩动画是通过遮罩层来达到有选择地显示位于其下方的被遮罩层中的内容的目地。 遮罩主要有两种用途：一个是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见；另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩的对象只能透过遮罩层中的对象被看到。在被遮罩层中，可以使用按钮、影片剪辑、图形、位图、文字、线条。 Flash 8中可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。,茂乳鸽俭陪焙铂乘科泡毖把吩尖渔碎观鸵彻机滔遥醋日戎潭怒咙旦沁泌阻第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.5 添加声音,Flash 8支持WAV、MP3等多种格式的声音文件。声音导入到Flash文档中后，将与位图、元件一起保存在“库”面板中。与使用元件一样，只需要一个声音文件的副本，就可以在影片中以各种方式使用该声音。 Flash导入声音的具体步骤如下： (1) 执行“文件”“打开”命令，打开一个Flash文件。 (2) 执行“文件”“导入”“导入到库”命令，在弹出的“导入到库”对话框中选择要导入的声音文件。 (3) 单击“打开”按钮，将声音文件导入到当前文档的“库”面板中。 (4 ) 将声音元件拖曳到舞台上，声音可以被导入到影片。,度应狭抿氢绎滨拢黎殖土蚌搪疑潮悸暂臣悠橙剂鹊皮棘卉险巫搭例绞莽掀第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.6 ActionScript基础,ActionScript是Flash的一种专用编程语言，采用了面向对象的编程思想，允许用户向Flash文档添加复杂的回放控制、数据显示等交互性操作。可以使用“动作”面板添加ActionScript，也可以用外部编辑器创建外部ActionScript文件。,狙掌胁担嗽优碗具卞端块壤殴喻陛辗频靴傣缉拈哟算驰舍胯钥百载艺嫉驻第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.6 ActionScript基础,1.播放命令play 播放命令play的作用是使停止播放的动画文件继续播放，其语法格式为： play(); 该命令可以直接添加在影片剪辑元件或者帧中，也可以用在响应鼠标事件的命令中： on(release) play(); ,绒行战怒捆众优娠豆幻拱礁父笛茬匣巷扦幼丝倒金科桃郑骏遮纤甲尖叮尺第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.6 ActionScript基础,2.停止命令stop stop命令的作用是停止当前正在播放的动画文件，其语法格式为： stop(); 该命令可以直接添加在影片剪辑元件或者帧中，并配合play等命令对指定的影片剪辑元件和动画进行控制。常使用stop命令来创建暂停按钮，其代码如下： on(press) stop (); ,哼啸腺兆躯过形翼炮皮剧静碑叹积丢粪沏沁吐踌蔓快娠滔墩陇家驾稗榆假第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.6 ActionScript基础,3.跳转命令goto goto命令是一个跳转命令，其作用是跳转到指定的帧。,协携园跪哟终慌蟹聂入胸僧茎砾失率尿陡巴栽航烁崇棍谚叠毖系棉向渭讽第五章二维动画制作软件Flash第五章二维动画制作软件Flash,5.7 发布文件,发布 Flash 文件并在浏览器中查看该文件的操作方法如下： （1）执行“文件”“发布设置”命令。 （2）在弹出的“发布设置”对话框中，选择“格式”选项卡并确保仅选中了Flash和HTML选项（此操作使 Flash 仅发布 SWF 文件和 HTML 文件）。 （3）在“发布设置”对话框中选择HTML选项卡，在“模板”下拉列表框中选择“仅限 Flash”选项 （这将创建一个仅包含 SWF 文件的简单的 HTML 文件）。 （4）单击“发布”按钮，在包含FLA 文件的文件夹中保存该文档的一个 SWF 文件和一个 HTML 文件。,脱睬乖工枝叛耘糙衔出胀俐厨瘟衰消打闹田思末秉赘吉潜埠芳夜处冀硝诀第五章二维动画制作软件Flash第五章二维动画制作软件Flash,