免費諮詢
↑
Design · 網站設計與費用

設計軟體入門指南 – Photoshop:初學者友善 – 圖層基礎概念

網站設計與費用發布 2023.08.15更新 2026.10.29閱讀約 2 分鐘

繼上篇介紹文 photoshop 的小工具後,今天就要跟大家介紹「圖層」的使用,圖層的概念是修圖軟體的根基,也是很重要的概念之一,學會使用photoshop 必須先從圖層開始學習,那我們就開始今天的學習吧!

圖層的概念

首先我們必須記住「每個圖層都是各自獨立的」,圖層可以任意移動順序不會破壞圖層,而同一圖層上的元件,就像是被畫在同一張白紙上,因此在創作時須注意是在哪個圖層上。

圖層介紹

自動新增圖層

當使用者新增文字、圖片、圖形。。等時,系統會自動將新鄒的元件建立在「新的獨立圖層」上,方便編輯、移動進行個別調整。

photoahop圖層|自動新增圖層|鵠崙設計
photoahop圖層|自動新增圖層|鵠崙設計

背景圖層

在photoshop裡,新建立文件時系統會自動給我們一個空白的背景圖層,但圖層無法任意移動也無法編輯,必須解除鎖定轉為一般圖層便可進行編輯。

photoahop圖層|背景圖層|鵠崙設計
photoahop圖層|背景圖層|鵠崙設計

圖層順序

圖層的順序會影響到預覽畫布呈現的樣貌,圖層由上往下依序呈現,上方的圖層會遮蓋住下方圖層的物件。

photoahop圖層|圖層順序|鵠崙設計
photoahop圖層|圖層順序|鵠崙設計

新增、刪除、隱藏圖層

在圖層編輯區塊可以自由新增、刪除圖層,而隱藏圖層只需要點一下圖層旁邊的眼睛,讓眼睛的符號消失即可,若想要再次看見,只需要再次點擊,使眼睛的符號出現即可。

photoahop圖層|新增、刪除、隱藏圖層|鵠崙設計
photoahop圖層|新增、刪除、隱藏圖層|鵠崙設計

圖層透明度、混合模式

選擇塗層後在橫軸上拖曳或調整數值即會在預覽畫布上呈現。

調整混合模式可以改變圖層與下方圖層疊合方式,系統會依顏色數值去運算,並以不同的計算方式疊加。

photoahop圖層|圖層透明度、混合模式|鵠崙設計
photoahop圖層|圖層透明度、混合模式|鵠崙設計

結論

在學習完圖層,大家在操作 photoshop 就會更加熟悉、上手,也可以進行初期的編輯了,如果大家有什麼想要學習的主題也可以讓小編知道,那這次的分享就到這裡結束了~我們的官網將會不定期發佈有關行銷或是網頁設計上的文章,如果喜歡文章內容歡迎定期注意鵠崙設計的官網也可以到鵠學苑看更多教學文章,我們下次再見~

 

鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的

針對這篇內容的問答;更一般的問題看網站設計與費用 hub。

01圖層順序亂掉,畫面跑出來的東西跟想像的不一樣,該怎麼調整?

圖層是由上往下疊合顯示,上方圖層會蓋住下方圖層的物件。只要在圖層面板拖曳圖層上下移動順序,畫布上的呈現方式就會跟著改變,不需要重新繪製內容。

02新增文件後背景圖層都不能點選也不能移動,是壞掉了嗎?

這是正常現象,背景圖層預設是鎖定狀態,無法任意移動或編輯。只要解除鎖定、把它轉換成一般圖層,就能像其他圖層一樣自由調整位置與內容。

03想讓某個圖層先不要顯示,但之後還要用,要用刪除的嗎?

不需要刪除,直接使用隱藏功能即可。點擊圖層旁邊的眼睛符號讓它消失,該圖層就會暫時不顯示在畫布上,之後再點一次眼睛符號即可恢復顯示。

04圖層的混合模式是做什麼用的,跟透明度有什麼不一樣?

透明度是調整單一圖層本身的顯示程度;混合模式則是改變該圖層與下方圖層疊合時的運算方式,系統會依照顏色數值以不同方式計算疊加結果,呈現出的效果也不同。

Service

看完之後,想找人做?

網頁設計:先理解你的需求、確認架構,再開始設計;費用區間先講清楚。

網頁設計服務
Contact

留下需求,
1 個工作天內回覆

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。