Photoshop的圖層概念與功能解析

2023-09-15

撰寫者:冰凝  

  在網路上看到很多漂亮的插圖和海報,好奇他們是怎麼製作出來的嗎?不管是平面插圖或是設計排版,不可或缺的就是「圖層」,那麼圖層是什麼呢?舉例來說圖都是由多個物件層層堆疊而成的,並非像傳統手繪一張紙從頭畫到尾,而是像下圖紙雕一樣,分別做好樹、錄、草地後再拼貼成一張圖,分開製作的步驟就跟「圖層」是相同的概念,只是轉換成數位化就稱為圖層。

一、使用圖層的優點

  每次畫錯顏色沒辦法修改好懊惱,是不是曾經想過手繪如果有返回功能就好了呢?怕畫錯毀了作品,每次上顏色都要先試色再畫好麻煩,很多人最滿意的就是電腦繪圖有返回鍵(快捷鍵Ctrl+Z),當下畫錯立刻就能返回,如果是畫完、中途才改的話,只要妥善利用分層繪圖的方式就能讓後續修改更便利!圖層可以只修改一小部分而不會動到其他地方,像下圖可增加或刪減部分物件而不會影響到整體。

*左原圖,因為有分圖層繪圖,所以可單獨刪除部分圖案,例如背景一層與鐵塔一層,就把鐵塔層刪除即可。

二、堆疊的紙,圖層的上下關係

  圖層是一般沒接觸過平面、繪圖軟體的初學者可能會卡住的地方。因為習慣手繪的朋友,他們會一口氣把圖全部畫完,要塗改的時候就馬上修改,不會想太多;但是在繪圖軟體如果你搭配圖層的話,就可以把不同的物件分在不同圖層,好處就是當你要修改某個物件的時候,不用擔心會誤修到其他的東西,更能有效的增添效果,而不會影響到其他物件。

  舉例來說,除了前面所提的紙雕概念外,也可以將「手繪的色彩疊加」轉化為「圖層的上下關係」。例如:拿壓克力顏料先畫一層後,等顏料乾了再上第二層顏料,就會發現第二層會蓋住第一層的顏料。 

*左邊的插圖拆解成右邊的圖層分層,可以比擬成壓克力的色彩疊加,一層一層的往上加顏料,為什麼要舉例壓克力顏料呢?因為水彩乾掉後加水依然會有混色效果,壓克力顏料只要乾掉後就無法讓色彩混色,只能用新的顏料覆蓋。

  就跟新顏料覆蓋住原本的顏色一樣,上方的圖層會擋住下方的圖層,下圖右邊「圖層面板」中紅色層在藍色層上方,就可以看到畫面中重疊處會被上層(紅色)給遮擋,簡單來說就是上層會蓋住下層

*如果想要藍色蓋住紅色方塊的話就將藍色層移到紅色層上方即可。在Photoshop中長按圖層即可拖動圖層位置。

三、圖層的混和模式

  插圖的光線和陰影雖然可以自己選顏色畫,但修圖就沒有那麼輕鬆了,現實世界的顏色變化萬千,很難單單只用顏色自己畫出光線和影子,下圖將照片吸取顏色,可以看到光是皮膚就有很多顏色存在,且環境不同也會對顏色產生影響,這時要修改光影就會很麻煩,在Photoshop中就可以藉由混合模式來輔助啦! 

*照片中的色彩提取。

混和模式有很多種類,以下列幾個常用的模式:

通常:一般新增圖層的預設模式,就跟空白紙是相同的,選擇紅色就紅色不會有任何變化。

色彩增值:可將不同層的色彩進行疊加,讓色彩彼此間疊加運算後變深,通常運用在製作陰影。

變亮、濾色、加亮顏色、柔光等等:將畫面打光、發亮,可以跟據哪種模式的光更適合圖片再去選擇,因為不同顏色混和後產生的色彩不同。

*Photoshop所有混和模式展開。

  實際運用就會像下圖,為了方便看差異只更改了紅色層的混合模式,可以看到中間圖片重疊的地方色彩會互相疊加後變深;右邊是發亮模式,可以看到只有重疊區顏色變亮,但沒重疊的部分卻消失了?其實是因為圖層特性的關係,像範例中紅色比藍色亮,所以能發亮;相反的如果下方層是比紅色亮的色彩就不會有作用。

三、圖層工具欄

  很多人只知道新增圖層,卻不清楚下排其他工具的功能該運用在哪裡,當物件想增加影子,除了可以用筆刷自己畫以外,也能套用效果自動產生,這些效果都可以在工具欄中找到。

*在圖層區的最下方(紅框處),圖層工具欄。

