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

《网页设计三剑客基础练习典型案例第8章.pptx》由会员分享，可在线阅读，更多相关《网页设计三剑客基础练习典型案例第8章.pptx（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、会计学1网页设计三剑客基础练习典型案例第网页设计三剑客基础练习典型案例第8章章2本章学习目标：本章学习目标：n nFlash MX 2004Flash MX 2004工作环境工作环境n nFlash MX 2004Flash MX 2004基本操作方法基本操作方法n n绘制动画图形对象绘制动画图形对象n n编辑动画图形对象编辑动画图形对象n n导入动画素材导入动画素材n n编辑元件与实体编辑元件与实体第1页/共15页38.1 Flash与网页动画与网页动画FlashFlash是当前网络上最流行的动画制作软是当前网络上最流行的动画制作软件。早在件。早在19991999年年MacromediaMa

2、cromedia公司成功推出公司成功推出Flash4.0Flash4.0，就预示着，就预示着FlashFlash动画技术在网页中的动画技术在网页中的应用将会更加广泛。目前，应用将会更加广泛。目前，FlashFlash的最高版本的最高版本是是Flash MX 2004Flash MX 2004，是在，是在Flash MXFlash MX基础上增加了基础上增加了一些更加强大、更加人性化的功能，使得一些更加强大、更加人性化的功能，使得FlashFlash在网页动画设计领域受到广大网页设计在网页动画设计领域受到广大网页设计人员的普遍欢迎。人员的普遍欢迎。第2页/共15页48.2 Flash MX 20

3、04工工作环境作环境初初次次启启动动Flash Flash MX MX 20042004，将将打打开开Flash Flash MX MX 20042004的的工工作作界界面面。在在Flash Flash MX MX 20042004工工作作界界面面中中出出现现FlashFlash的的开开始始页页。在在开开始始页页中中主主要要包包括括了了打打开开最最近近项项目目、打打开开、创创建建新新文文档档、从从模模板板创创建建、扩展这扩展这5 5个选项个选项。n n打开最近项目：该功能是指查看最近打开的打开最近项目：该功能是指查看最近打开的FlashFlash文档。文档。n n打开：显示打开：显示【打开打开

4、】对话框，并打开文档。对话框，并打开文档。n n创建新项目：在提供的文件类型列表中选择所创建新项目：在提供的文件类型列表中选择所要创建的文档，以便快速打开新文件。要创建的文档，以便快速打开新文件。n n从模板创建：从提供的模板类型中选择创建文从模板创建：从提供的模板类型中选择创建文档的类型。档的类型。n n扩展：可以链接到相应的扩展：可以链接到相应的FlashFlash站点，读者可以站点，读者可以下载附加应用程序和信息下载附加应用程序和信息第3页/共15页58.2.1 场景场景一一个个FlashFlash作作品品可可由由若若干干个个场场景景组组成成，每每一一场场景景都都可可以以是是一一个个完完

5、整整的的动动画画序序列列。在在播播放放时时，场场景景与与场场景景之之间间可可以以通通过过交交互互响响应应进进行行切切换换。如如果果没没有有交交互互切切换换播播放放FlashFlash作作品品时时，将将自自动按顺序播放。动按顺序播放。第4页/共15页68.2.2 时间轴时间轴【时时间间轴轴】窗窗口口是是由由帧帧、层层和和播播放放指指针针组组成成。时时间间轴轴用用于于组组织织动动画画各各帧帧的的内内容容，并并可可以以控控制制动动画画每每帧帧每每层层显显示示的的内内容容，还还可可以以显显示示动动画画播播放放的的速速率率等等信信息息，单单击击右右上上角角的的【帧帧视视图图】按按钮钮，在打开的菜单中包含

