您的位置: 首页 > 技术文档 > 多媒体制作 > FLASH 5 教程 — Flash 浮动面板
FLASH 5 教程 — Flash 高级面板 回到列表 FLASH 5 教程 — flash5基础知识
 FLASH 5 教程 — Flash 浮动面板

作者:爱老虎油 时间: 2003-04-23 文档类型: 来自:蓝色理想

第 1 页 FLASH 5 教程 — Flash 浮动面板
第 2 页 2.3 - 2.7 Flash 浮动面板
第 3 页 2.8 - 2.12 Flash 浮动面板
第 4 页 2.13 - 2.14 Flash5浮动面板

2.8 Text option(文本选项)面板

Text option面板是Flash5浮动面板中算是一个难点,很多的设计人员对它也并不十分熟悉,这主要的原因是因为它的面板并不是单一的形态,它会根据设计人员的选择以三种模式出现,分别是静态文本、动态文本和文本输入框。在很多的倾向于美工的设计人员中并不多用。很多时候,由于Flash软件的分工,这个面板的大部份功能为程序开发人员所熟知,也是因为动态文本框和文本输入框必须是要结合Action脚本编程一起使用的,这就对一些没有编程基础的设计人员造成了一定的难度。在这一节通过一个实例了解一下这个面板的用途,如果界时你对面板还不了解的话,不用着急,想信通过本书后面的编程内容,最终可以学会这个面板的。

图2-32 Text Options面板的三种状态

2.8.1静态文本

打开Text Options面板,默认的状态是Static Text静态文本框,在下拉菜单中选择其它的两项可以切换到动态文本框和文本输入框,静态文本框只有两个单选框,Use Device Fonts和Selectable项。
Use Device Fonts的意思为使用内建字体,在Flash5中共有三种内建字体,_sans、_serif、_typewriter。前面说过,Flash在输出的时候会把文字发布成图形,由于对中文字体的支持不好,所以经常会出现文字粘连的现象,解决的办法之一就是使用内建字体。另外内建字体的另一个好处是在文字比较多的情况下,会使显示的速度加快,而且内建字体也会使动画的体积相应的减小。

图2-33 Flash的内建字体

Selectable是指文字可以被选取,利用文字的选取可以使用户在观看动画的同时,对动画中的文字进行选取和复制等操作。

2.8.2动态文本

在Text Options面板上选取Dynamic Text选项,可以切换到动态文本框。这是Flash5新增的功能,动态文本框可以将文字动态的显示出来,通过对程序和对变量的设置,文本框对变量内容动态读取,然后显示在观众的眼前,比如我们制作一个动态的时钟,如果没有动态文本框的支持将是一件不可能的事情。程序设计人员还可以通过对动态文本框的设置取得程序的运行过程中的某个变量的数据变化。

图2-34 动态文本面板

◆在动态文本选择框的下方有一个单行或多行的下拉选择菜单,共有两个选择,Single Line项目为单行文本,Multiline为多行文本。
◆在Variable输入框中可以输入变量名称,也即代表文本框的名称。
◆在右侧第一个单选框HTML为可支持HTML代码,这也是Flash5呈现给大家的一个特别的功能。由于Flash是基于网络的大环境下,所以在动画内嵌入网页也是非常受大家欢迎的一项功能。可惜只支持HTML1.0的标准,相信会在以后的版本中得到改进。
◆Border/Bg单选框是设置边界与背景设置的功能。选取后,文本框会以白色的背景和黑色的边框线来显示。
◆Selectable已经在静态文本中有过叙述,是用来使文字可以被选取的功能。
◆最下方的Embed fonts项为嵌入字符功能,当此选项没有一个按纽处于被按下状态时,动画将以内建字体来显示。如果按下了第一个按钮,表示将使用全部的字体的所有字符集。其它按钮为此功能的细致划分,依次为嵌入大写,嵌入小写,嵌入数字,嵌入符号。
◆自动过滤字符可以限制输入输出的字符,如果在框内输入了123,哪么在输出的时候,只有123才可以显示出来,其它的字符将不再显示。

2.8.3文本输入

在Text Options面板中选取Inpub Text选项,将打开文本输入面板。在制作交互动画时这个功能尤为重要,它可以让用户在动画中输入字符内容,也可以利用这个面板制作密码验证窗口,还可以利用后台程序与用户交换信息。

图2-35 文本输入面板

