5-6 图层对齐

出于制作的需要,我们经常要将一些图层排列在同一水平或垂直线上,我们将左眼的位置单独往上方移动一些,如下左图。这样两个眼睛就不在同一水平线上了,现在来使用对齐功能。注意如果图层处于隐藏状态是无法参与对齐的。
0527选择需要进行对齐的两个眼睛层,顶部公共栏中就会出现对齐方式的选择(在使用移动工具前提下,其它工具不会出现此选项)。如下右图所示。前面6个按钮功能分别是:顶对齐、垂直居中对齐、底对齐、左对齐、水平居中对齐、右对齐。我们只要按前面三个水平方式的任何一个按钮都可以完成对齐了。

5-6 图层对齐5-6 图层对齐

那么这三个按钮的区别何在呢?其实它们是依据图层中像素的面积大小来安排对齐方式的。由于我们这里的两个眼睛层的像素面积是相同的,所以看不出区别。为了让效果明显,我们将左边的眼睛缩小一些并更改颜色。
0528确保正确选择了图层的情况下,使用移动工具5-6 图层对齐〖V〗,在顶部公共栏开启“显示变换控件”选项(下左图红色箭头处),此时眼睛周围会出现调整框。在4个绿色箭头所指处按下鼠标拖动即可调整眼睛层像素内容的大小。调整的时候同时按住SHIFT键可保持此时的长宽比例不变,避免将正圆调整成椭圆。在调整的时候顶部公共栏将会出现相应的信息值,如下右图,观察其中的W和H百分比,即是我们调整图层内容大小的长宽比例。将其调整为约55%,按下回车键完成变换。注意如果开启了“保持长宽比”选项(如下右图红色箭头处),那么就相当于按住SHIFT键。
在实际使用中类似的操作大都使用自由变换命令来完成,且功能更齐全,而移动工具的这个附加变换选项不仅功能少,还容易造成误操作,实用价值不大,建议不要使用。

5-6 图层对齐5-6 图层对齐

在缩小了一只眼睛后,我们再将另外一只眼睛的颜色改变一下,在确保正确选择了图层的前提下,使用色相/饱和度〖CTRL U〗,将色相随便调整到一个数值(如下左图是调整为+50的效果)。
0529这个时候我们再分别使用前面三个对齐的选项,就会看到区别了。如下右图所示,可以看出,这三种排列方式是以各图层中图像的Y轴长短为标准的,形象的说就是以高矮为标准的。由于Y轴是垂直的方向,因此这三种对齐方式的名称实际上都应以垂直开头,称为:垂直居顶、垂直居中、垂直居底。当然,我们还是要以Photoshop中的说法为准。即顶对齐5-6 图层对齐、垂直中齐5-6 图层对齐和底对齐5-6 图层对齐
形象地说,顶对齐相当于几个气球飘到房顶,无论气球大小,停留的高度就是房顶的高度。垂直中齐相当于穿山楂串,每个山楂无论大小都从中间穿过。底对齐相当于合影照相,无论谁高谁矮都站在地面上。

5-6 图层对齐5-6 图层对齐

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

有没有想到一个问题:既然是对齐,那么谁和谁对齐呢?换句话说,是小眼睛对齐大眼睛,还是大眼睛对齐小眼睛?这两者咋看起来没有区别,可是这牵涉到一个移动的问题,既然是对齐,实际上就是一种自动移动图层的操作,那究竟是小眼睛移动去对齐大眼睛,还是大眼睛移动去对齐小眼睛呢?
我们在排队的时候,随着一声“向右看齐”!,每一行都以最右边的一个人作为基准进行排列。这里的图层对齐也要有个基准层。基准层保持保持不动,其他图层参照基准层进行移动。那如何确定谁是基准层呢?这要分开2种情况来说。
0530一是同时选择多个图层的情况下(无论这些层是否被链接),图层调板类似下第1图或下第2图。向上看齐(即顶对齐)就以原先位于最顶部(仅限于所选择的图层中)的图层为基准层,那么向下看齐(即底对齐)就是以原先位于最底部的层为基准层。垂直中齐则两个(或多个)图层同时向中心位置移动。如下第3图所示。
二是链接了多个图层,但只选择了其中某一层,图层调板类似下第4图,那么对齐的基准层就是以这个被选择层(即“eye”层)为准。

