藝術家使用ps，攝影師使用ps，數碼玩家們也使用ps，與此同時，web設計溼更是離不開PS ！該軟體氣勢空前鼎盛，無人不知無人不曉。

作為網頁設計師，與ps打交道的第一步該知道些什麼呢？當然是圖層了！關於ps的圖層，有非常之多的東西需要掌握和了解。

圖層面板是自由獨立於ps工作空間裡面的一個面板。在這個神奇的圖層裡面，我們可以縮放、更改顏色、設定樣式、改變透明度，等等等等。一個圖層代表了一個單獨的元素，設計師可以任意更改之。圖層可以說在網頁設計中起著至關重要的作用。他們用來表示網頁設計的元素，他們是用來顯示文字框、影象、背景、內容和更多其他元素的基底。

大多是ps使用者都統一分層是ps軟體的關鍵特性之一——良好的分層有助於設計更完美地展示和修改。

填充和不透明度

填充和不透明度完全是兩個選項。儘管它們經常被相同的使用方法被混淆，有的甚至直接用“Fill-Opacity”來混淆之，但它們完全是兩碼事。

還有兩個概念，很多同學也是老虎老鼠傻傻分不清楚，就是流量跟不透明度，這兩者究竟有什麼區別呢？推薦一篇淺顯易懂的好文，包學會！

小白科普：流量和不透明度那些事兒

填充是一個圖層裡面背景色塊所佔用的百分比，這個選項一般用於形狀填充。

另一方面，透明度是一個圖層針對其他設計層的透明度。

兩者的區別就是填充選項不影響圖層樣式。例如我們給圖層上了一個描邊，此時我們調節填充選項時描邊效果依然還清晰地展示在圖層上，而如果我們調節不透明度選項，那麼這個描邊樣式的透明度也會跟著改變。