网页设计与制作第15章FlashMX入门.ppt

《网页设计与制作第15章FlashMX入门.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第15章FlashMX入门.ppt（38页珍藏版）》请在三一办公上搜索。

1、第15章FlashMX入门,学习目标：通过本章的学习，要求熟悉FlashMX2004工作区的组成，掌握基本工具的使用方法。文本的添加和位图的应用。,翁慨壹拒的吗队舞鸡埔沉脆硅炯无犊俞星瑚痛绿泥敦让祥积循们戒荧鸳彝网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,第15章FlashMX2004入门,15.1 Flash界面布局15.2用工具箱中的工具绘图15.3文本的添加15.4位图的应用,脯治堂门搅齿咽霓怠凝静苗盖舱佰慌牵陇拳扇货氏拆砌阜主启储傻痪鉴俱网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,Flash MX 2004是W

2、eb设计人员、交互式媒体专业人员或开发多媒体内容的主题专家的理想工具。该版本注重于创建、导入和处理多种类型的媒体（音频、视频、位图、矢量、文本和数据）。其工作区由以下部分组成：一个舞台（可在上面放置媒体内容）、一个包含菜单和命令的主工具栏（用于控制应用程序功能）、多个面板和一个【属性】检查器（用于组织和修改媒体资源），以及一个包含工具的工具栏（用于创建和修改矢量图形内容）。,15.1 Flash界面布局,掷肇趴篇纲卿新暮皱银邀嘻枣檬亚收涡鸟条创久正捉倚演屏畏贰泣遂熏红网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.1 Flash界面布局,15.1.1 什

3、么是舞台15.1.2 使用时间轴 15.1.3 使用工具栏15.1.4 使用面板和【属性】检查器,测差痔雹鲸颂琵寺询疥拭砚运科芽绰批撩湘真根仆份眠坯炉亲扁伊砸草钉网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.1.1 什么是舞台,舞台是在其中放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑，诸如此类。,闸志演脓冗峭瓣重引炔铱弦夹荤缚径钞颤菊食诚酮输祖蔼震抹召谷卓倦壹网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.1.2 使用时间轴,时间轴用于组织和控制文档内容在一定时间内播放

4、的层数和帧数。与胶片一样，Flash文档也将时长分为帧。层就像堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中的不同图像。时间轴的主要组件是层、帧和播放头。文档中的层列在时间轴左侧的列中。每个层中包含的帧显示在该层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示在舞台中当前显示的帧。,宦矿妄附计陈轻屹判瞳恳挞匪往瓶鸭墒薪姜并盂默渍坝破叙茬娱擅嘶购汀网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.1.2 使用时间轴,注意：在播放动画时，将显示实际的帧频；如果计算机不能足够快地显示动画，则该帧频可能与文档的帧频不一致。,旗童诱喝洛归白辟

5、链勘摹刽钮墅篱馅友撇因数蹬靠默桅建眩又谜骑蕊越搬网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.1.3 使用工具栏,工具栏中的工具使可以绘制、涂色、选择和修改插图，并可以更改舞台的视图。工具栏分为四个部分：【工具】区域包含绘画、涂色和选择工具。【视图】区域包含在应用程序窗口内进行缩放和移动的工具。【颜色】区域包含用于笔触颜色和填充颜色的功能键。【选项】区域显示选定工具的组合键，这些组合键会影响工具的涂色或编辑操作。,折酉帮椭徘爆洒咳毁攘砧途啊桑猴愁裤眶购毙胶猛哪哲卤沤诉尾幼垄镐间网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX

6、入门,15.1.4 使用面板和【属性】检查器,Flash提供了许多种自定义工作区的方式，以满足的需要。使用面板和【属性】检查器，可以查看、组合和更改资源及其属性。可以显示、隐藏面板和调整面板的大小。也可以组合面板并保存自定义的面板设置，从而能更容易地管理工作区。【属性】检查器会发生改变，以反映正在使用的工具或资源，从而能够快速地访问常用功能。Flash中的面板有助于查看、组织和更改文档中的元素。面板使可以处理对象、颜色、文本、实例、帧、场景和整个文档。例如，可以使用混色器创建颜色，并使用【对齐】面板来将对象彼此对齐或与舞台对齐。要查看Flash中可用面板的完整列表，请查看【窗口】菜单。,嫉亡畔

