前言

作為平面設(shè)計師，使用軟件進(jìn)行設(shè)計的時候必然會使用到圖層這一功能，不管是在工作還是學(xué)習(xí)中，也都會不可避免的遇到將源文件交給甲方/同事/同學(xué)等的情況，分組命名好，保持文件的規(guī)范能讓你和朋友第二次打開源文件的時候保持魚塊的好心情！可不要因為偷懶就不整理哦~

那么在面對復(fù)雜設(shè)計圖層繁多的情況下，該怎么整理好這份源文件呢？讓我們一起來了解一下圖層相關(guān)的小知識吧！

本期文章及參考源文件由姬無色老師撰寫提供，非常感謝desu@和音社_姬無色?

設(shè)計交流群將提供使用案例源文件，禁止一切形式的商用，僅供學(xué)習(xí)和參考。

圖層管理的三大重點：可編輯、易讀、易操作。如果可以的話，再考慮上讓文件體積盡可能小。不同軟件中對于圖層這一概念的引入形式不同，Photoshop的相對特殊且重要。本篇對Photoshop的工作方式陳述圖層管理。

希望新手們能夠培養(yǎng)出好的習(xí)慣，老手們也能有所收獲。

一、界面布局

如果是平面設(shè)計工作者，工作中調(diào)用到的面板會更多。圖層面板就可能不是固定在界面中的，而是作為浮動窗口。

除此之外，在圖層面板中圖層還沒有多到撐滿的時候，在空白處右鍵可以更改縮略圖大小，建議選擇“小”；還可以選擇縮略圖以圖層為邊界展示還是以文檔為邊界展示，這個二者皆可。不同于圖層面板的位置，這里的設(shè)置圖層一旦多了就沒有空白處供右鍵，因此這個功能不會時常根據(jù)需求切換，而是固定的。

不過，界面自定義的事情，還是要看個人習(xí)慣。怎么舒服怎么來。

二、命名

命名是管理圖層中不可避免的基礎(chǔ)方法。對圖層的名字雙擊，即可重命名圖層。

除了對有內(nèi)容的圖層命名以外，新建一個空白圖層，將其名字命名為多個破折號，當(dāng)做一條分割線，也是一些設(shè)計工作者的做法。

當(dāng)然，圖層過多的文件，逐一命名也會占用操作成本?？梢灾唤Y(jié)合編組使用，只對編成的組命名。

三、編組

組也是圖層管理的重要手段。選中多個圖層，右鍵，可以 從圖層建立組 。出于效率考慮和右鍵菜單的長度考慮，編組一般用快捷鍵 Ctrl + G / Command + G 來實現(xiàn)。

編組后的圖層點擊左側(cè)的小箭頭即可展開或收縮，收縮后在圖層列表中可以收縮到一行顯示。提升再編輯時的易讀性。

同時作為一個組也可以更改混合模式、不透明度，增加圖層樣式、作為剪貼蒙版的下層，等等。組也可以套娃，在組的外部再次編組。

四、開關(guān)顯示與Solo

在圖層列表中，點擊某個圖層縮略圖左側(cè)的小眼睛圖標(biāo)，即可開關(guān)這個圖層的顯示。如果需要“熄滅”連續(xù)的多個圖層，可以長按不釋放，向上/向下劃過多個小眼睛圖標(biāo)。

Solo，不是中路單挑，在此含義為使一個圖層單獨顯示。按住Alt，點擊某個圖層的小眼睛，即可使其Solo。再次操作即可恢復(fù)。

！注意！不要手賤！血的教訓(xùn)！不要手賤在Solo之后手動開啟其他某個圖層的顯示?。?！不然會發(fā)現(xiàn)，沒法通過再次Alt / Option 單擊來恢復(fù)了，其他全部的隱藏圖層全部都要手動點亮。

五、快速定位目標(biāo)圖層

Photoshop在圖層操作方式上與Illustrator和其他非專業(yè)編輯軟件（PowerPoint？）區(qū)別最大的一點就在于，并不是通過直接點擊元素的方式選擇圖層。但在圖層變多的情況下，目標(biāo)圖層會變得難“找”。實現(xiàn)快速定位目標(biāo)圖層，有兩個好方法。

• 通過右鍵

  在使用 移動工具 時，可以在畫面中右鍵，看到所有當(dāng)前位置上有內(nèi)容的圖層。同時如果該文件的圖層中有編組的話，此處展開的列表也會帶上縮進(jìn)。在對圖層的命名上沒有太過隨意的話，相對而言還是比較好定位目標(biāo)的。

• 通過自動選擇點選

  其實Photoshop也可以通過直接點擊來選擇，只不過默認(rèn)情況下是關(guān)閉的。它在 移動工具 的選項欄內(nèi)。

