网页设计基础教程与上机指导第版Flash入门.ppt

《网页设计基础教程与上机指导第版Flash入门.ppt》由会员分享，可在线阅读，更多相关《网页设计基础教程与上机指导第版Flash入门.ppt（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、http:/网页设计基础教程与上机指导第版Flash入门 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望http:/教学提示和教学目标教学提示和教学目标n教学提示：教学提示：Flash是一种集动画设计、是一种集动画设计、Web站点开发等功能于站点开发等功能于一身的优秀软件。一身的优秀软件。Flash开拓了网页设计与多媒体制作的新领开拓了网页设计与多媒体制作的新领域，从简单的动画到复杂的交互式域，从简单的动画到复杂的交互式Web应用程序，从丰富的多应用程序，从丰富的

2、多媒体支持到流媒体媒体支持到流媒体FLV视频文件的在线播放，视频文件的在线播放，Flash给开发者给开发者更多的想象空间和技术支持，开发者可以结合个人的创意做出更多的想象空间和技术支持，开发者可以结合个人的创意做出有声有色的动画作品及互动性商业网站作品。有声有色的动画作品及互动性商业网站作品。Flash8中文版中文版是最新发布的软件版本，在功能上有较大改进，更利于动画设是最新发布的软件版本，在功能上有较大改进，更利于动画设计者使用。计者使用。n教学目标：教学目标：熟悉熟悉Flash8的工作界面的工作界面熟悉熟悉Flash动画中的一些基本概念动画中的一些基本概念掌握创建简单动画掌握创建简单动画h

3、ttp:/17.1Flash8的工作界面的工作界面nFlash8软件易学易用，而且用软件易学易用，而且用Flash8制作制作的动画具有生动灵活、体积小巧、表现力丰的动画具有生动灵活、体积小巧、表现力丰富、网络功能强大等特点，它能通过声音、富、网络功能强大等特点，它能通过声音、文字、动画的结合来综合表现作者的创意，文字、动画的结合来综合表现作者的创意，制作出高品质的网页动态效果。制作出高品质的网页动态效果。n17.1.1Flash8界面界面n17.1.2Flash8的菜单的菜单n17.1.3Flash8的工具箱的工具箱http:/17.1.1Flash8界面界面n首先来熟悉一下首先来熟悉一下Fl

4、ash的工作界面。选择【开始】的工作界面。选择【开始】|【所有程序】【所有程序】|Macromedia|MacromediaFlash8命令，启动命令，启动Flash8，如图，如图17.1所示是所示是Flash的工作界面。的工作界面。http:/17.1.2Flash8的菜单的菜单n菜单栏位于工作界面的顶部，在菜单栏位于工作界面的顶部，在Flash8中，共有【文件】、【编辑】、【视图中，共有【文件】、【编辑】、【视图】、【插入】、【修改】、【文本】、【命令】、【控制】、【窗口】和【帮助】、【插入】、【修改】、【文本】、【命令】、【控制】、【窗口】和【帮助】10个菜单，如图个菜单，如图17.2所

5、示。菜单命令几乎涵盖除绘图工具以外的绝大部分功所示。菜单命令几乎涵盖除绘图工具以外的绝大部分功能，对于初学者而言，不必完全记忆所有的菜单命令，只需在运用时进行查阅就能，对于初学者而言，不必完全记忆所有的菜单命令，只需在运用时进行查阅就可以了。可以了。【文件】：用于文件操作，如创建、打开和保存文件等。【文件】：用于文件操作，如创建、打开和保存文件等。【编辑】：用于动画内容的编辑操作，如复制、剪切和粘贴等。【编辑】：用于动画内容的编辑操作，如复制、剪切和粘贴等。图17.3 工具箱【视图】：用于对开发环境进行外观和版式设置，包括放大、缩小、显示网格及辅助【视图】：用于对开发环境进行外观和版式设置，包