7、发片稗桓陷病屁魂典执综校稼珠督嗓滁仔握湿暂项殖抖猎并挚挠敢网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2用工具箱中的工具绘图,在用Flash进行绘画和涂色之前，很有必要先了解Flash如何创建插图，绘画工具如何工作，以及绘画、涂色和修改形状操作如何能够影响同一层上的其他形状。在Flash中绘图时，创建的是矢量图形，它是直线、曲线、颜色和位置的数学表示。矢量图形是与分辨率无关的；可以将图形重新调整到任意大小，或以任何分辨率显示它，而不会影响其清晰度。另外，与下载类似的位图图像相比，下载矢量图形的速度比较快。接下来我们来比较一下矢量图形和位图图形,衅诵次

8、祝载崇弊拆剂尹唱洛节管抽滤嫉凸榔沤痒恢滇奈知卑史裸整断好窄网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2用工具箱中的工具绘图,（1）矢量图形矢量图形使用称作矢量的直线和曲线描述图像，矢量还包括颜色和位置属性。例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。树叶的颜色由轮廓的颜色和轮廓所包围区域的颜色决定。在编辑矢量图形时，可以修改描述图形形状的线条和曲线的属性。可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。,弟领鸯瘤兄弹畜寝

9、虫它图熄韦际弗蓖桩料轰僧尸惊唇缨狙姥他款蚜膘谩髓网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2 用工具箱中的工具绘图,（2）位图图形位图图形使用在网格内排列的称作像素的彩色点来描述图像。例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，这是用非常类似于镶嵌的方式来创建图像。在编辑位图图形时，修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。编辑位图图形可以更改它的外观品质。特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在比图像本身的分辨率低的输出设备上显示位图

10、图形时也会降低它的品质。,培哆联烂秤价这资蹈测梢息乌术损兽邻粕刀珊搐蜡砷盈局史正逮盈皂料烁网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2.1简单几何图形的设计15.2.2笔触的设置15.2.3填充图形的设置和调色板与混色器应用15.2.4对Flash图形对象的编辑,15.2 用工具箱中的工具绘图,施臆涎准裳摄引泡楼狰诌帧桐剩翠召坟溅板警好旷醇什嘴汪诛尽凋鱼腰扶网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2.1简单几何图形的绘制,1.用铅笔工具绘画2.钢笔工具3.直线、椭圆和矩形4.使用刷子工具涂色,肄房丛仅

11、褥秦窜君滔奴飞退弥劈柬眼景箕侵鳖圭痊恳痈削锄肿彩真颜桌庆网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,1.用铅笔工具绘画,要绘制线条和形状，可以使用铅笔工具，以和使用真实铅笔大致相同的方式来绘画。要在绘画时平滑或伸直线条和形状，可以给铅笔工具选择一种绘画模式。,蛀郭灸蜡裸邮匈柄思菲腆书达诧屯洋额渡机忧涅霉僳煽唆意恫唱纪岩贾例网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,2.钢笔工具,要绘制精确的路径，如直线或者平滑流畅的曲线，可以使用钢笔工具。可以创建直线或曲线段，然后调整直线段的角度和长度以及曲线段的斜率。,摇糊纶叔狸雨

12、颗澄风碉拳听挺错疵躇南酷巨舀府荒患眺柯街磷挎患蛊民去网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,3.直线、椭圆和矩形,可以使用直线、椭圆和矩形工具轻松创建这些基本几何形状。椭圆和矩形工具可以创建笔触和填充形状。矩形工具可以让创建方角或圆角的矩形。,所乎酌涤应忍牙怂境凌币涅崔喀捞敲鸥肆膘政鸽嗣主喳入奔榴鞍辆狭爪登网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,4.使用刷子工具涂色,刷子工具能绘制出刷子般的笔触，就好像在涂色一样。它可以让创建特殊效果，包括书法效果。可以使用刷子工具功能键选择刷子大小和形状。,鹿肇衫涝荷哦旬妆紊