不過不推薦直接把它勾起來。需要時按住 Ctrl / cmd 鍵，再去選擇目標(biāo)就可以了。

自動選擇可以設(shè)定選擇到圖層或是選擇到組。設(shè)定為選擇到組時，使用起來比較像Illustrator，將編組的對象視為一個目標(biāo)。

除此以外，圖層多的時候，自動選擇功能也容易點錯。使用自動選擇功能，建議配合 s視圖?— 顯示 — 勾選?智能參考線 功能。打開后按住 Ctrl / cmd 想快速選擇目標(biāo)時，當(dāng)前被識別出的目標(biāo)圖層的邊界也會以智能參考線的形式框出來。

↑仔細(xì)看途中第三行箭頭有個品紅色的框。

如果啟用了智能參考線還看不到，記得檢查是否隱藏了參考線?？旖萱I： Ctrl / cmd + H

當(dāng)然，也會有這兩種方式快速解決不了的情況。自動選擇功能的兩大敵人：

1. 調(diào)整圖層——默認(rèn)范圍包含了全圖；

2. 帶蒙版的——日常生氣之 自動選擇 功能居然按施加蒙版之前的內(nèi)容邊界為邊界？？？Adobe什么時候愿意改改？？

這時候可能需要與一些其他功能的結(jié)合使用，比如 圖層過濾 功能。

• 圖層過濾

圖層過濾是官方的名字，其實更像是Excel的篩選功能。

Photoshop的圖層有五種類型：

• 像素圖層：最普通的、可編輯性最差的、縮小會失真的圖層，其他圖層?xùn)鸥窕蟮哪樱?/p>

• 調(diào)整圖層：以圖層方式實現(xiàn)調(diào)色或其他調(diào)整功能的圖層；

• 文字圖層；

• 形狀圖層；

• 智能對象圖層：對于置入文件，或主動保留可編輯性生成智能對象后產(chǎn)生的圖層。

這五個按鈕就是用來開關(guān)這五種類型圖層的顯示與否的。當(dāng)啟用 圖層過濾 功能時，不屬于此類別的將被隱藏。同時再使用前文介紹的 自動選擇 功能，將不會選到被過濾掉的圖層。

• 上鎖

  如果有一個非常討厭的圖層經(jīng)常干擾自動選擇，而它又不配增加啟用過濾功能這一步，可以把它鎖上。

紅框框出來的鎖將完全鎖定這一圖層。也可以使用左邊幾個按鈕來僅鎖定位置、僅鎖定有色部分等等。不過這些使用較少。

• 顏色標(biāo)注

  在圖層名字周邊的空白處右鍵，可以選擇不同的顏色來標(biāo)記圖層。

這個功能在圖層沒有非常繁雜的時候不太會去使用。畢竟除非擁有長期的個人習(xí)慣，否則在一個擁有相當(dāng)多圖層的文件中，定義一套每個顏色各自含義的規(guī)則，可能自己都記不住。而使用時，則是使用較少的幾個顏色，對最關(guān)鍵的幾個圖層實現(xiàn)Highlight的作用。

這個功能配合圖像過濾也能擁有非常好的效果。過濾器前的圖層列表太長了，Highlight了也看不見在哪。但是啟用過濾之后，圖層列表長度就縮小很多了。在一些PS合成的工作中，畫面中的物體的某一個表面會編一個組，組內(nèi)有：

1. 一個用于上底色的圖層如果這個表面相對規(guī)則，則可以使用鋼筆工具繪制形狀圖層，并用顏色標(biāo)注；

2. 賦予材質(zhì)的圖層，通常是像素圖層；

3. 賦予底色光影的圖層，通常是像素圖層和調(diào)整圖層；

4. 而后又會有依附于這些表面的其他內(nèi)容，比如文字。

在本期配套的案例文件中，就有這樣一個文件。盒體的每一個面都是底色+光影來繪制出來的。

需要更改底色時，使用 圖層過濾 功能篩選出所有形狀圖層。然后看其中帶顏色的圖層，就可以定位到所有表面的底色圖層了。

如果有獲得本教程配套的案例文件的話，建議使用案例文件上手試試哦，文件中就有這樣的“底色”層，使用的標(biāo)注色彩是綠色。

• 鏈接圖層

  通常兩個關(guān)聯(lián)的、會一起移動的圖層會存在于一個組內(nèi)。如果他們分隔兩處，可以對他們右鍵—— 鏈接圖層 來時它們的位移同步。

  
  

• 關(guān)于蒙版

  Photoshop的蒙版有兩種主要形式：圖層蒙版和剪貼蒙版。這兩種實現(xiàn)的可編輯性同樣不同。

