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

5-6 圖層對(duì)齊

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

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

5-6 圖層對(duì)齊5-6 圖層對(duì)齊

那么這三個(gè)按鈕的區(qū)別何在呢?其實(shí)它們是依據(jù)圖層中像素的面積大小來(lái)安排對(duì)齊方式的。由于我們這里的兩個(gè)眼睛層的像素面積是相同的,所以看不出區(qū)別。為了讓效果明顯,我們將左邊的眼睛縮小一些并更改顏色。
0528確保正確選擇了圖層的情況下,使用移動(dòng)工具5-6 圖層對(duì)齊〖V〗,在頂部公共欄開(kāi)啟“顯示變換控件”選項(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%,按下回車鍵完成變換。注意如果開(kāi)啟了“保持長(zhǎng)寬比”選項(xiàng)(如下右圖紅色箭頭處),那么就相當(dāng)于按住SHIFT鍵。
在實(shí)際使用中類似的操作大都使用自由變換命令來(lái)完成,且功能更齊全,而移動(dòng)工具的這個(gè)附加變換選項(xiàng)不僅功能少,還容易造成誤操作,實(shí)用價(jià)值不大,建議不要使用。

5-6 圖層對(duì)齊5-6 圖層對(duì)齊

在縮小了一只眼睛后,我們?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)的,形象的說(shuō)就是以高矮為標(biāo)準(zhǔn)的。由于Y軸是垂直的方向,因此這三種對(duì)齊方式的名稱實(shí)際上都應(yīng)以垂直開(kāi)頭,稱為:垂直居頂、垂直居中、垂直居底。當(dāng)然,我們還是要以Photoshop中的說(shuō)法為準(zhǔn)。即頂對(duì)齊5-6 圖層對(duì)齊、垂直中齊5-6 圖層對(duì)齊和底對(duì)齊5-6 圖層對(duì)齊。
形象地說(shuō),頂對(duì)齊相當(dāng)于幾個(gè)氣球飄到房頂,無(wú)論氣球大小,停留的高度就是房頂?shù)母叨。垂直中齊相當(dāng)于穿山楂串,每個(gè)山楂無(wú)論大小都從中間穿過(guò)。底對(duì)齊相當(dāng)于合影照相,無(wú)論誰(shuí)高誰(shuí)矮都站在地面上。

5-6 圖層對(duì)齊5-6 圖層對(duì)齊

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

有沒(méi)有想到一個(gè)問(wèn)題:既然是對(duì)齊,那么誰(shuí)和誰(shuí)對(duì)齊呢?換句話說(shuō),是小眼睛對(duì)齊大眼睛,還是大眼睛對(duì)齊小眼睛?這兩者咋看起來(lái)沒(méi)有區(qū)別,可是這牽涉到一個(gè)移動(dòng)的問(wèn)題,既然是對(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)層呢?這要分開(kāi)2種情況來(lái)說(shuō)。
0530一是同時(shí)選擇多個(gè)圖層的情況下(無(wú)論這些層是否被鏈接),圖層調(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)。

5-6 圖層對(duì)齊5-6 圖層對(duì)齊5-6 圖層對(duì)齊5-6 圖層對(duì)齊

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

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

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

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

5-6 圖層對(duì)齊5-6 圖層對(duì)齊5-6 圖層對(duì)齊

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

5-6 圖層對(duì)齊

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

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

隨辛所欲2022-09-17 11:09
我的作業(yè):

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

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

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

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

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

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