6、许多控制帧视图的命令。在打开的菜单中包含许多控制帧视图的命令。第5页/共15页78.3 Flash MX 2004基基本操作本操作 本本节节将将详详细细为为读读者者介介绍绍Flash Flash MX MX 20042004的的基基本本操操作作，如如新新建建并并设设置置动动画画文文档档的的属属性性，预预览览与与发发布布FlashFlash动动画画的的操操作作方方法法，以以及及利利用用FlashFlash提提供的辅助功能提高工作效率的技巧。供的辅助功能提高工作效率的技巧。第6页/共15页88.3.1 设置动画文档的设置动画文档的属性属性每次启动Flash MX 2004都将自动新建一个默认的Fl

7、ash动画文档。默认的动画文档大小为550400像素，颜色为白色，帧频为12fps，文档标尺单位为像素。用户可以根据动画设计的需要设置文档的属性，按CtrlJ快捷键或者选择【修改】【文档】命令，打开【文档属性】对话框。第7页/共15页98.3.2 预览与测试预览与测试Flash动画动画 在制作在制作FlashFlash动画过程中，用户可以对所编动画过程中，用户可以对所编辑的动画及其交互功能进行预览和测试，可以辑的动画及其交互功能进行预览和测试，可以通过以下方式。通过以下方式。n n当测试一个简单动画、基本控件或是一段声音当测试一个简单动画、基本控件或是一段声音时，可以单击时，可以单击【控制控制

8、】【】【播放播放】命令，在当命令，在当前前FlashFlash编辑状态下预览。编辑状态下预览。n n当测试一个完整的动画和交互控件时，可以单当测试一个完整的动画和交互控件时，可以单击击【控制控制】【】【测试电影测试电影】命令，或是单击命令，或是单击【控制控制】【】【测试场景测试场景】命令打开一个独立的播命令打开一个独立的播放文件来进行测试。放文件来进行测试。n n若要在浏览时测试一个动画文件，可以单击若要在浏览时测试一个动画文件，可以单击【文件文件】【】【发布预览发布预览】HTMLHTML命令。命令。第8页/共15页108.4 创建动画基本对象创建动画基本对象要要向向制制作作出出栩栩栩栩如如生

9、生的的FlashFlash动动画画效效果果，首首先先必必须须创创建建出出精精美美完完善善的的动动画画对对象象。在在FlashFlash中中可可以以通通过过两两种种方方法法获获得得图图形形对对象象，一一种种是是使使用用FlashFlash提提供供的的绘绘图图工工具具绘绘制制，一一种种是是通通过过导导入入外外部部图图像像。本本节节将将详详细细介介绍绍使使用用FlashFlash图图形形编编辑辑工工具绘制图形对象的方法和技巧。具绘制图形对象的方法和技巧。第9页/共15页118.4.1 Flash绘图原理绘图原理使用使用FlashFlash绘图工具绘制的图形为矢量图形，绘图工具绘制的图形为矢量图形，矢

10、量图形与位图图像相比较，其最明显的优势矢量图形与位图图像相比较，其最明显的优势就是文件小，可以随意缩放其大小而不影响图就是文件小，可以随意缩放其大小而不影响图形的显示质量。形的显示质量。在开始使用在开始使用FlashFlash工具绘制图形之前，首先工具绘制图形之前，首先要了解有关绘图的常识。在要了解有关绘图的常识。在FlashFlash中进行绘图、中进行绘图、填充颜色以及对图形进行编辑，会影响到同一填充颜色以及对图形进行编辑，会影响到同一层的其他形状。这里所指的其他对象是相当广层的其他形状。这里所指的其他对象是相当广泛的，包括线条、图形、纯色填充、过渡色填泛的，包括线条、图形、纯色填充、过渡色