• 1. 圖層蒙版

  圖層蒙版盡可能保留了被蒙版者的可編輯性。
  

  圖層蒙版的蒙版創(chuàng)建方式更自由，詳見三棱鏡往期《【畫中人】文字效果復(fù)刻》教程。圖層蒙版信息是像素化的，可編輯性差，一旦需要更改基本是重畫。但是圖層蒙版支持的使用方式更多、可以加在組上方便嵌套、可以結(jié)合圖層樣式、可以使用半透明的內(nèi)容作為蒙版。還可以在形成蒙版后再設(shè)置密度和羽化屬性。

2. 剪貼蒙版

剪貼蒙版通過在兩個圖層之間按 Alt / Option 單擊來創(chuàng)建，使用下層修建上層，下層對象可以是矢量對象如文字、形狀等，也可以是組。但是上層就不再可以是組?！疤淄蕖逼饋硪蚕鄬Σ环奖?。

這兩種蒙版方式是使實際需求選擇使用的。圖層蒙版尤其適合對“組”使用；適合擦邊界、上做舊效果等使用到筆刷與橡皮擦的用途。而剪貼蒙版適合以一個邊界清晰的圖層為底，在底色上上內(nèi)容層、光影層等。二者也可以結(jié)合使用?？茖W(xué)的選取也可以盡可能保留可編輯性。

• 蓋印圖層

  在一篇強調(diào)可編輯性的教程里一定也要堅決地消滅“合并可見圖層”這種事。所以在這里提供替代方案：

  按 Ctrl + ?Shift + N / ?command + ?Shift + N ，然后按 Ctrl + Alt + Shift + E / ?command + option + shift + E ，可以蓋印圖層。

  蓋印圖層將所有圖層合并到當(dāng)前圖層，但原有圖層不刪除。如果遇到需要對全圖使用濾鏡，比如添加噪點時，不將所有圖層合并將無法應(yīng)用。蓋印圖層可以在不刪除原有圖層的情況下實現(xiàn)這一步。

  
  

• 智能對象

  當(dāng)然，上面的問題肯定也會有人表示使用智能對象解決。的確，如果對所有圖層執(zhí)行的效果是最后一步，蓋印圖層無傷大雅。但是如果還有許多后續(xù)編輯步驟，智能對象更為合適。

  轉(zhuǎn)為智能對象 功能，類似于編組，將所有的圖層合并到一層，同樣也是在選中多個圖層之后右鍵找到此功能。轉(zhuǎn)為智能對象后，雙擊智能對象的縮略圖，可以再次編輯之前的內(nèi)容。

  但是對多個圖層轉(zhuǎn)智能對象的使用需要盡可能克制。因為智能對象內(nèi)的邊界是確定的，再次更改可能影響效果。此外智能對象其實是作為一個獨立的psd文件鏈接進(jìn)來，會大幅增加當(dāng)前文件的體積。

  除了Photoshop以外，在Illustrator中復(fù)制的內(nèi)容，也可以以“智能對象”的形式粘貼進(jìn)Photoshop里。雙擊縮略圖將跳轉(zhuǎn)到Illustrator再次編輯。

  在已有文檔的情況下，從外部拖進(jìn)（置入）圖片，也會以智能對象的方式存在。這是為了防止縮放失真。

  
  

• 外部置入和Illustrator粘貼這兩種方式形成的智能對象，將無法使用 變形 等功能，只能縮放、旋轉(zhuǎn)、斜切。而在Photoshop內(nèi)生成的就可以。對此，可以新建一個空圖層，與目標(biāo)圖層一起轉(zhuǎn)為智能對象。這樣新的智能對象就可以自由 變形 了

• 圖層樣式與智能濾鏡

  圖層樣式和智能濾鏡都能在圖層面板中折疊，以提供更多區(qū)域來顯示圖層。

  有很多圖層樣式的效果也可以通過新建一層疊加其上來實現(xiàn)。比如這里的這個材質(zhì)的漸變反光效果：

而智能濾鏡類似，也是盡可能保留可編輯性的加濾鏡方式。除此之外，智能濾鏡可以施加蒙版。一個常見應(yīng)用就是為陰影、模糊等施加漸變蒙版，來體現(xiàn)前后關(guān)系。這一使用也在配套的案例文件中有哦。

同樣，根據(jù)實際需求判斷對可編輯性的要求來選擇。

教程/設(shè)計知識 投稿請在私信中回復(fù)“投稿”了解相關(guān)事宜，非常感謝您的閱讀與支持！

設(shè)計交流（禁水群）：341108355

吹水粉絲群：956234778

本期作者：@和音社_姬無色?