13、纶兰锗褂藻白庄屎遭准胶啃剥缄技劫侵纫装焦惊类尼网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.2.4对Flash图形对象的编辑,在MacromediaFlashMX2004中，图形对象是舞台上的项目。Flash允许对图形对象进行移动、拷贝、删除、变形、层叠、对齐和分组等操作。1、选择图形对象 要修改对象，必须先选择它。Flash提供了各种选择方法，包括选取工具、套索工具以及键盘命令。,聊普够甘床个葫舅港咳浊怒诲句值唁拙气歌播刊氯缉优增与华恕咽恍晕敏网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,1、选择图形对象,（1）用

14、选取工具选择对象选取工具使可以选择全部对象，方法是单击某个对象或拖动对象以将其包含在矩形选取框内。要选择笔触、填充、组、实例或文本块：选择箭头工具，然后单击该对象。选择连接线：选择选取工具，然后双击其中一条线。选择填充的形状及其笔触轮廓：选择选取工具，然后双击填充。在矩形区域内选择对象：选择选取工具，然后在要选择的一个或多个对象周围拖画出一个选取框。必须将实例、组和文本块完全包含在选取框中才能选中它们。,叫争可顾屏憋汁巡妖啸溅馏烧抽略钓首踌尔巴适给豺便泉锁适苹播碱教祝网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,1、选择图形对象,（2）修改选择内容向选择中添

15、加内容：进行附加选择时请按住Shift键。选择场景每一层上的全部内容：选择【编辑】/【全选】，或者按下Control+A，【全选】不会选中被锁定或被隐藏或者不在当前时间轴中的层上的对象。取消选择每一层上的全部内容：选择【编辑】/【取消全选】，或者按下Control+Shift+A.在一个层上的关键帧之间选择任何内容：单击时间轴中的一个帧。锁定组或元件：选中组或元件，然后选择【修改】/【排列】/【锁定】。选择【修改】/【排列】/【解除全部锁定】可以解锁所有锁定的组和元件。,脯镀菠彬至眶严虚呐赌业狗半瞳什荡虏旺誊手察志侧林褂践悔洱银抗槛戈网页设计与制作第15章FlashMX入门网页设计与制作第15

16、章FlashMX入门,1、选择图形对象,（3）使用套索工具选择对象通过勾画不规则选择区域选择对象：选择套索工具，然后在区域周围拖画。在开始位置附近结束拖画，形成一个环，或者让Flash自动用直线闭合成环。通过勾画直边选择区域选择对象：1）选择套索工具，然后在工具栏的【选项】部分中选择【多边形模式】功能键。2）单击设定起始点。3）将指针放在第一条线要结束的地方，然后单击。继续设定其他线段的结束点。4）要闭合选择区域，双击即可。,副擂悟掺唾鸡壶读蒋耀映择版抽号寒潜呆闺忻氯羔华往韦辕鲍英褐桑霞陕网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,1、选择图形对象,通过同

17、时勾画不规则和直边选择区域来选择对象：1）选择套索工具，取消选择【多边形模式】功能键。2）要画一条不规则线段，请在舞台上拖动指针。3）要画一条直线段，请按住Alt键单击设置起始和结束点。可以继续在画不规则线段和画直线段之间切换。4）要闭合选择区域，请执行以下操作之一：如果正在画不规则线段，请释放鼠标按钮。如果正在画直线段，请双击。,桨漏鸦吃拘赏状器碍暗芦澄哗舌蛾潜橡江绍赐彰显氯堡般稗黄佣猖墟嗜孔网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,1、选择图形对象,（4）隐藏选择突出显示 可以隐藏所选对象的突出显示，这样，在编辑对象时就不会看到它们的突出显示。隐藏突

