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

ps大師之路:圖層對(duì)齊

來源:ps教程論壇 作者:ps教程論壇 學(xué)習(xí):983人次

出于制作的需要,我們經(jīng)常要將一些圖層排列在同一水平或垂直線上,我們將左眼的位置單獨(dú)往上方移動(dòng)一些,如下左圖。這樣兩個(gè)眼睛就不在同一水平線上了,現(xiàn)在來使用對(duì)齊功能。注意如果圖層處于隱藏狀態(tài)是無法參與對(duì)齊的。

選擇需要進(jìn)行對(duì)齊的兩個(gè)眼睛層,頂部公共欄中就會(huì)出現(xiàn)對(duì)齊方式的選擇(在使用移動(dòng)工具前提下,其它工具不會(huì)出現(xiàn)此選項(xiàng))。如下右圖所示。前面6個(gè)按鈕功能分別是:頂對(duì)齊、垂直居中對(duì)齊、底對(duì)齊、左對(duì)齊、水平居中對(duì)齊、右對(duì)齊。(前三個(gè)為水平方向上對(duì)齊;后三個(gè)為垂直方向上對(duì)齊)我們只要按前面三個(gè)水平方式的任何一個(gè)按鈕都可以完成對(duì)齊了。



那么這三個(gè)按鈕的區(qū)別何在呢?其實(shí)它們是依據(jù)圖層中像素的面積大小來安排對(duì)齊方式的。由于我們這里的兩個(gè)眼睛層的像素面積是相同的,所以看不出區(qū)別。為了讓效果明顯,我們將左邊的眼睛縮小一些并更改顏色。

0528確保正確選擇了圖層的情況下,使用移動(dòng)工具〖V〗,在頂部公共欄開啟“顯示變換控件”選項(xiàng)(下左圖紅色箭頭處),此時(shí)眼睛周圍會(huì)出現(xiàn)調(diào)整框。在4個(gè)綠色箭頭所指處按下鼠標(biāo)拖動(dòng)即可調(diào)整眼睛層像素內(nèi)容的大小。調(diào)整的時(shí)候同時(shí)按住SHIFT鍵可保持此時(shí)的長(zhǎng)寬比例不變,避免將正圓調(diào)整成橢圓。在調(diào)整的時(shí)候頂部公共欄將會(huì)出現(xiàn)相應(yīng)的信息值,如下右圖,觀察其中的W和H百分比,即是我們調(diào)整圖層內(nèi)容大小的長(zhǎng)寬比例。將其調(diào)整為約55%,按下回車鍵完成變換。注意如果開啟了“保持長(zhǎng)寬比”選項(xiàng)(如下右圖紅色箭頭處),那么就相當(dāng)于按住SHIFT鍵。

在實(shí)際使用中類似的操作大都使用自由變換命令來完成,且功能更齊全,而移動(dòng)工具的這個(gè)附加變換選項(xiàng)不僅功能少,還容易造成誤操作,實(shí)用價(jià)值不大,建議不要使用。



在縮小了一只眼睛后,我們?cè)賹⒘硗庖恢谎劬Φ念伾淖円幌,在確保正確選擇了圖層的前提下,使用色相/飽和度〖CTRL U〗,將色相隨便調(diào)整到一個(gè)數(shù)值(如下左圖是調(diào)整為+50的效果)。

0529這個(gè)時(shí)候我們?cè)俜謩e使用前面三個(gè)對(duì)齊的選項(xiàng),就會(huì)看到區(qū)別了。如下右圖所示,可以看出,這三種排列方式是以各圖層中圖像的Y軸長(zhǎng)短為標(biāo)準(zhǔn)的,形象的說就是以高矮為標(biāo)準(zhǔn)的。由于Y軸是垂直的方向,因此這三種對(duì)齊方式的名稱實(shí)際上都應(yīng)以垂直開頭,稱為:垂直居頂、垂直居中、垂直居底。當(dāng)然,我們還是要以Photoshop中的說法為準(zhǔn)。即頂對(duì)齊、垂直中齊、和底對(duì)齊。

形象地說,頂對(duì)齊相當(dāng)于幾個(gè)氣球飄到房頂,無論氣球大小,停留的高度就是房頂?shù)母叨。垂直中齊相當(dāng)于穿山楂串,每個(gè)山楂無論大小都從中間穿過。底對(duì)齊相當(dāng)于合影照相,無論誰(shuí)高誰(shuí)矮都站在地面上。



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

