當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

5-6 圖層對齊

來源:網(wǎng)絡(luò) 作者:趙鵬 學(xué)習(xí):63511人次

出于制作的需要,我們經(jīng)常要將一些圖層排列在同一水平或垂直線上,我們將左眼的位置單獨往上方移動一些,如下左圖。這樣兩個眼睛就不在同一水平線上了,現(xiàn)在來使用對齊功能。注意如果圖層處于隱藏狀態(tài)是無法參與對齊的。
0527選擇需要進行對齊的兩個眼睛層,頂部公共欄中就會出現(xiàn)對齊方式的選擇(在使用移動工具前提下,其它工具不會出現(xiàn)此選項)。如下右圖所示。前面6個按鈕功能分別是:頂對齊、垂直居中對齊、底對齊、左對齊、水平居中對齊、右對齊。我們只要按前面三個水平方式的任何一個按鈕都可以完成對齊了。

5-6 圖層對齊5-6 圖層對齊

那么這三個按鈕的區(qū)別何在呢?其實它們是依據(jù)圖層中像素的面積大小來安排對齊方式的。由于我們這里的兩個眼睛層的像素面積是相同的,所以看不出區(qū)別。為了讓效果明顯,我們將左邊的眼睛縮小一些并更改顏色。
0528確保正確選擇了圖層的情況下,使用移動工具5-6 圖層對齊〖V〗,在頂部公共欄開啟“顯示變換控件”選項(下左圖紅色箭頭處),此時眼睛周圍會出現(xiàn)調(diào)整框。在4個綠色箭頭所指處按下鼠標(biāo)拖動即可調(diào)整眼睛層像素內(nèi)容的大小。調(diào)整的時候同時按住SHIFT鍵可保持此時的長寬比例不變,避免將正圓調(diào)整成橢圓。在調(diào)整的時候頂部公共欄將會出現(xiàn)相應(yīng)的信息值,如下右圖,觀察其中的W和H百分比,即是我們調(diào)整圖層內(nèi)容大小的長寬比例。將其調(diào)整為約55%,按下回車鍵完成變換。注意如果開啟了“保持長寬比”選項(如下右圖紅色箭頭處),那么就相當(dāng)于按住SHIFT鍵。
在實際使用中類似的操作大都使用自由變換命令來完成,且功能更齊全,而移動工具的這個附加變換選項不僅功能少,還容易造成誤操作,實用價值不大,建議不要使用。

5-6 圖層對齊5-6 圖層對齊

在縮小了一只眼睛后,我們再將另外一只眼睛的顏色改變一下,在確保正確選擇了圖層的前提下,使用色相/飽和度〖CTRL U〗,將色相隨便調(diào)整到一個數(shù)值(如下左圖是調(diào)整為+50的效果)。
0529這個時候我們再分別使用前面三個對齊的選項,就會看到區(qū)別了。如下右圖所示,可以看出,這三種排列方式是以各圖層中圖像的Y軸長短為標(biāo)準(zhǔn)的,形象的說就是以高矮為標(biāo)準(zhǔn)的。由于Y軸是垂直的方向,因此這三種對齊方式的名稱實際上都應(yīng)以垂直開頭,稱為:垂直居頂、垂直居中、垂直居底。當(dāng)然,我們還是要以Photoshop中的說法為準(zhǔn)。即頂對齊5-6 圖層對齊、垂直中齊5-6 圖層對齊和底對齊5-6 圖層對齊。
形象地說,頂對齊相當(dāng)于幾個氣球飄到房頂,無論氣球大小,停留的高度就是房頂?shù)母叨。垂直中齊相當(dāng)于穿山楂串,每個山楂無論大小都從中間穿過。底對齊相當(dāng)于合影照相,無論誰高誰矮都站在地面上。

5-6 圖層對齊5-6 圖層對齊

為什么不介紹左對齊、水平中齊、右對齊的效果呢?大家把書本或者顯示器旋轉(zhuǎn)90度再看上右圖就可以了。5-6 圖層對齊

有沒有想到一個問題:既然是對齊,那么誰和誰對齊呢?換句話說,是小眼睛對齊大眼睛,還是大眼睛對齊小眼睛?這兩者咋看起來沒有區(qū)別,可是這牽涉到一個移動的問題,既然是對齊,實際上就是一種自動移動圖層的操作,那究竟是小眼睛移動去對齊大眼睛,還是大眼睛移動去對齊小眼睛呢?
我們在排隊的時候,隨著一聲“向右看齊”!,每一行都以最右邊的一個人作為基準(zhǔn)進行排列。這里的圖層對齊也要有個基準(zhǔn)層;鶞(zhǔn)層保持保持不動,其他圖層參照基準(zhǔn)層進行移動。那如何確定誰是基準(zhǔn)層呢?這要分開2種情況來說。
0530一是同時選擇多個圖層的情況下(無論這些層是否被鏈接),圖層調(diào)板類似下第1圖或下第2圖。向上看齊(即頂對齊)就以原先位于最頂部(僅限于所選擇的圖層中)的圖層為基準(zhǔn)層,那么向下看齊(即底對齊)就是以原先位于最底部的層為基準(zhǔn)層。垂直中齊則兩個(或多個)圖層同時向中心位置移動。如下第3圖所示。
二是鏈接了多個圖層,但只選擇了其中某一層,圖層調(diào)板類似下第4圖,那么對齊的基準(zhǔn)層就是以這個被選擇層(即“eye”層)為準(zhǔn)。