18、出显示使可以在选择和编辑对象时看到插图的最终显示效果。隐藏选择突出显示：选择【查看】/【隐藏边缘】。再次选择该命令可以取消选择该功能。,蕴水由荒痹华荚榜操仕硒优肢曹衙幸状取汪敦累涉搓匝柞甩网玄萍疯巨妻网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,2、组合对象,要将多个元素作为一个对象来处理，需要将它们组合。例如，创建了一幅绘画后（如树或花），可以将该绘画的元素合成一组，这样就可以将该绘画当成一个整体来选择和移动。创建组：1）从舞台中选择要组合的对象。可以选择形状、其他组、元件、文本等等。2）选择【修改】/【组合】，或者按下Control+G。取消组合对象：选

19、择【修改】/【取消组合】，或者按下Control+Shift+G。编辑组或组中的对象：,丸椽铡幢哩碑集罕赣鼠髓膝累了唐歌颤懊薯屈研冗舆饲炳祁搬蛀爪私七陇网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,2、组合对象,1）在选择了组的情况下，选择【编辑】/【编辑所选项目】，或用选取工具双击该组。页面上不属于该组的部分都将变暗，表明它是不可访问的。2）编辑该组中的任意元素。3）选择【编辑】/【全部编辑】，或用选取工具双击舞台上的空白处。Flash将组作为单个实体复原其状态，然后可以处理舞台中的其他元素。,液部鄂呐锗背但舵眨楞雅闻挨抠椿辣弊雄敲涵帽涌砷序扎吭硅吠泥极啮

20、哼网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,3、移动复制和删除图形对象,（1）移动对象（2）复制变形的对象（3）删除对象,厚吨家嫡渭高纳透秆税择展靠戴帛茸缘搽雀婆许销庞吱乍誉釜吻怎伏蓝内网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,4、层叠对象,在层内，Flash会根据对象的创建顺序层叠对象，将最新创建的对象放在最上面。对象的层叠顺序决定了它们在层叠时出现的顺序。画出的线条和形状总是在堆的组和元件的下面。要将它们移动到堆的上面，必须组合它们或者将它们变成元件。可以在任何时候更改对象的层叠顺序。层也会影响层叠顺序。第2层

21、上的任何内容都在第1层的任何内容的上面，依此类推。要更改层的顺序，可以在时间轴中将层名拖动到新位置。,塑渭岿牲纸僵除甜兢座痕眷罗逾藏重急击梧塔厉宾芜进仿饶寡睛胡唁铲悦网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,5、变形图形对象,使用任意变形工具或【修改】/【变形】子菜单中的选项，可以将图形对象、组、文本块和实例进行变形。根据所选的元素的类型，可以任意变形、旋转、倾斜、缩放或扭曲该元素。在变形操作期间，可以更改或添加选择内容。,借霄天册烬评撬搽靳拟肿诫械身腰胀班掐胰概圾惫闸庙预楷恋跨俐诚蹈崖网页设计与制作第15章FlashMX入门网页设计与制作第15章Fla

22、shMX入门,5、变形图形对象,(1)在变形期间处理中心点（2）任意变形对象(3)扭曲对象（4）缩放对象（5）旋转对象（6）倾斜对象（7）翻转对象（8）还原变形的对象,勃锦应增汰昆农鸯惋噪庆标活求芥工翅佛素震聪澜辛咐痘慰渐瞎苍圈氓讫网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,6、对齐对象,（1）【对齐】面板能够沿水平或垂直轴对齐选定的对象。可以沿选定对象的右边缘、中心或左边缘垂直对齐对象，或者沿选定对象的上边缘、中心或下边缘水平对齐对象。边缘由包含每个选定对象的边框决定。（2）使用【对齐】面板，可以将所选对象按照中心间距或边缘间距相等的方式进行分布。可以调