6、括放大、缩小、显示网格及辅助线等。线等。【插入】：用于插入性质的操作，如新建元件、插入场景、图层和帧等。【插入】：用于插入性质的操作，如新建元件、插入场景、图层和帧等。【修改】：用于修改动画中的对象、场景甚至动画本身的特性，主要用于修改动画中【修改】：用于修改动画中的对象、场景甚至动画本身的特性，主要用于修改动画中各种对象的属性，如帧、图层、场景以及动画本身等。各种对象的属性，如帧、图层、场景以及动画本身等。【文本】：用于对文本的属性进行设置。【文本】：用于对文本的属性进行设置。【命令】：用于对命令进行管理。【命令】：用于对命令进行管理。【控制】：用于对动画进行播放、控制和测试。【控制】：用于

7、对动画进行播放、控制和测试。【窗口】：用于打开、关闭、组织和切换各种窗口面板。【窗口】：用于打开、关闭、组织和切换各种窗口面板。【帮助】：用于快速获得帮助信息。【帮助】：用于快速获得帮助信息。http:/17.1.3Flash8的工具箱的工具箱n1.绘图工具区n【选择】工具：选定舞台中的对象、拖动对象等操作。【选择】工具：选定舞台中的对象、拖动对象等操作。【部分选取】工具：可以选取对象部分区域。【部分选取】工具：可以选取对象部分区域。【线条】工具：使用此工具可以绘制各种形式的线条。【线条】工具：使用此工具可以绘制各种形式的线条。【套索】工具：选择一个不规则的图形区域，并且还可以处理位图图形。【

8、套索】工具：选择一个不规则的图形区域，并且还可以处理位图图形。【钢笔】工具：可以使用此工具绘制曲线。【钢笔】工具：可以使用此工具绘制曲线。【文本】工具：用于添加文本。【文本】工具：用于添加文本。【椭圆】工具：用于绘制椭圆，也可以绘制正圆。【椭圆】工具：用于绘制椭圆，也可以绘制正圆。【矩形】工具：用于绘制矩形，也可以绘制正方形。【矩形】工具：用于绘制矩形，也可以绘制正方形。【铅笔】工具：用于绘制折线、直线等。【铅笔】工具：用于绘制折线、直线等。【刷子】工具：用于绘制填充图形。【刷子】工具：用于绘制填充图形。【墨水瓶】工具：用于编辑线条的属性。【墨水瓶】工具：用于编辑线条的属性。【颜料桶】工具：用

9、于编辑填充区域的颜色。【颜料桶】工具：用于编辑填充区域的颜色。【滴管】工具：用于将图形的填充颜色或线条属性复制到别的图形线条上，还可以采集位图作为填充内容。【滴管】工具：用于将图形的填充颜色或线条属性复制到别的图形线条上，还可以采集位图作为填充内容。【橡皮擦】工具：用于擦除舞台上的内容。【橡皮擦】工具：用于擦除舞台上的内容。n2.查看区n【手形】工具：当舞台上的内容较多时，可以用该工具平移舞台以及各个部分的内容。【手形】工具：当舞台上的内容较多时，可以用该工具平移舞台以及各个部分的内容。【缩放】工具：用于缩放舞台中的图形。【缩放】工具：用于缩放舞台中的图形。n3.颜色设置区【笔触颜色】工具：用

10、于设置线条的颜色。【笔触颜色】工具：用于设置线条的颜色。【填充色】工具：用于设置图形的填充区域。【填充色】工具：用于设置图形的填充区域。n4.选项区n选项区的内容是对绘图工具中部分工具的补充，该选项区中的内容会随着当前选择工具的不同而有所变选项区的内容是对绘图工具中部分工具的补充，该选项区中的内容会随着当前选择工具的不同而有所变化。化。http:/17.2常用基本概念常用基本概念n17.2.1帧帧n17.2.2图层图层n17.2.3元件元件n17.2.4位图位图n17.2.5矢量图矢量图http:/17.2.1帧帧n帧就像电影中的底片，制作动画的大部分操作都是帧就像电影中的底片，制作动画的大部