有沒有想到一個(gè)問題:既然是對(duì)齊,那么誰(shuí)和誰(shuí)對(duì)齊呢?換句話說,是小眼睛對(duì)齊大眼睛,還是大眼睛對(duì)齊小眼睛?這兩者咋看起來沒有區(qū)別,可是這牽涉到一個(gè)移動(dòng)的問題,既然是對(duì)齊,實(shí)際上就是一種自動(dòng)移動(dòng)圖層的操作,那究竟是小眼睛移動(dòng)去對(duì)齊大眼睛,還是大眼睛移動(dòng)去對(duì)齊小眼睛呢?

我們?cè)谂抨?duì)的時(shí)候,隨著一聲“向右看齊”!,每一行都以最右邊的一個(gè)人作為基準(zhǔn)進(jìn)行排列。這里的圖層對(duì)齊也要有個(gè)基準(zhǔn)層。基準(zhǔn)層保持保持不動(dòng),其他圖層參照基準(zhǔn)層進(jìn)行移動(dòng)。那如何確定誰(shuí)是基準(zhǔn)層呢?這要分開2種情況來說。

0530一是同時(shí)選擇多個(gè)圖層的情況下(無論這些層是否被鏈接),圖層調(diào)板類似下第1圖或下第2圖。向上看齊(即頂對(duì)齊)就以原先位于最頂部(僅限于所選擇的圖層中)的圖層為基準(zhǔn)層,那么向下看齊(即底對(duì)齊)就是以原先位于最底部的層為基準(zhǔn)層。垂直中齊則兩個(gè)(或多個(gè))圖層同時(shí)向中心位置移動(dòng)。如下第3圖所示。

二是鏈接了多個(gè)圖層,但只選擇了其中某一層,圖層調(diào)板類似下第4圖,那么對(duì)齊的基準(zhǔn)層就是以這個(gè)被選擇層(即“eye”層)為準(zhǔn)。



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

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

Photoshop提供了智能參考線(CS及更早版本不具備),這是一種根據(jù)圖層內(nèi)容自動(dòng)判斷對(duì)齊方式的功能,非常實(shí)用。下面我們來學(xué)習(xí)如何使用它。

0531首先要確保對(duì)齊功能開啟【視圖 對(duì)齊】〖CTRL SHIFT ;〗,并且【視圖 對(duì)齊到 參考線】有效,這樣就可以使用智能參考線的對(duì)齊功能了。為了更好地觀看對(duì)齊效果,特別是在圖像中內(nèi)容繁多的時(shí)候準(zhǔn)確判斷對(duì)齊的對(duì)象和方式,應(yīng)同時(shí)開啟【視圖 顯示 智能參考線】。智能參考線默認(rèn)為洋紅色,可從Photoshop首選項(xiàng)的“參考線、網(wǎng)格和切片”項(xiàng)目〖CTRL K,CTRL 6〗中更改。需要注意的是,即使沒有開啟智能參考線的顯示,它的對(duì)齊功能也仍然有效。

0532現(xiàn)在我們分析一下智能參考線的原理,它實(shí)際上就是找出圖層內(nèi)容的邊界和中心,將每個(gè)圖層內(nèi)容以橫豎各3條共9條隱形線貫穿形成。以下左圖的例子來說,圖層最頂部就是X1,最底部是X3,最左側(cè)是Y1,最右側(cè)是Y3,由X2和Y2共同形成的就是圖層中心點(diǎn)。這樣在移動(dòng)過程中,Photoshop自動(dòng)對(duì)比所有圖層中這9條隱形線,并互相對(duì)齊。對(duì)齊的表現(xiàn)就和我們以前建立過的普通參考線一樣,在靠近相應(yīng)位置一定距離時(shí)會(huì)產(chǎn)生吸附效果。

以兩個(gè)圖層對(duì)齊來說,在X方向上就有9種對(duì)齊的可能性,即第一圖層的X1、X2、X3分別與第二圖層的X1、X2、X3對(duì)齊。加上Y方向上同樣數(shù)量的9種可能性,共構(gòu)成了81種對(duì)齊方式。如下中圖演示了其中3種X和Y同時(shí)對(duì)齊的情況;疑條為圖層各自的隱形參考線,黑色線為產(chǎn)生對(duì)齊效果的參考線。

明白了智能參考線的原理后,它的使用就不再神秘,在移動(dòng)圖層的過程中如果這9條線之間有對(duì)齊情況出現(xiàn),那么所對(duì)齊部分的參考線就會(huì)自動(dòng)出現(xiàn),如下右圖。



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

此外,在使用裁切工具及切片工具的時(shí)候也可以使用智能參考線。

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

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

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

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