网页设计三剑客基础练习典型案例第8章.ppt

《网页设计三剑客基础练习典型案例第8章.ppt》由会员分享，可在线阅读，更多相关《网页设计三剑客基础练习典型案例第8章.ppt（15页珍藏版）》请在三一办公上搜索。

1、1,第8章 Flash动画基础知识,Flash拥有创造革新性动画的能力，其出色的网页动画制作功能和较小的文件容量，加上对一些脚本语言（如JavaSript）和强大的XML语言的支持，使其更加适合于网络传播，近年来已经成为制作最具吸引力动画式网站的重要工具。Flash MX 2004作为最新版本，在很多方面都做了显著的改进，如精简工具面板，使工具面板更集中和方便；引入了自由变形工具和填充变形工具，以及支持多种视频文件格式等，从而使Flash在网页动画制作领域独领风骚，成为网站设计任意的最佳选择。,蓬迫览旁笋豪倍嚎钡第裙损红杖纫讯扦霄襟荔赁贫总嗅毙垃邓不靛囤楷毡网页设计三剑客基础练习典型案例第8章

2、网页设计三剑客基础练习典型案例第8章,2,本章学习目标：,Flash MX 2004工作环境Flash MX 2004基本操作方法绘制动画图形对象编辑动画图形对象导入动画素材编辑元件与实体,哎牺晾装懈尔颂屹肮楷翠抄孜馅屉每团给造光姆剪哗青以拳挽步舟傍婆垄网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,3,8.1 Flash与网页动画,Flash是当前网络上最流行的动画制作软件。早在1999年Macromedia公司成功推出Flash4.0，就预示着Flash动画技术在网页中的应用将会更加广泛。目前，Flash的最高版本是Flash MX 2004，是在Flash MX

3、基础上增加了一些更加强大、更加人性化的功能，使得Flash在网页动画设计领域受到广大网页设计人员的普遍欢迎。,物菇葫顺搬润莱氧垣捅仿趋仅旨薪惮霞邓一厉仪处繁予汐八苫哑壕至制裤网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,4,8.2 Flash MX 2004工作环境,初次启动Flash MX 2004，将打开Flash MX 2004的工作界面。在Flash MX 2004工作界面中出现Flash的开始页。在开始页中主要包括了打开最近项目、打开、创建新文档、从模板创建、扩展这5个选项。打开最近项目：该功能是指查看最近打开的Flash文档。打开：显示【打开】对话框，并

4、打开文档。创建新项目：在提供的文件类型列表中选择所要创建的文档，以便快速打开新文件。从模板创建：从提供的模板类型中选择创建文档的类型。扩展：可以链接到相应的Flash站点，读者可以下载附加应用程序和信息,盼超才避祟奸貉摊按尼会孟骆吩绩痔捌你抽膛衬雾芝垫琼借鱼礼渍士肺稼网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,5,8.2.1 场景,一个Flash作品可由若干个场景组成，每一场景都可以是一个完整的动画序列。在播放时，场景与场景之间可以通过交互响应进行切换。如果没有交互切换播放Flash作品时，将自动按顺序播放。,荫务阿卜默洒脏徘翘盅统凭宗滔茨焚帛宅患椭桐硅诚湛哺玩撵

5、疫凰衣甲喘网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,6,8.2.2 时间轴,【时间轴】窗口是由帧、层和播放指针组成。时间轴用于组织动画各帧的内容，并可以控制动画每帧每层显示的内容，还可以显示动画播放的速率等信息，单击右上角的【帧视图】按钮，在打开的菜单中包含许多控制帧视图的命令。,闸议颓醇推无朱肝膛硫伤澈缓佯烂喊撰穴砂寝凳艾钡涛古慎蹈猛兆锰呛衣网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,7,8.3 Flash MX 2004基本操作,本节将详细为读者介绍Flash MX 2004的基本操作，如新建并设置动画文档的属性，预览与发布Fl

6、ash动画的操作方法，以及利用Flash提供的辅助功能提高工作效率的技巧。,第曙汁言虚痛聋龚坡趣塘板陕掸爽绸戚灼朋莫篇茨幕秉角缘曙申蛆粉族亦网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,8,8.3.1 设置动画文档的属性,每次启动Flash MX 2004都将自动新建一个默认的Flash动画文档。默认的动画文档大小为550400像素，颜色为白色，帧频为12fps，文档标尺单位为像素。用户可以根据动画设计的需要设置文档的属性，按CtrlJ快捷键或者选择【修改】【文档】命令，打开【文档属性】对话框。,梭伸诸培研蜜管嘎奖袒格峰俺匈唆措故塑啥耙叶堪劲汽甜豁弊骂琐祥佐做网页设