由左至右介紹:

鏈結圖層:可將一個以上的圖層進行鏈結,方便同時更改畫面。

增加圖層樣式:只能單獨選取一個圖層增加樣式,陰影、浮雕等讓圖案有立體的效果。

*fx圖案點開就可以看到各種效果。

*點選有加效果的圖層並按右鍵選擇「拷貝圖層樣式」,即可將效果貼到其他圖層。

增加圖層遮色片:可利用遮色片,將圖層以非破壞形式遮擋(用黑色擦除或刪除遮色片即可還原)用畫筆工具在遮色片上繪製想遮擋的範圍,只能使用黑白兩色繪製,黑色:不顯示,白色:顯示。

如選擇其他顏色會自動轉換成相對應的灰色(例如:粉紅色:淺灰;深紅色:深灰。灰色會讓物件變半透明)。

*藍色圈的位子可用黑、白調整遮色片範圍。

建立新的顏色或調整圖層:多項調整功能,可以針對圖層調整,也能疊加多種效果。

*點選圖標即可展開所有效果!在調整照片時非常方便,簡單就能讓顏色調整成想要的色彩。 

新建立群組:當圖層很多時一定要利用群組資料夾功能,將圖層分類!後續需要修改時才能快速的找到要調整的圖層位置。

新建立圖層:新增一個「透明」空白圖層。要注意的是新開起的畫布時預設的是「白色」背景,而不是「透明」背景,所以建議在使用新建立畫布時預設的背景層不要使用或只當單色背景,因為顏色依然可以顯示在預設的背景層上,但後續要使用「鎖定透明像素」(後面會在細講這個功能)時就會受到影響!

*上層為新增圖層,下層為開啟新檔案的預設背景層,在Photoshop等軟體中是灰白格子代表透明,只是預覽顯示格子讓使用者能辨別是透明還是白色。。

四、鎖定功能鍵的運用

  大多數人很少用到這個鎖定區塊,不是因為用不到或是不好用,而是很少人知道這些功能鍵的用法。在這區工具中,除了左上角的混合模式外,藍色框不透明度也是經常使用的,可以調整整個圖層的透明程度,100%是不透明,0%是透明。

紅框工具由左至右介紹:

鎖定透明像素:當想做區塊的漸層或是色彩疊加時,就可以用鎖定透明像素將範圍鎖定。須先用顏色先畫出需要的區域再按鎖定透明像素,除了先畫好的區塊外,其餘的透明區域就不會受到任何工具所影響,但可以位移。如需多繪製範圍再按一下鎖定透明像素即可解鎖。

*上圖先用黃色畫筆繪製出一個範圍後,再開啟鎖定透明像素並更改為藍色。

紅圈部分:當鎖定透明像素開啟,半透明區域會依照透明程度進行鎖定。藍方框選:有開啟鎖定透明像素時圖層尾端就會出現透明鎖圖案。可看到「圖層一」除了顏色外,周圍沒畫顏色的部分會以有格子圖案,也代表周圍是透明的,所以透明區就會被鎖定。

鎖定影像像素:不可改動圖層原有的畫面,僅能用移動工具進行整體位移。

鎖定位置:不能使用移動工具,其他不受影響(與「鎖定影像像素」相反)。

防止自動套進/出工作區域或邊框:當有多個工作區域時,可避免插入物件自動嵌套。

全部鎖定:將所有功能都鎖定。當圖層已經調整完畢或不想動到這個圖層時可以使用,避免多圖層會選擇錯誤而更改到想原本保留的圖層。

五、總結

  沒想到圖層欄位原來隱藏了那麼多好用的工具吧!以往需要繁複操作才能達成的效果,現在只要在工具欄點選即可做出效果,而且修改上還非常方便,省去繁雜操作的煩惱與時間也能提升做圖的效率。

AI可以做什麼呢?當你是沒有繪畫基礎或缺乏創作靈感的人,AI可以輔助你的想法讓作品產生,例如:我需要一張花園的插圖,可是我不會畫畫且預算也不夠委託他人,這時就可以讓AI發揮用處。

我們常常看到的海報或是網路上的廣告文宣,目的都是為了吸引消費者觀看,但不一定每位商家都有美編或設計底子,常常空有想法但製作不出好看的宣傳圖來行銷自己,這時就可以使用Canva,輕鬆創建各種形式的圖。

為什麼設計需要素材?在製作文宣與繪畫時,常常要讓畫面更豐富進而吸引觀眾的目光,適時加入一些有質感紋路,例如:紙張紋路、花紋素材…等,不僅能提升整體畫面的豐富度,可以減少素材全都自己做的時間。