PS/UI设计师学习-新手入门第五课5-6 图层对齐

出于制作的需要,我们经常要将一些图层排列在同一水平或垂直线上,我们将左眼的位置单独往上方移动一些,如下左图。这样两个眼睛就不在同一水平线上了,现在来使用对齐功能。注意如果图层处于隐藏状态是无法参与对齐的。

0527选择需要进行对齐的两个眼睛层,顶部公共栏中就会出现对齐方式的选择(在使用移动工具前提下,其它工具不会出现此选项)。如下右图所示。前面6个按钮功能分别是:顶对齐、垂直居中对齐、底对齐、左对齐、水平居中对齐、右对齐。我们只要按前面三个水平方式的任何一个按钮都可以完成对齐了。

那么这三个按钮的区别何在呢?其实它们是依据图层中像素的面积大小来安排对齐方式的。由于我们这里的两个眼睛层的像素面积是相同的,所以看不出区别。为了让效果明显,我们将左边的眼睛缩小一些并更改颜色。

0528确保正确选择了图层的情况下,使用移动工具

〖V〗,在顶部公共栏开启“显示变换控件”选项(下左图红色箭头处),此时眼睛周围会出现调整框。在4个绿色箭头所指处按下鼠标拖动即可调整眼睛层像素内容的大小。调整的时候同时按住SHIFT键可保持此时的长宽比例不变,避免将正圆调整成椭圆。在调整的时候顶部公共栏将会出现相应的信息值,如下右图,观察其中的W和H百分比,即是我们调整图层内容大小的长宽比例。将其调整为约55%,按下回车键完成变换。注意如果开启了“保持长宽比”选项(如下右图红色箭头处),那么就相当于按住SHIFT键。

在实际使用中类似的操作大都使用自由变换命令来完成,且功能更齐全,而移动工具的这个附加变换选项不仅功能少,还容易造成误操作,实用价值不大,建议不要使用。

在缩小了一只眼睛后,我们再将另外一只眼睛的颜色改变一下,在确保正确选择了图层的前提下,使用色相/饱和度〖CTRL U〗,将色相随便调整到一个数值(如下左图是调整为+50的效果)。

0529这个时候我们再分别使用前面三个对齐的选项,就会看到区别了。如下右图所示,可以看出,这三种排列方式是以各图层中图像的Y轴长短为标准的,形象的说就是以高矮为标准的。由于Y轴是垂直的方向,因此这三种对齐方式的名称实际上都应以垂直开头,称为:垂直居顶、垂直居中、垂直居底。当然,我们还是要以Photoshop中的说法为准。即顶对齐

、垂直中齐

和底对齐

形象地说,顶对齐相当于几个气球飘到房顶,无论气球大小,停留的高度就是房顶的高度。垂直中齐相当于穿山楂串,每个山楂无论大小都从中间穿过。底对齐相当于合影照相,无论谁高谁矮都站在地面上。

为什么不介绍左对齐、水平中齐、右对齐的效果呢?大家把书本或者显示器旋转90度再看上右图就可以了。

有没有想到一个问题:既然是对齐,那么谁和谁对齐呢?换句话说,是小眼睛对齐大眼睛,还是大眼睛对齐小眼睛?这两者咋看起来没有区别,可是这牵涉到一个移动的问题,既然是对齐,实际上就是一种自动移动图层的操作,那究竟是小眼睛移动去对齐大眼睛,还是大眼睛移动去对齐小眼睛呢?

我们在排队的时候,随着一声“向右看齐”!,每一行都以最右边的一个人作为基准进行排列。这里的图层对齐也要有个基准层。基准层保持保持不动,其他图层参照基准层进行移动。那如何确定谁是基准层呢?这要分开2种情况来说。

0530一是同时选择多个图层的情况下(无论这些层是否被链接),图层调板类似下第1图或下第2图。向上看齐(即顶对齐)就以原先位于最顶部(仅限于所选择的图层中)的图层为基准层,那么向下看齐(即底对齐)就是以原先位于最底部的层为基准层。垂直中齐则两个(或多个)图层同时向中心位置移动。如下第3图所示。

二是链接了多个图层,但只选择了其中某一层,图层调板类似下第4图,那么对齐的基准层就是以这个被选择层(即“eye”层)为准。

确定好基准层是很重要的,否则对齐的效果会有重大差别。另外,虽然对齐操作可能会涉及到多个图层的移动,但在历史记录中只算作一步。

我们看到排列对齐的按钮有12个。可是我们现在只能选择前面6个,后面6个无法使用,这是为什么?这是因为后面那6种属于分布方式,必须有三个以上的层链接才有效。大家可以自己先试试看,我们将在以后的实例中学习使用。

Photoshop提供了智能参考线(CS及更早版本不具备),这是一种根据图层内容自动判断对齐方式的功能,非常实用。下面我们来学习如何使用它。

0531首先要确保对齐功能开启【视图 对齐】〖CTRL SHIFT ;〗,并且【视图 对齐到 参考线】有效,这样就可以使用智能参考线的对齐功能了。为了更好地观看对齐效果,特别是在图像中内容繁多的时候准确判断对齐的对象和方式,应同时开启【视图 显示 智能参考线】。智能参考线默认为洋红色,可从Photoshop首选项的“参考线、网格和切片”项目〖CTRL K,CTRL 6〗中更改。需要注意的是,即使没有开启智能参考线的显示,它的对齐功能也仍然有效。

0532现在我们分析一下智能参考线的原理,它实际上就是找出图层内容的边界和中心,将每个图层内容以横竖各3条共9条隐形线贯穿形成。以下左图的例子来说,图层最顶部就是X1,最底部是X3,最左侧是Y1,最右侧是Y3,由X2和Y2共同形成的就是图层中心点。这样在移动过程中,Photoshop自动对比所有图层中这9条隐形线,并互相对齐。对齐的表现就和我们以前建立过的普通参考线一样,在靠近相应位置一定距离时会产生吸附效果。

以两个图层对齐来说,在X方向上就有9种对齐的可能性,即第一图层的X1、X2、X3分别与第二图层的X1、X2、X3对齐。加上Y方向上同样数量的9种可能性,共构成了81种对齐方式。如下中图演示了其中3种X和Y同时对齐的情况。灰色线条为图层各自的隐形参考线,黑色线为产生对齐效果的参考线。

明白了智能参考线的原理后,它的使用就不再神秘,在移动图层的过程中如果这9条线之间有对齐情况出现,那么所对齐部分的参考线就会自动出现,如下右图。

除了可以在移动图层时提供参照之外,在创建选区的时候智能参考线也可以发挥作用,原理其实就是将选区也看作是一个有内容的图层来参与对齐。如下2图是在创建选区时出现的参考线,下左图表示选区的Y2线与正圆的Y2线及其下方图层的Y1线对齐,下右图则表示选区的X2线与正圆的X3线及其下方图层的X1线对齐。

此外,在使用裁切工具及切片工具的时候也可以使用智能参考线。

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容