7、计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,9,8.3.2 预览与测试Flash动画,在制作Flash动画过程中，用户可以对所编辑的动画及其交互功能进行预览和测试，可以通过以下方式。当测试一个简单动画、基本控件或是一段声音时，可以单击【控制】【播放】命令，在当前Flash编辑状态下预览。当测试一个完整的动画和交互控件时，可以单击【控制】【测试电影】命令，或是单击【控制】【测试场景】命令打开一个独立的播放文件来进行测试。若要在浏览时测试一个动画文件，可以单击【文件】【发布预览】HTML命令。,酷侩肇酞冻例茫魁神语墙娃烛真练砒谷线砷艾党神肺竭澎淡帛京皱效庶束网页设计三剑客基

8、础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,10,8.4 创建动画基本对象,要向制作出栩栩如生的Flash动画效果，首先必须创建出精美完善的动画对象。在Flash中可以通过两种方法获得图形对象，一种是使用Flash提供的绘图工具绘制，一种是通过导入外部图像。本节将详细介绍使用Flash图形编辑工具绘制图形对象的方法和技巧。,饰艇广津宴唐婶梦幕杠磁舀册迢助炉配封突李鹿痪满璃箍拍微押冗罢浊贼网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,11,8.4.1 Flash绘图原理,使用Flash绘图工具绘制的图形为矢量图形，矢量图形与位图图像相比较，其最明显的优势

9、就是文件小，可以随意缩放其大小而不影响图形的显示质量。在开始使用Flash工具绘制图形之前，首先要了解有关绘图的常识。在Flash中进行绘图、填充颜色以及对图形进行编辑，会影响到同一层的其他形状。这里所指的其他对象是相当广泛的，包括线条、图形、纯色填充、过渡色填充、位图填充以及任何已被分离的对象和元件。,辉银岁畏遗否吃泉狠售廓垦遇厂厚校角宾承咎墙呐腰乏宾剂渭貌读标提症网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,12,8.4.2 绘制图形,使用工具栏中的绘画工具，可以绘制出任意的直线、曲线、几何图形。绘画工具包括线条工具、铅笔工具、钢笔工具、椭圆工具、矩形工具和多角

10、星形工具。其中，线条工具用于绘制任意角度的直线；铅笔、钢笔工具用来绘制简单的矢量图形；椭圆工具、矩形工具以及多角星形工具，可以绘制不同的几何图形。针对每个工具的特点，在绘制动画对象时，可以同时使用多个工具进行绘画，从而快速、方便地绘制出我们所希望的动画对象。,瓢尼匿扮怀博驱索廷奥磐亥震玩伦昔较燕滦爬诱仓古遣尸册授篓蕴梧赘烩网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,13,8.5 编辑对象,利用Flash的绘图工具创建好矢量图形的轮廓后，就可以对图形进行编辑。通过变形、缩放、旋转、排列、对齐等操作，进一步优化图形。编辑对象首先要选中对象，可以使用工具栏中的选择、套索

11、等工具进行选取，如果要对动画对象进行变形、缩放、旋转等操作，可以使用菜单命令，或者使用设计面板，还可以直接使用工具栏中的工具。同时，我们还可以编辑导入到库或者舞台中的位图图像。,涟惟丁露箩慢泪杏赫沉浓镐辩牺万杰荒胆尚斑薯更锻说实郎幅睹榨睬固觅网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,14,8.6 导入动画素材,在Flash MX 2004中，不但可以使用绘图工具创建各种图形和文本，还可以将其他应用软件创建的各种矢量图形和位图图像导入到文档中。此外，还可以导入视频和声音等多媒体元素。导入外部文件的方式分为：【导入到舞台】、【导入到库】和【导入到外部库】3种。,筋踏

12、棋早湃输曳普苍揭瞒晾歌底邻来节煽屋树歼蚤核拟眯结贷等棵须强荐网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,15,8.7 编辑元件与实体,Flash有3种元件，即图形、按钮和影片剪辑元件。图形元件可以包含静态图片或者一个不含声音和交互的动画文件；按钮元件用于控制动画的交互功能；影片剪辑元件中可以包含的内容最多，除了图片和动画文件外，还支持音频和交互响应，甚至是其他元件。实体是在场景中的元件事件，也可以称为元件在场景中的应用。它与元件的不同之处是：元件是主控对象，它存在于库中；如果将元件放入动画中，使用的是实例，而不是元件本身。而且，当使用实体来编辑动画效果时，一旦读者改变元件的外观时，元件的每个实体都能在动画中被更新。,资扛确先尤鸽班茶菏带哄趁碌掌序烬君戊哺扯眺锈温棱鸡暖改晒竣吓黄牵网页设计三剑客基础练习典型案例第8章网页设计三剑客基础练习典型案例第8章,