11、填充、位图填充以及任何已被分离的对象和元件。充、位图填充以及任何已被分离的对象和元件。第10页/共15页128.4.2 绘制图形绘制图形使使用用工工具具栏栏中中的的绘绘画画工工具具，可可以以绘绘制制出出任任意意的的直直线线、曲曲线线、几几何何图图形形。绘绘画画工工具具包包括括线线条条工工具具、铅铅笔笔工工具具、钢钢笔笔工工具具、椭椭圆圆工工具具、矩矩形形工工具具和和多多角角星星形形工工具具。其其中中，线线条条工工具具用用于于绘绘制制任任意意角角度度的的直直线线；铅铅笔笔、钢钢笔笔工工具具用用来来绘绘制制简简单单的的矢矢量量图图形形；椭椭圆圆工工具具、矩矩形形工工具具以以及及多多角角星星形形工工

12、具具，可可以以绘绘制制不不同同的的几几何何图图形形。针针对对每每个个工工具具的的特特点点，在在绘绘制制动动画画对对象象时时，可可以以同同时时使使用用多多个个工工具具进进行行绘绘画画，从从而而快快速速、方方便便地地绘绘制制出出我我们们所所希希望望的的动画对象。动画对象。第11页/共15页138.5 编辑对象编辑对象利利用用FlashFlash的的绘绘图图工工具具创创建建好好矢矢量量图图形形的的轮轮廓廓后后，就就可可以以对对图图形形进进行行编编辑辑。通通过过变变形形、缩缩放放、旋旋转转、排排列列、对对齐齐等等操操作作，进进一一步步优优化化图图形形。编编辑辑对对象象首首先先要要选选中中对对象象，可可

13、以以使使用用工工具具栏栏中中的的选选择择、套套索索等等工工具具进进行行选选取取，如如果果要要对对动动画画对对象象进进行行变变形形、缩缩放放、旋旋转转等等操操作作，可可以以使使用用菜菜单单命命令令，或或者者使使用用设设计计面面板板，还还可可以以直直接接使使用用工工具具栏栏中中的的工工具具。同同时时，我我们们还还可可以以编编辑导入到库或者舞台中的位图图像辑导入到库或者舞台中的位图图像。第12页/共15页148.6 导入动画素材导入动画素材在在Flash Flash MX MX 20042004中中，不不但但可可以以使使用用绘绘图图工工具具创创建建各各种种图图形形和和文文本本，还还可可以以将将其其他

14、他应应用用软软件件创创建建的的各各种种矢矢量量图图形形和和位位图图图图像像导导入入到到文文档档中中。此此外外，还还可可以以导导入入视视频频和和声声音音等等多多媒媒体体元元素素。导导入入外外部部文文件件的的方方式式分分为为：【导导入入到到舞舞台台】、【导入到库导入到库】和和【导入到外部库导入到外部库】3 3种。种。第13页/共15页158.7 编辑元件与实体编辑元件与实体FlashFlash有有3 3种种元元件件，即即图图形形、按按钮钮和和影影片片剪剪辑辑元元件件。图图形形元元件件可可以以包包含含静静态态图图片片或或者者一一个个不不含含声声音音和和交交互互的的动动画画文文件件；按按钮钮元元件件用

15、用于于控控制制动动画画的的交交互互功功能能；影影片片剪剪辑辑元元件件中中可可以以包包含含的的内内容容最最多多，除除了了图图片片和和动动画画文文件件外外，还还支支持持音频和交互响应，甚至是其他元件。音频和交互响应，甚至是其他元件。实体是在场景中的元件事件，也可以称为实体是在场景中的元件事件，也可以称为元件在场景中的应用。它与元件的不同之处是：元件在场景中的应用。它与元件的不同之处是：元件是主控对象，它存在于库中；如果将元件元件是主控对象，它存在于库中；如果将元件放入动画中，使用的是实例，而不是元件本身。放入动画中，使用的是实例，而不是元件本身。而且，当使用实体来编辑动画效果时，一旦读而且，当使用实体来编辑动画效果时，一旦读者改变元件的外观时，元件的每个实体都能在者改变元件的外观时，元件的每个实体都能在动画中被更新。动画中被更新。第14页/共15页