5-6 圖層對齊5-6 圖層對齊5-6 圖層對齊5-6 圖層對齊

確定好基準(zhǔn)層是很重要的,否則對齊的效果會有重大差別。另外,雖然對齊操作可能會涉及到多個圖層的移動,但在歷史記錄中只算作一步。

我們看到排列對齊的按鈕有12個?墒俏覀儸F(xiàn)在只能選擇前面6個,后面6個無法使用,這是為什么?這是因為后面那6種屬于分布方式,必須有三個以上的層鏈接才有效。大家可以自己先試試看,我們將在以后的實例中學(xué)習(xí)使用。

Photoshop提供了智能參考線(CS及更早版本不具備),這是一種根據(jù)圖層內(nèi)容自動判斷對齊方式的功能,非常實用。下面我們來學(xué)習(xí)如何使用它。
0531首先要確保對齊功能開啟【視圖 對齊】〖CTRL SHIFT ;〗,并且【視圖 對齊到 參考線】有效,這樣就可以使用智能參考線的對齊功能了。為了更好地觀看對齊效果,特別是在圖像中內(nèi)容繁多的時候準(zhǔn)確判斷對齊的對象和方式,應(yīng)同時開啟【視圖 顯示 智能參考線】。智能參考線默認(rèn)為洋紅色,可從Photoshop首選項的“參考線、網(wǎng)格和切片”項目〖CTRL K,CTRL 6〗中更改。需要注意的是,即使沒有開啟智能參考線的顯示,它的對齊功能也仍然有效。

0532現(xiàn)在我們分析一下智能參考線的原理,它實際上就是找出圖層內(nèi)容的邊界和中心,將每個圖層內(nèi)容以橫豎各3條共9條隱形線貫穿形成。以下左圖的例子來說,圖層最頂部就是X1,最底部是X3,最左側(cè)是Y1,最右側(cè)是Y3,由X2和Y2共同形成的就是圖層中心點。這樣在移動過程中,Photoshop自動對比所有圖層中這9條隱形線,并互相對齊。對齊的表現(xiàn)就和我們以前建立過的普通參考線一樣,在靠近相應(yīng)位置一定距離時會產(chǎn)生吸附效果。
以兩個圖層對齊來說,在X方向上就有9種對齊的可能性,即第一圖層的X1、X2、X3分別與第二圖層的X1、X2、X3對齊。加上Y方向上同樣數(shù)量的9種可能性,共構(gòu)成了81種對齊方式。如下中圖演示了其中3種X和Y同時對齊的情況;疑條為圖層各自的隱形參考線,黑色線為產(chǎn)生對齊效果的參考線。
明白了智能參考線的原理后,它的使用就不再神秘,在移動圖層的過程中如果這9條線之間有對齊情況出現(xiàn),那么所對齊部分的參考線就會自動出現(xiàn),如下右圖。

5-6 圖層對齊5-6 圖層對齊5-6 圖層對齊

除了可以在移動圖層時提供參照之外,在創(chuàng)建選區(qū)的時候智能參考線也可以發(fā)揮作用,原理其實就是將選區(qū)也看作是一個有內(nèi)容的圖層來參與對齊。如下2圖是在創(chuàng)建選區(qū)時出現(xiàn)的參考線,下左圖表示選區(qū)的Y2線與正圓的Y2線及其下方圖層的Y1線對齊,下右圖則表示選區(qū)的X2線與正圓的X3線及其下方圖層的X1線對齊。
此外,在使用裁切工具及切片工具的時候也可以使用智能參考線。

5-6 圖層對齊

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
隨辛所欲2022-09-17 11:09
我的作業(yè):

易滿歡2022-02-12 05:18
我的作業(yè):

1537965792021-12-29 12:54
謝謝您的分享。
阿菜愛唱歌2021-10-25 03:31
我的作業(yè):

金金6162020-05-03 03:53
發(fā)現(xiàn)每節(jié)標(biāo)題下面的學(xué)習(xí)人次數(shù)字一次次減少,大家一定要堅持下去呀
從前從前h2019-08-13 11:17
我的作業(yè):這個參考線 不移動圖形不會出現(xiàn) 我還在說 為什么設(shè)置了 不出來嘞

櫻花里的陽光2019-07-28 02:49
每個圖層內(nèi)容以橫豎各3條共9條隱形線貫穿形成??橫三條 豎三條,不是應(yīng)該共六條嗎?一臉懵逼中
g云辰2019-07-06 03:02
為了更直觀的學(xué)習(xí)
2018-11-30 01:51
5-6 圖層對齊我的作業(yè):
ZIPPO黑冰2018-11-26 11:40
shirt . 只針對單個圖層
斑馬尤文atSohu2018-09-09 10:11
創(chuàng)建選區(qū)時參考線看不見怎么回事???
狐狐網(wǎng)友2018-07-14 04:58
學(xué)習(xí)打卡~
簫竹女2018-06-04 09:57
參考線對齊的那一點圓和對勾看了好久。。。
1232018-03-25 09:24
什么開啟
負(fù)荊請罪的圣君2017-11-16 05:00
我的作業(yè): 智能參考線有9天,X軸有3條,Y有3條,最左最右,中間,上面和下面

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!