《网页设计与制作第15章FlashMX入门.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第15章FlashMX入门.ppt（38页珍藏版）》请在三一办公上搜索。
1、第15章FlashMX入门,学习目标：通过本章的学习，要求熟悉FlashMX2004工作区的组成，掌握基本工具的使用方法。文本的添加和位图的应用。,第15章FlashMX2004入门,15.1 Flash界面布局15.2用工具箱中的工具绘图15.3文本的添加15.4位图的应用,Flash MX 2004是Web设计人员、交互式媒体专业人员或开发多媒体内容的主题专家的理想工具。该版本注重于创建、导入和处理多种类型的媒体（音频、视频、位图、矢量、文本和数据）。其工作区由以下部分组成：一个舞台（可在上面放置媒体内容）、一个包含菜单和命令的主工具栏（用于控制应用程序功能）、多个面板和一个【属性】检查器
2、（用于组织和修改媒体资源），以及一个包含工具的工具栏（用于创建和修改矢量图形内容）。,15.1 Flash界面布局,15.1 Flash界面布局,15.1.1 什么是舞台15.1.2 使用时间轴 15.1.3 使用工具栏15.1.4 使用面板和【属性】检查器,15.1.1 什么是舞台,舞台是在其中放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑，诸如此类。,15.1.2 使用时间轴,时间轴用于组织和控制文档内容在一定时间内播放的层数和帧数。与胶片一样，Flash文档也将时长分为帧。层就像堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中的不同图像
3、。时间轴的主要组件是层、帧和播放头。文档中的层列在时间轴左侧的列中。每个层中包含的帧显示在该层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示在舞台中当前显示的帧。,15.1.2 使用时间轴,注意：在播放动画时，将显示实际的帧频；如果计算机不能足够快地显示动画，则该帧频可能与文档的帧频不一致。,15.1.3 使用工具栏,工具栏中的工具使可以绘制、涂色、选择和修改插图，并可以更改舞台的视图。工具栏分为四个部分：【工具】区域包含绘画、涂色和选择工具。【视图】区域包含在应用程序窗口内进行缩放和移动的工具。【颜色】区域包含用于笔触颜色和填充颜色的功能键。【选项】区域显示选定工具的组合键，这
4、些组合键会影响工具的涂色或编辑操作。,15.1.4 使用面板和【属性】检查器,Flash提供了许多种自定义工作区的方式，以满足的需要。使用面板和【属性】检查器，可以查看、组合和更改资源及其属性。可以显示、隐藏面板和调整面板的大小。也可以组合面板并保存自定义的面板设置，从而能更容易地管理工作区。【属性】检查器会发生改变，以反映正在使用的工具或资源，从而能够快速地访问常用功能。Flash中的面板有助于查看、组织和更改文档中的元素。面板使可以处理对象、颜色、文本、实例、帧、场景和整个文档。例如，可以使用混色器创建颜色，并使用【对齐】面板来将对象彼此对齐或与舞台对齐。要查看Flash中可用面板的完整列
5、表，请查看【窗口】菜单。,15.2用工具箱中的工具绘图,在用Flash进行绘画和涂色之前，很有必要先了解Flash如何创建插图，绘画工具如何工作，以及绘画、涂色和修改形状操作如何能够影响同一层上的其他形状。在Flash中绘图时，创建的是矢量图形，它是直线、曲线、颜色和位置的数学表示。矢量图形是与分辨率无关的；可以将图形重新调整到任意大小，或以任何分辨率显示它，而不会影响其清晰度。另外，与下载类似的位图图像相比，下载矢量图形的速度比较快。接下来我们来比较一下矢量图形和位图图形,15.2用工具箱中的工具绘图,（1）矢量图形矢量图形使用称作矢量的直线和曲线描述图像，矢量还包括颜色和位置属性。例如，树
6、叶图像可以由创建树叶轮廓的线条所经过的点来描述。树叶的颜色由轮廓的颜色和轮廓所包围区域的颜色决定。在编辑矢量图形时，可以修改描述图形形状的线条和曲线的属性。可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。,15.2 用工具箱中的工具绘图,（2）位图图形位图图形使用在网格内排列的称作像素的彩色点来描述图像。例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，这是用非常类似于镶嵌的方式来创建图像。在编辑位图图形时，修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，因为描述
7、图像的数据是固定到特定尺寸的网格上的。编辑位图图形可以更改它的外观品质。特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的品质。,简单几何图形的设计笔触的设置填充图形的设置和调色板与混色器应用对Flash图形对象的编辑,15.2 用工具箱中的工具绘图,简单几何图形的绘制,1.用铅笔工具绘画2.钢笔工具3.直线、椭圆和矩形4.使用刷子工具涂色,1.用铅笔工具绘画,要绘制线条和形状，可以使用铅笔工具，以和使用真实铅笔大致相同的方式来绘画。要在绘画时平滑或伸直线条和形状，可以给铅笔工具选择一种绘画模式。,2.钢
8、笔工具,要绘制精确的路径，如直线或者平滑流畅的曲线，可以使用钢笔工具。可以创建直线或曲线段，然后调整直线段的角度和长度以及曲线段的斜率。,3.直线、椭圆和矩形,可以使用直线、椭圆和矩形工具轻松创建这些基本几何形状。椭圆和矩形工具可以创建笔触和填充形状。矩形工具可以让创建方角或圆角的矩形。,4.使用刷子工具涂色,刷子工具能绘制出刷子般的笔触，就好像在涂色一样。它可以让创建特殊效果，包括书法效果。可以使用刷子工具功能键选择刷子大小和形状。,对Flash图形对象的编辑,在MacromediaFlashMX2004中，图形对象是舞台上的项目。Flash允许对图形对象进行移动、拷贝、删除、变形、层叠、对
9、齐和分组等操作。1、选择图形对象 要修改对象，必须先选择它。Flash提供了各种选择方法，包括选取工具、套索工具以及键盘命令。,1、选择图形对象,（1）用选取工具选择对象选取工具使可以选择全部对象，方法是单击某个对象或拖动对象以将其包含在矩形选取框内。要选择笔触、填充、组、实例或文本块：选择箭头工具，然后单击该对象。选择连接线：选择选取工具，然后双击其中一条线。选择填充的形状及其笔触轮廓：选择选取工具，然后双击填充。在矩形区域内选择对象：选择选取工具，然后在要选择的一个或多个对象周围拖画出一个选取框。必须将实例、组和文本块完全包含在选取框中才能选中它们。,1、选择图形对象,（2）修改选择内容向
10、选择中添加内容：进行附加选择时请按住Shift键。选择场景每一层上的全部内容：选择【编辑】/【全选】，或者按下Control+A，【全选】不会选中被锁定或被隐藏或者不在当前时间轴中的层上的对象。取消选择每一层上的全部内容：选择【编辑】/【取消全选】，或者按下Control+Shift+A.在一个层上的关键帧之间选择任何内容：单击时间轴中的一个帧。锁定组或元件：选中组或元件，然后选择【修改】/【排列】/【锁定】。选择【修改】/【排列】/【解除全部锁定】可以解锁所有锁定的组和元件。,1、选择图形对象,（3）使用套索工具选择对象通过勾画不规则选择区域选择对象：选择套索工具，然后在区域周围拖画。在开始
11、位置附近结束拖画，形成一个环，或者让Flash自动用直线闭合成环。通过勾画直边选择区域选择对象：1）选择套索工具，然后在工具栏的【选项】部分中选择【多边形模式】功能键。2）单击设定起始点。3）将指针放在第一条线要结束的地方，然后单击。继续设定其他线段的结束点。4）要闭合选择区域，双击即可。,1、选择图形对象,通过同时勾画不规则和直边选择区域来选择对象：1）选择套索工具，取消选择【多边形模式】功能键。2）要画一条不规则线段，请在舞台上拖动指针。3）要画一条直线段，请按住Alt键单击设置起始和结束点。可以继续在画不规则线段和画直线段之间切换。4）要闭合选择区域，请执行以下操作之一：如果正在画不规则
12、线段，请释放鼠标按钮。如果正在画直线段，请双击。,1、选择图形对象,（4）隐藏选择突出显示 可以隐藏所选对象的突出显示，这样，在编辑对象时就不会看到它们的突出显示。隐藏突出显示使可以在选择和编辑对象时看到插图的最终显示效果。隐藏选择突出显示：选择【查看】/【隐藏边缘】。再次选择该命令可以取消选择该功能。,2、组合对象,要将多个元素作为一个对象来处理，需要将它们组合。例如，创建了一幅绘画后（如树或花），可以将该绘画的元素合成一组，这样就可以将该绘画当成一个整体来选择和移动。创建组：1）从舞台中选择要组合的对象。可以选择形状、其他组、元件、文本等等。2）选择【修改】/【组合】，或者按下Contro
13、l+G。取消组合对象：选择【修改】/【取消组合】，或者按下Control+Shift+G。编辑组或组中的对象：,2、组合对象,1）在选择了组的情况下，选择【编辑】/【编辑所选项目】，或用选取工具双击该组。页面上不属于该组的部分都将变暗，表明它是不可访问的。2）编辑该组中的任意元素。3）选择【编辑】/【全部编辑】，或用选取工具双击舞台上的空白处。Flash将组作为单个实体复原其状态，然后可以处理舞台中的其他元素。,3、移动复制和删除图形对象,（1）移动对象（2）复制变形的对象（3）删除对象,4、层叠对象,在层内，Flash会根据对象的创建顺序层叠对象，将最新创建的对象放在最上面。对象的层叠顺序决
14、定了它们在层叠时出现的顺序。画出的线条和形状总是在堆的组和元件的下面。要将它们移动到堆的上面，必须组合它们或者将它们变成元件。可以在任何时候更改对象的层叠顺序。层也会影响层叠顺序。第2层上的任何内容都在第1层的任何内容的上面，依此类推。要更改层的顺序，可以在时间轴中将层名拖动到新位置。,5、变形图形对象,使用任意变形工具或【修改】/【变形】子菜单中的选项，可以将图形对象、组、文本块和实例进行变形。根据所选的元素的类型，可以任意变形、旋转、倾斜、缩放或扭曲该元素。在变形操作期间，可以更改或添加选择内容。,5、变形图形对象,(1)在变形期间处理中心点（2）任意变形对象(3)扭曲对象（4）缩放对象（
15、5）旋转对象（6）倾斜对象（7）翻转对象（8）还原变形的对象,6、对齐对象,（1）【对齐】面板能够沿水平或垂直轴对齐选定的对象。可以沿选定对象的右边缘、中心或左边缘垂直对齐对象，或者沿选定对象的上边缘、中心或下边缘水平对齐对象。边缘由包含每个选定对象的边框决定。（2）使用【对齐】面板，可以将所选对象按照中心间距或边缘间距相等的方式进行分布。可以调整所选对象的大小，使所有对象水平或垂直尺寸与所选最大对象的尺寸一致。还可以将所选对象与舞台对齐。可以对所选对象应用一个或多个【对齐】选项。（3）对齐对象：,7、分离组和对象,要将组、实例和位图分离单独的可编辑元素，可以使用【分离】命令。分离可以极大地减
16、小导入图形的文件大小。尽管可以在分离组或对象后立即选择【编辑】/【撤消】，但分离操作不是完全可逆的。它会对对象产生如下影响：切断元件实例到其主元件的链接。放弃动画元件中除当前帧之外的所有帧。将位图转换成填充。对文本块应用时，它会将每个字符放入单独的文本块中。对单个文本字符应用时，它会将字符转换成轮廓。,7、分离组和对象,分离组或对象：选择要分离的组、位图或元件。选择【修改】/【分离】。注意：不建议分离动画元件或插补动画内的组，这可能引起无法预料的结果。分离复杂的元件和长文本块需要很长时间。要正确分离复杂对象，可能需要增加应用程序的内存分配。,15.3文本的添加,动画中的文字应用文本框的创建,动
17、画中的文字应用,可以使用多种方式在MacromediaFlashMX2004应用程序中加入文本。可以创建包含静态文本的文本块，即在创作文档时确定其内容和外观的文本。可以创建动态或输入文本字段。动态文本字段显示动态更新的文本可以水平设置文本方向，文本流向为从左到右，或者垂直设置文本方向（仅限静态文本），文本流向可以是从左到右，或从右到左。可以选择文本的下列属性：字体、磅值、样式、颜色、间距、字距调整、基线调整、对齐、页边距、缩进和行距。可以像处理对象一样将文本变形，即旋转、缩放、倾斜和翻转，并且仍然可以编辑它的字符。可以分离文本并更改它的字符的形状。,文本框的创建,可以创建三种类型的文本字段：静
18、态文本字段、动态文本字段和输入文本字段。所有的文本字段都支持Unicode。静态文本字段显示不会动态更改字符的文本。动态文本字段显示动态更新的文本，如体育得分、股票报价或天气报告。输入文本字段使用户可以将文本输入到表单或调查表中。可以在Flash中创建水平文本（从左到右流向）或静态垂直文本（从右到左流向或从左到右流向）。默认情况下，文本以水平方向创建。可以选择首选参数使垂直文本成为默认方向，以及设置垂直文本的其他选项。,15.4位图的应用,导入位图分离位图将位图转换为矢量图,操作题,由画图绘制一个图象，然后通过复制粘贴方法导入到Flash中来进行位图设置用Flash MX 中文版绘图功能设计一个广告。,