5-6 图层对齐5-6 图层对齐5-6 图层对齐5-6 图层对齐

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

我们看到排列对齐的按钮有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条线之间有对齐情况出现,那么所对齐部分的参考线就会自动出现,如下右图。

5-6 图层对齐5-6 图层对齐5-6 图层对齐

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

5-6 图层对齐

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    雪兔小姐520 说: 大神
    天似梦 说: 收益
    泪熙颜 说: 学习了
    说: 学习学习
    莱伊伊 说: 谢谢老师 多多学习
    金顶一小金 说: 想仔细了解一下
    木子姑凉_lee 说: 努力学习
    zpzxczp 说: 学习学习!!!
    筱妤young 说: 谢谢分享
    胖纸都很萌 说: 好东西啊啊啊啊啊
    地狱悲伤 说: 支持,支持
    起名好难a0 说: 回复一下
    橘子酱 说: cs5版本,为什么开启了【视图 显示 智能参考线】和【视图 对齐到 参考线】,但是图层上不显示呢
    信念在V风中飞扬 说: 为什么我不能使用色相/饱和度呢
    Colin Li Ronaldo 7 说: 很感谢这个网站,良心制作
    若如初见 说:
    月下凌乃 说: 作业而已..
    我爱他 说:
    泡椒是我最爱 说:
    拾八 说: 设置显示智能参考线,可是图像上并没有显示出来,怎么解?
    拾八 说: 我也是
    木星 说: 点击了【视图 对齐到 参考线】和【视图 显示 智能参考线】,图像上都没有参看线显示,新建才有,这是为何?
    李亚丽 说: 请教各位,如何上传图片啊
    chenyuyan 说: CS5的参考线跟讲的不一样
    蒲倩 说: 良心教程
    哦耶 说: 非常好的教程啊
    问天 说: 一样,晓不得为啥。
    彼尔德 说: 移动图层的时候就显示了
    彼尔德 说: 我本来眼睛用的黑色,色相就无效。后来换了颜色就好了
    彼尔德 说:
    喵喵~ 说: 对齐到。。。参考线,不能选啊,怎么破
    空城 说: 参考线是自己拉出来的吧
    流光飞逝3128844265 说: 绝对良心
    Rock0808_1987 说: 感觉和这个网站相见恨晚了
    张祥辉 说: 挺不错的 很详细
    可乐 说: 给力
    安小轩 说:
    叉烧包不二郎 说:
    A-刘燕萍 说: 真心不错,每天学习一点,进步一点,谢谢老师。
    Fancy_222 说: 为什么CTRL+ U后调整色相没反应,饱和度也不行,明度可以,确定选对了图层
    photoshop 说: 把图层发上来看看。
    Fancy_222 说: 谢谢,看了楼下的评论懂了。因为一开始眼睛使用的是黑色,而黑色没有色相跟饱和度,只有明度。不知道我理解的对不对
    婧 说: 到~
    土豆 说: 看的好累,是我真的太笨了吗?
    街头De配角 说: PS版本高,画圆时自动创建的是形状,解决方法,要对图层进行栅格化。复杂一点是先创建新图层,然后使用圆形工具,选择像素,进行画圆。
    亿恋 说: 因为参考线只会在绘制图形的时候出现
    三个及以上的好友 说: okok,看懂会做了。按着教程,每次都会现做一张图,等于顺带着复习了前面的知识。
    枫之落叶 说: [/憨笑]
    nicole 说: [/玫瑰]
    陈 说: 很好的课程,对我帮助很大,感谢!
    浅沫 说: 移动图层的时候才显示
    没有蜡 说: [/强]学习了
    柴郡猫 说: 打卡
    负荆请罪的圣君 说: 我的作业:<img src=http://bbs.16xx8.com/data/attachment/album/201711/16/165754l52gno1xixz5oizq.png> 智能参考线有9天,X轴有3条,Y有3条,最左最右,中间,上面和下面
    123 说: 什么开启[/浮云]
    箫竹女 说: 参考线对齐的那一点圆和对勾看了好久。。。
    狐狐网友 说: 学习打卡~
    斑马尤文atSohu 说: 创建选区时参考线看不见怎么回事???