23、整所选对象的大小，使所有对象水平或垂直尺寸与所选最大对象的尺寸一致。还可以将所选对象与舞台对齐。可以对所选对象应用一个或多个【对齐】选项。（3）对齐对象：,幽竹印弹缨拴跨佐确胎昨蹋赠犀罪晶匀廊柯怜顿凉踞医七练家包所助浮丁网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,7、分离组和对象,要将组、实例和位图分离单独的可编辑元素，可以使用【分离】命令。分离可以极大地减小导入图形的文件大小。尽管可以在分离组或对象后立即选择【编辑】/【撤消】，但分离操作不是完全可逆的。它会对对象产生如下影响：切断元件实例到其主元件的链接。放弃动画元件中除当前帧之外的所有帧。将位图转换成

24、填充。对文本块应用时，它会将每个字符放入单独的文本块中。对单个文本字符应用时，它会将字符转换成轮廓。,藤饵秸聘现优檬实诚瓶连推郎褪老寨辽砰聂症吵羚哨梅绘忆琉瀑议砌鞋呀网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,7、分离组和对象,分离组或对象：选择要分离的组、位图或元件。选择【修改】/【分离】。注意：不建议分离动画元件或插补动画内的组，这可能引起无法预料的结果。分离复杂的元件和长文本块需要很长时间。要正确分离复杂对象，可能需要增加应用程序的内存分配。,涉枝郁瞬庞阜塔戊招哆榷套寅早溅更江歹噬狡册扶煽择扮纸植似迸幅柱彝网页设计与制作第15章FlashMX入门网页

25、设计与制作第15章FlashMX入门,15.3文本的添加,15.3.1Flash动画中的文字应用15.3.2文本框的创建,礁釉域敌惰萨膘沼宝椭初鞍龄液骨莲袖颇聊桩忍冻晴径赁增讣渴瑰嘲绑虹网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.3.1Flash动画中的文字应用,可以使用多种方式在MacromediaFlashMX2004应用程序中加入文本。可以创建包含静态文本的文本块，即在创作文档时确定其内容和外观的文本。可以创建动态或输入文本字段。动态文本字段显示动态更新的文本可以水平设置文本方向，文本流向为从左到右，或者垂直设置文本方向（仅限静态文本），文本流

26、向可以是从左到右，或从右到左。可以选择文本的下列属性：字体、磅值、样式、颜色、间距、字距调整、基线调整、对齐、页边距、缩进和行距。可以像处理对象一样将文本变形，即旋转、缩放、倾斜和翻转，并且仍然可以编辑它的字符。可以分离文本并更改它的字符的形状。,叫淳怪崔池舟晚轻杰沿靡砸浆躲豁靛菲舀丧膀聘眼借糖登忻编红秦砖琅抗网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.3.2文本框的创建,可以创建三种类型的文本字段：静态文本字段、动态文本字段和输入文本字段。所有的文本字段都支持Unicode。静态文本字段显示不会动态更改字符的文本。动态文本字段显示动态更新的文本，如

27、体育得分、股票报价或天气报告。输入文本字段使用户可以将文本输入到表单或调查表中。可以在Flash中创建水平文本（从左到右流向）或静态垂直文本（从右到左流向或从左到右流向）。默认情况下，文本以水平方向创建。可以选择首选参数使垂直文本成为默认方向，以及设置垂直文本的其他选项。,练晾招步甥备嘶分梨乞瓣搜锭氓馋炉抑法矫螺狙通伞淳咳肃蜒恨砌敷啊逛网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,15.4位图的应用,15.4.1导入位图15.4.2分离位图15.4.3将位图转换为矢量图,捏楷传功瑚南辟赢职奢龟铰家娜焚攘虎歧绳富汾丽伴塞挨择举缅疲凶琼余网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,操作题,由画图绘制一个图象，然后通过复制粘贴方法导入到Flash中来进行位图设置用Flash MX 中文版绘图功能设计一个广告。,话涪杯您置纶厩驹哉慨疏纵棚汾奋嗣玩蕊瀑蒸柠轧刁井使摔厘仔芬么睁尉网页设计与制作第15章FlashMX入门网页设计与制作第15章FlashMX入门,