◆输入文本框的下拉菜单中,多了一个Password项,表示输入的字符全部以*号显示,这就是为密码验证程序制作的。
◆Word Wrap项表示当文本的边界超出文本框的大小时,是否自动换行。
◆在文本输入面板中多了一个Max Chars:输入框,此框的表示可以定义输入的最多字符数限制。如在框内填写数字2,哪么用户将无法在输入框内填写两个以上的字符数。注意中文字符一个字为两个字符。
◆在Input Text面板中的其它设置与动态文本面板的基本相同。

2.9 Mixer面板(调色)面板

在以前的面板实例中,我们已经接触到了Mixer面板的使用,Mixer面板主要的功能还是配合Fill面板一起使用的,对其它的功能并不常用。

图2-36 Mixer面板

在讲解Mixer面板时,要带给读者一些关于色彩的知识,Mixer面板中共有四个输入框和五个按钮一个色盘,此外还有一个三角的扩展功能。R(红)、G(绿)、B(蓝)三原色的组合一共带给我们1670万种颜色。通过对Alpha透明度的设置可以达到更多的效果,这其实也就是Flash 动画和一般GIF256色动画的根本区别。在色盘上用鼠标可以直接选取色彩,也可以在R、G、B三个框内输入色彩的值。
◆铅笔工具可以选取图像边缘的色彩。
◆油漆桶工具可以选取图像的填充色。
◆另外的三个按钮第一个是使用Flash默认的白色填充黑色边缘,第二个按钮只有当油漆桶或是铅笔工具中有一个为不填充时才显示出来,最后一个按钮是使油漆桶中的颜色和笔触颜色互换。
◆在R、G、B三个框内可以输入具体的色彩值,当然这需要你有很深的美术造诣和计算机绘图知识,才可以胜任。
◆在Alpha框内输入的是透明度,0为全透明,100为不透明。
现在来讲解一下扩展按钮中的功能和有关色彩方面的知识。
◆RGB模式:计算机用R、G、B三种色彩的数值来显示颜色,而这三种色彩的混合又可以产生1670万种色彩值,这就是我们所说的真彩,它创建了真彩的世界,这是理论上色彩的最高值。显示器、扫描仪等等众多设备都是使用的RGB模式,也是Flash的默认色彩值。
◆HSB模式:它将色彩描述成了三个主要素,色调、饱和度和亮度。这种色彩更加符合人们的心理和主观感受,因为它是非常直观的表现出来。
◆Hex模式:是一种16进制的色彩模式,在网页制作软件中比较常见,在图像制作方面的软件中并不多见,很少有人在使用。
◆Add Swatch:为加入一个色彩模式。

2.10 Swatches(色盘)面板

Swatches面板正像是一个大色盘,如果你认为它只有拾取色彩的功能哪你就错了,Swatches面板的扩展功能非常的强,色含有很多的关于色彩方面的设置,对这些功能很多并不是经常用到的。Swatches面板在色彩的替换方面无与伦比,可以看出Macromedia公司在这方面下了很深的功夫,其实这也是Flash之所以火爆的原因之一。

图2-37 Swatches面板

面板的上半部份是色盘,下半部份存储着各种渐变色的信息,通过对色盘的选取,可以动态改变油漆桶工具中的填充色。而在扩展菜单中罗列着各种关于色彩值的选项。
◆ Duplicate Swatch:复制色彩样本,通过对此项目的选取可以复制所选取的色彩值,复制样本会显示在色盘的最下方。
◆ Delete Swatch:删除色彩样本,用以删除选定的色彩样式。
◆ Add Colors:添加色彩,当此选项被选取时,将打开一个Import Color Swatch的属性对话框,用来导入外部的图像色彩,其中*.clr为Flash的色彩文件,*.act为色彩表文件,*.gif为图像文件。Flash将从这三种文件中读取色彩值。

图2-38 Import Color Swatch对话框

◆ Replace Colors:此项的意义为替换色彩值,通过对此项目的选取可以从外部图像文件中导入色彩值,并且替换掉原来的色彩样本。
◆ Load Default Colors:装载默认的设置。
◆ Save Colors:存储色彩值,以备日后选用。
◆ Save as Default:将现有色盘设置存储为Flash的默认设置。
◆ Chear Colors:清除所有的色彩样本,在色盘上只会留下黑色和白色两种色彩。
◆ Web 216:装载网络的216色色彩样本设置。
◆ Sort by Color:排序,对色彩样本按照色彩的值进行排序。

2.11 Instance面板(实例)面板