11、分操作都是对帧的操作，不同帧的前后顺序将关系到这些帧中对帧的操作，不同帧的前后顺序将关系到这些帧中的内容在影片播放中的出现顺序。帧是一个广义概的内容在影片播放中的出现顺序。帧是一个广义概念，它包含念，它包含3种类型，分别是空白关键帧、关键帧种类型，分别是空白关键帧、关键帧和普通帧。和普通帧。n1.空白关键帧空白关键帧n2.关键帧关键帧n3.普通帧普通帧http:/17.2.2图层图层n图层就像透明的薄片一样，图层就像透明的薄片一样，一层一层地向上叠加。图一层一层地向上叠加。图层可以帮助用户组织文档层可以帮助用户组织文档中的插图，可以在图层上中的插图，可以在图层上绘制和编辑对象，而不会绘制和编辑

12、对象，而不会影响其他图层上的对象。影响其他图层上的对象。如果一个图层上没有内容，如果一个图层上没有内容，那么就可以透过它看到下那么就可以透过它看到下面的图层。如图面的图层。如图17.7所示所示是是Flash中的图层。中的图层。http:/17.2.3元件元件n元件是可以重复使用的图像、动画或按钮，它们保存在库中。元件是可以重复使用的图像、动画或按钮，它们保存在库中。实例是出现在舞台上或者嵌套在其他元件中的元件。元件的实例是出现在舞台上或者嵌套在其他元件中的元件。元件的运用可以使影片的编辑更加容易，因为在需要对许多重复的运用可以使影片的编辑更加容易，因为在需要对许多重复的元素进行修改时，只要对元

13、件做出修改，程序就会自动根据元素进行修改时，只要对元件做出修改，程序就会自动根据修改的内容对所有该元件的实例进行更新。修改的内容对所有该元件的实例进行更新。n在在Flash8中元件可分为中元件可分为3类，分别是影片剪辑元件、按钮元类，分别是影片剪辑元件、按钮元件和图形元件。选择【插入】件和图形元件。选择【插入】|【新建元件】命令，弹出【新建元件】命令，弹出【创建新元件】对话框，如图创建新元件】对话框，如图17.8所示。所示。http:/17.2.4位图位图n位图图像使用排列在网格内的彩色点来描述图像，这些颜色位图图像使用排列在网格内的彩色点来描述图像，这些颜色点被称为像素。在编辑位图图像时，修

14、改的是像素，而不是点被称为像素。在编辑位图图像时，修改的是像素，而不是直线和曲线。位图图像与分辨率有关，因为描述图像的数据直线和曲线。位图图像与分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。编辑位图图形可以更改它的是固定到特定尺寸的网格上的。编辑位图图形可以更改它的外观品质。特别是调整位图图形的大小会使图像的边缘出现外观品质。特别是调整位图图形的大小会使图像的边缘出现锯齿，如图锯齿，如图17.9所示是位图放大前后的效果。所示是位图放大前后的效果。http:/17.2.5矢量图矢量图n矢量图形采用直线和曲线来描述图形，称这些直线和曲线为矢量。每一矢量图形采用直线和曲线来描述图形，称这

15、些直线和曲线为矢量。每一条直线和曲线都有其属性，它的属性包括直线和曲线的位置信息、颜色条直线和曲线都有其属性，它的属性包括直线和曲线的位置信息、颜色信息等。当修改一幅矢量图形时，实际修改的是矢量图形的直线和曲线信息等。当修改一幅矢量图形时，实际修改的是矢量图形的直线和曲线的属性。可以移动、缩放、变形和改变一幅矢量图形的颜色而不影响矢的属性。可以移动、缩放、变形和改变一幅矢量图形的颜色而不影响矢量图形的质量以及矢量图放大前后的效果，图像仍然保持原有的清晰度量图形的质量以及矢量图放大前后的效果，图像仍然保持原有的清晰度和光滑度。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨和光滑度。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的输出设备上，而丝毫不影响其品质。如图率的输出设备上，而丝毫不影响其品质。如图17.10所示是矢量图放大所示是矢量图放大前后的效果。前后的效果。