自然而流畅！聊聊常见的界面切换动画
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
自然而流畅！聊聊常见的界面切换动画
在使用一些移动端的App或PC端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式吧。
一、淡入淡出
淡入淡出的过渡效果是最为常见的处理手法，这种效果往往能很直观的表现从一个画面到另一个画面变化的过程，视觉表现上比较柔和，但同时通常会局限在需要过渡的两个界面之间有一定的共同特点。
比如把iPhone从第一屏滑动到Spotlight页面时候的效果，我们可以看到有个黑色半透明背景从无到有的过程，同时首屏的图标从完全不透明慢慢变成透明状向右移出屏幕。
再比如在Windows7平台上的Aeropeek功能，当把鼠标移动到桌面右下角的显示桌面按钮的时候，窗口内容就会以淡入淡出的效果从不透明过渡到全部透明的效果。
iOS的Music界面也同样用到了这样的效果，从“正在播放”界面切换到上一级界面的时候，顶部的状态栏和标题栏就会用淡入淡出的效果，从播放界面的深色转换为列表界面的浅色。
二、场景切换
场景切换通常用于两个不同的界面之间，视觉效果会看起来很酷，缺点是会需要因为切换场景而需要等待时间。
我们来看看Apple的Cards应用，从选择一张卡片，到进入编辑卡片的界面，卡片缓缓地飞入到一个皮革质感的桌面。
再比如iOS里面的“用电子邮件发送照片”，也同样是使用了这类效果（照片进行移动，同时邮件界面从底部滑入屏幕）。
此类过渡效果不太适用于需要经常切换的页面之间，过多的等待时间会让用户感到焦躁。
三、翻转界面
翻转界面的方式在iOS平台相当常见，通常翻转前后的两个界面存在一定的联系。常见于设置界面和列表界面。
如下图的“正在播放”界面和“专辑列表”界面的切换。
有iPhone的同学可以一起来做个测试，把iPhone的壁纸和锁屏界面设置为两张不一样的照片时（注意，一定要不一样哦），当你划开解锁按钮以后，屏幕会先以淡入淡出的方式黑屏一下，然后再慢慢亮回来回到主界面。
有时候我们也会在游戏里看到这样的效果，比如打开CuttheRope应用，当点击设置按钮后，也会以黑屏的方式切换界面。
iOS中打开一个文件夹会以一个带箭头的样式展开，而展开的那部分最后却缺少了那个小三角的那部分面积，让我们放慢速度看看iOS是如何很自然的把小三角隐藏掉的吧：
在打开文件夹的同时，我们可以很清晰的看到那个小箭头渐渐缩小直到完全没有。虽然这里的变形速度很快以至于人眼可能很难去察觉到它的变化过程，但是以合理又自然的变形过程来达到最后想要的形状结果也正是体现细节的一部分。
六、形式追随内容的缩放
此类动画的表现通常还会伴随淡入淡出的效果配合，比较常见的是Window7的任务栏预览窗格，当鼠标从一个图标移动到另外一个图标的时候，因为预览窗口的大小不一致，所以窗口会针对内容的大小自动缩放至适当的大小，而内容则会伴随以淡入淡出的方式变化。
在Mac平台下，此类页面切换的过渡方式则更常见，比如在Mac下打开系统配置，在系统配置里面切换任何一个设置项都会有这种效果。
放大的效果常见于从一个较小的元素进入到一个较大的界面时候的过渡，有时候也会伴随淡入淡出的效果作为配合。如GarageBand中，选择一个乐器进入该乐器的编辑界面时所使用的效果。
八、多种效果同时使用
在有些复杂的界面切换过程中，有时候仅仅使用一种方式来实现界面的切换是远远不够的，为了能够更生动而自然的在界面中进行切换，需要同时运用几种过渡效果。
比如上图的Lion系统，将iTunes全屏的过程中，可以看到桌面背景在进行左右切换的同时，iTunes伴随淡入淡出的效果并且放大至全屏，Dock则往下移动以腾出屏幕空间给iTunes全屏。
这样做的目的 1：是很好的将iTunes界面过渡到全屏的状态，2：是背景的切换，代表着全屏的iTunes作为一个单独的Space存放在Mac的屏幕里。也由此可见，以怎样的动画过渡效果去实现界面的转换实际上也在告知用户，我这样切换意味着什么。
除了以上列出的这些过渡效果以外，还有更多的过渡效果没有在这里列出来。大家可以进一步去挖掘和发现更多。动画除了可以使界面变得不那么死板以外，合理的动画也会让用户很直观的了解到界面与界面之间的关系以及如何切换的，更能增加用户在使用过程中的流畅性，从而提升体验。
最后，留个小小的作业。在iPad的主屏上，重力感应导致的横竖屏切换，它是以怎样细微的动画过渡来实现的呢？
可能有同学会问，这些动效如何保存的：
还有一组很火的也可以戳进去感受一下。
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量73万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注梦幻西游中如何快速关闭游戏界面中各种面板-中国学网-中国IT综合门户网站
> 信息中心 >
梦幻西游中如何快速关闭游戏界面中各种面板
来源：互联网 发表时间： 11:08:18 责任编辑：李志喜字体：
为了帮助网友解决“梦幻西游中如何快速关闭游戏界面中各种面板”相关的问题，中国学网通过互联网对“梦幻西游中如何快速关闭游戏界面中各种面板”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:梦幻西游中如何快速关闭游戏界面中各种面板，具体解决方案如下：解决方案1：把鼠标放在面板中深蓝色部分点右键即可快速关闭。或者重复按这个窗口的快捷键比如组队窗口：al憨迹封克莩久凤勋脯魔t+t就可以取消
解决方案2：把鼠标放在面板边缘，快速点一下就可以
解决方案3：把鼠标放在面板中深蓝色部分点右键即可快速关闭。
解决方案4：同LS
4个回答3个回答4个回答2个回答1个回答3个回答5个回答13个回答3个回答1个回答1个回答1个回答1个回答
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号【动漫山庄Flash教程】界面和基本操作（一）——概述*颜色面板
查看:644回复:17
Flash的界面和基本操作
一、操作界面
（一）功能面板的调整
　　“窗口”菜单里的各项，对应各个功能面板；每一项上如果打勾，该项所对应的功能面板就会出现（去掉“勾”，对应的面板会消失；如果面板位于“工具面板区”，则“打勾”使其展开，去掉“勾”使其收起）。
　　举个例子，如果需要用到“对齐”面板，可以这样调出来（用鼠标点“对齐”项，使其左边显示“勾”）：
　　调出的“对齐”面板如下所示：
　　用到某项功能时，将其对应的功能面板调出来，用完后关闭即可。但如果某项功能需要经常用到，就应该把面板放置在一个合适的地方，方便使用。
　　仍以上面的面板为例。用鼠标按住面板左上角（红圈所标位置），可以拖动面板，将其拖至合适的位置；点击面板上方的横条（黄圈所标位置），可以将面板收起和展开；点击面板右上角（绿圈所标位置），或者右键点击面板上方（红圈、黄圈、绿圈和蓝圈所标位置），可以选择更多的面板设置。
　　右键点击面板上方，只会给出一组“通用”的面板设置选项。例如，“对齐”面板里有“对齐”、“信息”和“变形”这三个“分面板”，可以用“将%s组合至”这一选项，改变“分面板”与“上级”面板的“从属关系”。点击面板右上角（绿圈所标位置），除了显示“通用”选项外，还会给出一些跟本面板功能有关的“特殊”选项。例如，下面要讲到，点击“混色器”面板的右上角，可以对“RGB”和“HSB”这两种颜色模式进行选择。
　　常用的功能面板，可以分别拖到右边（一般为“对齐”、“颜色”和“库”）和下边（一般为“动作”和“属性”）的“工具面板区”，如下图所示：
（二）工具栏
　　工具栏默认的位置是左边，用鼠标按住它的空处（没有功能按钮的地方）拖动，可以改变其位置，但一般不要动。
　　在工具栏里选定某种工具（按下功能按钮）后，工具栏下方的“选项”，以及“属性”面板，都会有相应的变化（与所使用的工具种类对应）。使用同一种工具时，对“选项”和“属性”进行调整，可以产生不同的效果。
　　有的工具按钮下面有“小黑三角”，用鼠标按住按钮后可以选择和改变其功能。例如，“矩形工具”和“多角星形工具”就是“共用”一个按钮。
（三）“主工具栏”和“控制器”
　　在“窗口”菜单里，选择“工具栏”，把“主工具栏”和“控制器”打上勾——这是两种常用的工具，因此最好让它们一直显现。
　　调出这两种工具对应的面板后，按住其上方的蓝条或空处（没有功能按钮的地方），将其拖动，最好把它们放置在下图所示的位置：
1、主工具栏：里面有最常用的功能对应的按钮；在“菜单栏”的“文件”和“编辑”，以及“工具栏”的“选项”等位置，有与其相同的选项。
　　其中要格外注意“撤销”和“重做”功能。在编辑过程中，如果某一步或几步做得不对，可以点“撤销”键，退回到之前的步骤；如果点了“撤销”后没有重新进行编辑，又可以点“重做”键，恢复原先已经进行的操作。但是，“撤销”和“重做”所牵扯到的步骤数不宜过多（多了容易造成混乱），而且对有些操作来说这两种功能是无效的（比如在“动作”面板输入语句），因此要慎用。
2、控制器：用来对正在编辑的场景（主场景或某个元件）进行测试播放。点其中的“播放”键，正在编辑的场景里的动画会沿着它对应的时间轴逐帧播放，显示出动画效果。“控制”菜单里的“播放”有相同的功能。如果把“控制”菜单里的“循环播放”打上勾，点“播放”键后，动画沿时间轴播放到结尾后，会自动返回开头，重新播放，一直循环下去，除非用“控制器”里的按键（或用“控制”菜单下的命令）使其停止。
　　这里要注意：用控制器播放场景里的动画，只是在编辑过程中进行简单的测试，只能显现所编辑场景的时间轴里设置的动画。许多动画效果，在场景中播放时并不能显现。例如，在主场景里测试播放，就只能看到主场景时间轴里设置的动画效果；如果主场景里有影片剪辑元件，元件里设置了动画，播放时就看不到其效果。只有导出影片文件，看影片里的动画，才能看到全部的动画效果。
（四）“时间轴面板”和“编辑栏”
　　时间轴面板如下图所示（按住红圈所标位置可拖动）：
　　在“窗口”菜单的“工具栏”里可以选择是否显示“编辑栏”。
　　时间轴面板的各种功能（包括时间轴、帧、时间轴面板下方的按键等），等到实际制作动画时再慢慢领会；“图层面板”后面要详细介绍；下面专门讲一下编辑栏。
1、“时间轴”按钮：点击该按钮，可使时间轴面板展开和收起。
2、“箭头”和“标题”
　　假设：在“场景 1”有一个影片剪辑元件“元件 1”，“元件 1”里有一个图形元件“元件 2”，“元件 2”里有一个按钮元件“元件 3”。
　　在“场景 1”里，用鼠标双击“元件 1”，即可进入“元件 1”的编辑区；同样，可以用双击的方法，依次进入“元件 2”和“元件 3”的编辑区。用这种方法编辑元件时，“上级”的元件在场景中会以“浅颜色”显示（比如本例中，编辑“元件 3”时，“场景 1”、“元件 1”、“元件 2”里的其他对象，都会变成“浅颜色”）；而编辑栏会变成下图所示：
　　用鼠标点击编辑栏里的“箭头”（蓝圈所标位置），或者在场景里双击，编辑场景会返回上一级；点击编辑栏里的“场景 1”、“元件 1”或“元件 2”这些“标题”，编辑场景会回到被点击的“标题”所对应的编辑区。
　　除了上面讲的各种“元件”（图形元件、影片剪辑和按钮）外，“组”也可以形成多个等级，可以用“双击”的方法由“上级”的编辑区进入“下级”的编辑区，此时编辑栏上会显示各个“等级”的“组”的字样和图标。“绘制对象”是一种“特殊”的“组”，但它只能有一个“等级”（相关情况后面再讲）。用鼠标绘制图形（即“鼠绘”）的时候，经常要用到“组”的“等级”。
3、“场景”和“元件”按钮
　　这两个按钮位于编辑栏的右侧（“全称”分别是“编辑场景”和“编辑元件”）。如果被编辑的文件里有多个场景（在“插入”菜单里点“场景”，可以新建场景），点“场景”按钮，可以选择进入其中的某一个场景进行编辑。
　　点“元件”按钮，可以选择进入某一个元件进行编辑；如果“库”里有文件夹，要编辑的元件位于某一个文件夹内，点“元件”按钮后，可以先选择该元件所在的文件夹，找到元件，再点击该元件的名字，以进入它的编辑区（在“库面板”里也可以选择编辑某元件，这个后面再讲）。
4、“缩放”选择框
　　在编辑栏的最右侧的选择框里，可以选择缩放的比例，以改变编辑场景及里面各个对象所显示的大小（并不改变对象本身的大小，只是放大和缩小），方便观看和编辑。
　　点击选择框右边的按键，就会出现“符合窗口大小”、“显示帧”、“显示全部”，以及多种缩放比例。选择其中一项，即可改变显示比例。如果对这些选项都不满意，可以自己在框内输入数字（然后按“Enter”键），以确定显示比例。输入数字时无需加百分号，输入的数字会自动加上百分号，场景按照加了百分号的数字所确定的比例显示。场景的显示比例，最小为8%，最大为2000%。
　　工具栏的“查看”下面有“缩放工具”，用它也可以缩放场景（点击该按钮后，在工具栏的“选项”里选择“放大”或“缩小”，然后在场景中点击），但只能按照固定的比例。缩放以后，可以用“查看”下面的“手形工具”，调整场景舞台的窗口里所显示的区域（点击该按钮后，在场景的窗口里用“手形鼠标”按住并挪动场景）；也可以拉动窗口边沿的调节杆来调整（如果用右键点击调节杆滑动的区域，会出现一系列选项供选择）。
（五）“场景舞台”大小的调整
　　使用FLASH时，一般将“场景舞台”置于正中，四周被各种工具面板“环绕”。编辑场景里的对象时，可以把周围的面板暂时“缩小”或“隐藏”，为“场景舞台”“腾出”更多的“空间”。
　　对于场景下方的面板（一般为“动作”和“属性”）， 点击上方的横条，可以将其收起，这样“场景舞台”就可以“向下”“扩充”。
　　场景上方的时间轴面板，以及场景右边的“工具面板区”，当把鼠标移到其“边沿”（下图中“蓝框”所围处）时，鼠标会变成“双向箭头”。这时可以用鼠标拉动，改变面板的大小，从而改变“场景舞台”的大小。
　　用鼠标点击场景“边沿”处的“小黑三角”（ 下图中“红框”所围处），可以分别将右边和下边的“工具面板区”隐藏（再点一下就能显现），以扩大“场景舞台”的“面积”。
（六）“布局”的调整
&&&&在“窗口”菜单下选择“工作区布局”，会出现如下图所示的选项：
　　使用者可以调整FLASH的界面，使其符合自己的习惯。比如前面讲过的，让某些面板出现，某些面板隐藏；拖动各个面板到自己习惯使用的位置。调整好后，在“工作区布局”中选择“保存当前”，在跳出的“保存工作区布局”面板里，给自己设置的“工作布局”取名，点“确定”，就能将当前的“布局”存储起来。如果在后来的使用中，把“布局”弄“乱”了，可以在“工作区布局”里选择“默认”，将布局恢复为默认的情况；还可以选择以前存储过的“布局方案”，使布局按照以前保存的“方案”进行设置。点击“管理”选项，可以对以前保存的多个“工作区布局”“方案”进行“重命名”和“删除”操作。
二、重要的工具面板
（一）对齐
　　按默认设置，“对齐”、“信息”和“变形”这三个面板是组合在一起的。
　　如果不按下面板右边的“相对于舞台”按钮，“对齐”功能针对的是多个对象。先选中场景里的两个或两个以上的对象，然后按“对齐”面板里的某个按钮，可以让这些对象按照该按钮对应的方式“相互”“对齐”。
　　按下“相对于舞台”按钮，选中场景里的一个或多个对象，再按对齐面板里的按钮，被选中的对象会“相对于舞台”进行“对齐”。
　　面板里的按钮分为“对齐”、“分布”、“匹配大小”和“间隔”四类，其中“对齐”是最常用的。例如，要把某张图片调整到坐标为（0，0）的位置，可以选中图片，然后在“属性”面板里修改其坐标；也可以选中图片，按下“对齐”面板里的“相对于舞台”按钮，再分别按一下“左对齐”和“上对齐”按钮。
　　使用FLASH时经常需要把一张图片跟场景“完全匹配”。选中该图片（或该图片所在的元件）后，可以在“属性”面板调整其“宽”和“高”以改变图片的大小，调整“X”和“Y”的数值以改变图片的位置。选中图片，（在“相对于舞台”按钮被按下的情况下）按“匹配大小”一组里的按钮，分别使图片的高和宽与场景“匹配”；按“对齐”一组里的按钮，使图片纵向和横向分别对齐场景，这样也能做到图片与场景的“匹配”。
　　选中某个对象后，该面板如下图所示，其中右下角的“X”和“Y”指的是鼠标（在“场景舞台”里）所在位置的坐标。
　　“九格”（红圈所标位置）为“元件位置”，用鼠标点击可改变“黑点”的位置。如果“黑点”在“九格”的“左上角”，则被选中的对象的坐标（“信息”和“属性”面板里都有显示），为该对象“左上角”的坐标；如果“黑点”在“九格”的“中间”，则被选中的对象的坐标为该对象“中心”的坐标。
　　（注：除非特别说明，提到某个对象的坐标，都指该对象“左上角”的坐标。）
　　选中某个对象后，该面板如下图所示。先点工具栏里的“任意变形工具”按钮，调整被选中对象“元件中心”（即“小圆圈”）的位置（该位置为“旋转”所围绕的“中心”）；然后，选“变形”面板里的“旋转”，输入一定的“角度”值，多次点击面板右下角的“复制并应用变形”按钮（两个按钮中靠左的那个），这样可以制作出类似“花朵”、“风车”或“扇面”的图形。
（二）颜色
　　按默认设置，“颜色”面板包括“混色器”和“颜色样本”这两部分。
　　在工具栏里选择了与绘图有关的工具（包括线条、钢笔、文本、椭圆、矩形与多角星形、铅笔、刷子、墨水瓶、颜料桶等）后，可以在混色器、工具栏的“颜色”或属性面板里，选择该工具要使用的颜色，也可以用“滴管”工具选择颜色。
　　这些工具有两种使用颜色的方式——“笔触颜色”和“填充色”，具体方式因工具不同而异。有些工具只能使用两种方式中的一种，选择该工具时属性面板里只会给出它能使用的那一种颜色选项；有些工具对具体使用的颜色也有特殊要求，例如“文本”里只能使用“纯色”。
1、简单的颜色调整
　　“混色器”面板如下图所示：
　　“类型”（黑圈所标位置）中包括“无”、“纯色”、“线性”、“放射状”和“位图”这五项。
　　在混色器及工具栏的“颜色”里，点击“笔触颜色”和“填充色”的图标（红圈所标位置），可以选择两者中的一项进行设置（两者中被选择的那项显现为“被按下”，比如图中“填充色”为“被按下”）；在混色器、工具栏的“颜色”和属性面板里，点击“笔触颜色”和“填充色”图标旁边的“色板”（蓝圈所标位置），会出现调色板，此时鼠标会变成“滴管工具”，可以用来选择颜色（鼠标移到Flash程序窗口的任意位置都可以选色，不限于调色板）。
　　混色器和工具栏的“颜色”里，还有“黑白”、“没有颜色”和“交换颜色”这三个选项（浅绿圈所标位置）。
　　当“类型”为“纯色”时，可以用调整“RGB”（或“HSB”）数值（黄圈所标位置）、“色板”（粉圈所标位置）和颜色代码（紫圈所标位置）这三种方法，调出所需要的颜色。
　　点击面板的右上角（橙圈所标位置），会出现一系列面板设置选项，可以在其中的“RGB”或“HSB”上打勾，以选择混色器里“调整数值改变颜色”的方式。两种方式中，“RGB”为“红绿蓝”；“HSB”为“色相、饱和度、亮度”。
　　“色板”（粉圈所标位置）包括左右两部分。大致上（而不是严格对应），在左边的“色板”里，横向移动为改变“色相”（由光波的波长产生），竖向移动为改变“饱和度”（色彩纯度），在右边的“色柱”处上下移动“黑三角”为改变“亮度”（色彩明亮程度）。
　　调出颜色后，还可以调整“Alpha值”（绿圈所标位置），以改变其“不透明度”。 调出的颜色效果，在下面的色板（深蓝圈所标位置）里显示。
　　在场景中绘制了某个对象后，选中该对象，在混色器、工具栏的“颜色”或属性面板里调整颜色，场景中被选中对象的颜色会随之变化（在属性面板里调整“笔触样式”，也会使被选中对象的笔触随之变化）。在混色器、工具栏的“颜色”或属性面板里设置好颜色后，选中工具栏里的“颜料桶工具”，点击场景中的对象，可使该对象的“填充颜色”变为所设置的颜色；选中工具栏里的“墨水瓶工具”，点击场景中的对象，可使该对象的“笔触颜色”变为所设置的颜色。
　　“颜色样本”面板如下图所示：
　　点击面板的右上角（橙圈所标位置），选择里面的选项，可以对颜色的“样本”进行更改。一般情况下，调色板的设置，应该跟“Web 216 色”选项相对应。
　　鼠标被挪到调色板上后，会变成“滴管”的形状，点击调色板里的“小色块”，就选择了相应的颜色。上方的调色板（红圈所标位置）是用来选择“纯色”的；下方（绿圈所标位置）则提供了几种特殊的“线性”色和“放射状”色（其中浅蓝圈里是“线性”色，黄圈里是“放射状”色）。
　　“颜色样本”的“调色板”里，虽然能提供很多颜色，但毕竟是“样本”。不论是“纯色”，还是“线性”和“放射状”色，很多时候，“样本”里并不能提供所需要的颜色，只能在“混色器”里调，但如果调出来的颜色需要经常使用，可以保存在“颜色样本”面板里。
　　如果某种颜色是用“混色器”调出来的，原来的“样本”里没有，选中此颜色后，把鼠标移到“颜色样本”的“调色板”的“空处”（粉圈和深蓝圈所标位置），鼠标会变成“颜料桶”的形状，点击鼠标，就能“添加样本”（粉圈位置用来添加“纯色”样本，深蓝圈位置用来添加“线性”和“放射状”样本）。
　　点击面板的右上角（橙圈所标位置），可以进行进一步的设置（包括“删除样本”、“保存颜色”等）。
　　前面说过，在混色器、工具栏的“颜色”和属性面板里，点击“色板”（位于“笔触颜色”和“填充色”这两个图标的右边），会出现如下图所示的调色板：
　　这个调色板跟“颜色样本”面板里的调色板基本相同，但添加了一些“混色器”的功能，包括显示调好的颜色（绿圈所标位置）、颜色代码（红圈所标位置，可以在里面直接输入代码，输好后按“Enter”键使颜色改变）、改变透明度（蓝圈所标位置）、“没有颜色”（橙圈所标位置）、“自定义颜色”（粉圈所标位置，点击该处按钮会跳出一个“颜色”面板，可以用来设置自定义颜色）。
　　图中显示的是调整“纯色”时的调色板，不同情况下该调色板会发生变化（例如，选择调“线性”和“放射状”时，调色板里不能改变透明度）。
3、“线性”和“放射状”
　　在“混色器”里选择“类型”为“线性”和“放射状”时（这里以“填充颜色”为例），面板的显示分别如下面两图所示。
　　选“线性”和“放射状”时设置颜色的方法基本相同，下面详细介绍下选“线性”时的设置方法。
　　如下图所示，被设置为“线性”的物体，其颜色是由“色带”（蓝圈所标位置）决定的；而“色带”的颜色是由它下面的多个“色块”（红圈和粉圈各标中了其中的一个）决定的。
　　用鼠标单击“色带”（蓝圈所标位置）或色带的下方（浅绿圈所标位置），就会在鼠标点击的位置添加新的“色块”。新“色块”的颜色，与鼠标点击处色带的颜色相同，但可以进行更改。
　　每个“色块”都是一个带有其对应颜色的“小正方形”，它的上面有一个“小三角形”。如果“色块”不被选中，“小三角形”为白色；如果被选中了（新添加的或被鼠标点击过的“色块”，就是“被选中”的“色块”）， “小三角形”会呈现为黑色（比如上图中红圈所标的色块），此时混色器面板里显示和“正在被设置”的颜色为该色块对应的颜色。
　　“色块”被选中后，可以用混色器面板对其颜色和Alpha值（不透明度）进行更改，方法跟类型为“纯色”时相同，前面都讲过了。这里要注意，每次调整颜色时，只对被选中的“色块”起作用，别的“色块”不会受影响。用鼠标双击“色块”，会出现如下图所示的“调色板”（红圈所标的是被“双击”过的色块），可以用它来选择颜色，还可以改变Alpha值。
　　前面讲过，点击“色板”（位于“笔触颜色”和“填充色”这两个图标的右边），也会出现这样的调色板（如下图所示），但它比点“色块”时出现的调色板要多出一行“颜色样本”——几种特殊的“线性”和“放射状”颜色（浅蓝圈所标位置）——点“色块”，本来就是调“线性”或“放射状”情况下的颜色，因此不会出现这些“特殊”的“颜色样本”。 当“类型”为“线性”或“放射状”时，调色板里不能改变透明度——因为此时每个“色块”的Alpha值都需要单独调整。
　　为每一个色块设好了颜色（以及Alpha值）后，可以用鼠标按住某一个色块，左右移动，以改变颜色的“分布”；如果有不需要的色块，可以用鼠标按住，向下方拖动，将其删除。
　　“类型”为“线性”或“放射状”时，“混色器”面板上会出现“线性 RGB”选项，意为“创建 SVG 兼容的渐变”。如果将其选中（“打勾”），颜色之间的“过渡”会变得比较“柔和”。下图表现了相应情况：
　　“类型”为“线性”或“放射状”时“混色器”里还会出现“溢出”选项，意为“控制超出渐变限制的颜色”，有三种模式供选择，下图分别显示了在“线性”和“放射状”情况下“溢出”模式的作用。
　　给场景里的某个对象设置好“线性”或“放射状”颜色后，可以用工具栏里的“填充变形工具”改变该对象颜色的“分布”。上图就是利用“填充变形工具”对颜色“缩放”的功能，调整对象的“颜色分布”，从而显示了“溢出”三种模式的不同效果。
　　“填充变形工具”的操作方式包括“移动”、“旋转”、“缩放”、“变形”和“改变中心”这五种；选择颜色为“线性”和“放射状”时，方式有所不同，具体情况如下图所示。“线性”情况下只有“移动”、“旋转”和“缩放”这三种方式（图中的“移动中心位置”对应“移动”，“缩放”和“变形”合为一种功能）；“放射状”情况下多了“变形”和“改变中心”（ 图中的“移动中心位置”对应“移动”，“等比例缩放”对应“缩放”，“拉动变形”对应“变形”，“通过移动使颜色‘偏离’”对应“改变中心”）。
　　不管选择哪种“溢出”模式，场景里的“形状”或“绘制对象”被设置了“线性”或“放射状”颜色后，一开始的显示是相同的。“溢出”，根据其解释，是用来控制“色带”范围以外的颜色的。用“填充变形工具”把对象上“色带”所对应的“颜色范围”缩小；或者，用“鼠标吸附”的方法把对象“拉大”，对象上就会显示一开始设置颜色的范围以外的颜色，此时“溢出”模式就体现了其作用。
　　“鼠标吸附”功能以后再讲；下图显示了，用该功能把对象“拉动”和“变形”之后，对象上颜色的分布。另外，使用工具栏里的“部分选取工具”，也可以对对象进行“拉动”和“变形”，并实现“填充变形工具”的功能。
4、“位图颜色”
　　在“混色器”里选择颜色的“类型”为“位图”，面板上会出现一个“导入...”按钮。点击该按钮，会出现一个“导入到库”面板，利用该面板找到保存在电脑里的图片，选中（可以选择一张，也可以一次选多张），点击“打开”按钮（如果只导入一张图，也可以直接双击文件），被选中的图片文件就会被导入到库中。打开库面板（可以按“Ctrl+L”或“F11”键打开），可以看到库里出现了导入的图片所对应的“位图”对象。混色器面板的下方，会出现被导入的图片所对应的“色块”。相关情况如下图所示：
　　如果库里本来就有位图元件，那么，选择“类型”为“位图”后，在混色器面板下方，就会直接显示该位图对应的“色块”。上面讲的，点击“导入...”按钮，把图片导入库中，这跟选择“文件”菜单下的“导入”（再选“导入到库”或“导入到舞台”），作用是一样的。只不过，选“文件”菜单下“的“导入”，可以导入多种类型的文件；而点击混色器里的“导入...”按钮，只能导入图片。
　　把鼠标移到混色器下方的“色块”区域，鼠标会自动变为“滴管”形状，此时选择其中的某一个“色块”，该“色块”对应的位图，就会成为给场景中的对象（“形状”或“绘制对象”）“着色”所使用的“颜色”。
　　选中了某个“位图颜色”后，在场景中绘制图形，该图形会显现为它的“颜色”对应的“图像”；选中场景中的某个对象（“形状”或“绘制对象”），在混色器里选择“类型”为“位图”，再选择某个“色块”，该对象也会显现为对应的“图像”。如果场景中某个对象的“颜色”为“位图”属性，选取工具栏里的“滴管工具”，再点击该对象，则混色器里相应的颜色会变为这种“位图颜色”。
　　总之，库中的“位图”元件，可以当成混色器里的“颜色”使用，方法跟别的“类型”的“颜色”基本上一样。
　　点击“笔触颜色”或“填充色”图标右边的色板，鼠标也会呈现为“滴管”形状，并且会出现一个“调色板”。这时可以选择“调色板”内的某种“纯色”、“线性色”或“放射状色”；但是，如果把“滴管”移到调色板外，无论点击什么位置，都只能使颜色变为鼠标点击处“本身”的颜色，也就是该位置的“纯色”——不能选取“线性”、“放射状”或“位图”类的颜色。
　　如果把库里的“位图”拖到场景中，用工具栏里的“滴管工具”点击该“位图”对象，所选取的颜色是鼠标点击位置的“纯色”，而不是“位图”；但是，如果把该“位图”对象打散（右键点场景中的对象选“分离”），再用“滴管工具”“选色”，所选取的就是这张图对应的“位图颜色”。
　　把库里的“位图”元件拖到场景中打散，它就会变成一个“填充颜色”类型为“位图”的“形状”对象；该对象默认的“着色”位图，就是被打散之前元件对应的位图。
　　与“线性”和“放射状”不同，“位图”颜色没有“溢出”的设置；如果某个带有“位图颜色”的对象，其大小超过了“一张图”，那么，在“超出”的范围可以看到与“原图”“相邻”且“相同”的图——这相当于给电脑屏幕设置“桌面壁纸”，在“壁纸”比“桌面”小的情况下，选择“壁纸”的“位置”为“平铺”。相关情况如下图所示：
　　在某个对象的“颜色”类型为“位图”的情况下，也可以用“填充变形工具”调整该对象上“颜色”的“分布”，但操作方式跟“线性”和“放射状”情况下都不一样，如下图所示：
　　“位图”颜色的使用方式，跟“线性”和“放射状”更为接近，跟“纯色”则有比较大的差别。“纯色”、“线性”、“放射状”和“位图”都可用于“形状”和“绘制对象”，但“文本”只能用“纯色”。
　　本帖教程中关于“混色器”的内容，与“制作闪字”有密切关系～～～～～～～“闪字的制作”另发一帖，网址如下：
kdrct3661 最后编辑于
详细的制作教程，冬哥辛苦了，问好~~~
chenyanbo181818
详细的制作教程，冬青树老师辛苦。
飞花，上浮～
详细的解说，冬青树老师辛苦了
很想學，唉，無從企及，老師辛苦了
『呈祥』魅.茹ゝ
详细的教程冬青老师辛苦了
☆酱油团☆小三
感谢冬老师的分享，这么详细的教程，您辛苦了
zixing39327
回复 辛苦细致讲解飞花99
升级之家、动漫山庄欢迎你！
冬青老师辛苦了！这么多的内容，要学习完，得花多少时间少泡多少哥哥啊，学渣渣８２飘过~
姐原本走的是樸素路線，可走著走著就露出了性感的本質。
zxcv5656897poi
进来时 小卡了下 就知道是大制作&&果然对俺来说如同天书一般 且留个脚印&&待日后必为我大展拳脚所用&&（又小吹了下）谢谢冬冬老师
得瑟办主任
冬老师辛苦了，，，感觉大受脾益，，，，收藏学习，，，，，，，
好实用的教程，介绍的好仔细，很多操作我都没使用过，好好学学~谢谢冬青树老师精心的制作，辛苦了~
燕儿在林梢
好享尽啊，这要费多少功夫啊。。。辛苦冬青老师了，一路看下来真是受益匪浅学习啦
做一棵树，站成永恒，没有悲欢的姿势。一半在土里安详，一半在风里飞扬，一半洒落阴凉，一半沐浴阳光。非常沉默，非常骄傲，从不依靠，从不寻找……
zixing39327
首页恭喜~~~~(9.40 K) 13:58:47
升级之家、动漫山庄欢迎你！
冬帅费心了～收藏慢慢学～
<a id="visitedforums" href="showforum-107.aspx"