Instance面板也是Flash5中的一个重要的面板,它的最常用的功能就是为Movie Clip影片剪辑取分身名称,另外它还可以为按钮和图像指定播放的属性,如循环等。在Instance面板中的右下角放置了一些按钮,这些按钮可以进行对符号的复制等等。符号是Flash中一个重要的概念,其实我们还可以把场景看成是一个大的电影符号,而分布在其中的图像和电影剪辑是包含在场景大符号中的小符号,一环嵌入一环构成了整部电影。

图2-39 Instance面板

在Instance面板中的Behavior下拉菜单中列出了Flash的三种符号,当符号被选取时,Instance面板被激活,Instance面板会自动根据符号的种类打开相应的Behavior项。你也可以通过下拉菜单为符号指定。
◆ 在Movie Clip电影剪辑的情况下,只有一个Name项,它是为电影剪辑取分身名称的作用,这个功能在Flash中的作用相当大,已经成为了Instance面板的最常用功能,因为电影剪辑只有在取得了分身名称的情况下,才能为ActionScript脚本所调用。
◆ 当Botton按钮符号被选取时,在下方的Options下拉菜单中会出现两种选择。Trank as Botton是指Flash将此按钮做为按钮处理,或是Trank as Menu ltem,Flash将此按钮做为菜单处理。
◆ 当Graphic图像符号被选取时,会出现三种下拉菜单和一个First输入框,Loop指循环数,可以在First框内指定你想让图像循环按放多少次;Play Once是只播放一次;Single Frame为播放帧,可以输入想要播放的帧数。
◆ 在右下角的按钮栏中,依次为交换符号、编辑符号、复制符号和编辑脚本程序。

2.12 Effect面板(效果)面板

在Effect面板中放置了一些比较实用的特效,分别是Brightness(亮度)、Tint(色彩)Alpha(透明度)和Advanced(高级)设定。第一个效果被选取时,会弹出相应的面板设置,很多对符号的效果,特别是对Movie Clip电影剪辑的效果都是从这个面板里进行设置的。

图2-40 Effect面板

◆ Brightness亮度设置比较简单,通过旁边的纵向拉杆达到对符号的亮度设置。100为最亮,-100为最暗,默认值为0。
◆ Tint色彩设置的面板比较类似色盘面板,也是通过对RGB三色的具体值设定来达到对符号的色彩变化,也可以通过直接选取下方的色彩来达到目的。而最上方的纵向拉杆表示色彩的饱和度设定。
◆ Alpha值为透明度设置。
◆ Advanced面板的内容比较复杂。如图2-41所示,它是使用具体的值对符号的效果进行全面的设定。它的设定方法与其它的色彩设定方法不太相同,它是通过左边框内,对符号原有色彩的百分数取值乘以右边框内新的色彩的百分数取值,得到新的色彩值。

图2-41 Advanced高级效果面板

以下实例的效果是一个飞机从屏幕的左方飞往右方,在飞行的过程中飞机慢慢的消失。
步骤一、打开Flash5,选择Window|Common Library命令,打开共享库面板,从中选取Movie Clip项,把飞机拖入场景。
步骤二、将飞机放置在编辑区的最左侧,然后在时间轴的第二十帧处按F6键,插入一个关键帧。
步骤三、在第二十帧处把飞机拖向编辑区的最右侧,然后回到第一帧,在时间轴上点击鼠标右键,选择Create Motion Tween,建立一个Motion动画,用回车键测试飞机从左方飞向右方。
步骤四、打开Effect面板,在第一帧处使飞机为被选取状态,选择 Effect面板中的Alpha项,设定值为100,在第二十帧处Alpha值为0。图4-42为效果的演示过程。

图2-42 透明度的渐变过程

在使用Effect面板对符号进行效果设定时,一般来说是不允许同时使用两种效果的,而且请一定注意起始帧和结束帧都是在Motion运动的范围内。当符号不再选取状态时,Effect面板为非激活姿态。

出处:蓝色理想
责任编辑:蓝色

上一页 2.3 - 2.7 Flash 浮动面板 下一页 2.13 - 2.14 Flash5浮动面板

◎进入论坛Flash专栏版块参加讨论

相关文章 更多相关链接
Flash 酷站猎手
中文ID3乱码问题MX解决方案
用AS2解决中文ID3的乱码
Flash常用效果-移动模糊效果
Flash MX 2005 制作环境预览
作者文章 更多作者文章
闪光的历程-Flash 的这五年
loading 的详细制作
《闪魂之Flash网站建设实录》
FLASH 5 教程 — Flash 影片控制
FLASH 5 教程 — Flash 外部控制
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:3/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2