PS專題——浮動界面

大家好，我是雞呆（咳咳，是呆雞）。

從本期開始，我們開始PS專題的設計分享。

有沒有一點小期待呢？不過這一塊該怎麼來做呢，我也想了很久。從菜單到工具一步步去講解嗎？答案是否定的。首先，這不是課堂，我自然達不到那個高度，確實需要的話，還是建議去借本教材吧！其次呢，在學習PS之初，我也沒有詳細地學過教程，也是跟著大神們的案例做的多了，自然也就明白怎麼去用了。

那麼我們此次PS的專題也是一樣的，從案例入手，帶你從小白到新手的跨越。至少能拿出幾件像樣的作品吧！另外，好多人會問這個軟體難嗎？我就問上了這麼久的學校，做了這麼多功課，你都感興趣嗎，會感覺枯燥感到難學嗎？一樣的，興趣是最好的導師。無論做什麼，一定的時間的投入都是必要的。

廢話就不多說了，開始我們製作今天的案例嘍！

下面進行分步圖解（有疑問？歡迎互動交流歐）

首先，截圖，打開，複製圖層，修一下邊緣

再把圖片像素調大一些，然後畫布也調大一些(CTRL+ALT+I)，快捷鍵，簡單易用。

再把裡面的元素扣下來（摳圖是個技術活，先從網上找些簡單的圖案練習下吧，重點試試鋼筆摳圖方法）

GIF/1K

然後用仿製圖章擦去那些元素，在左側的工具欄中，根據計算機計算自動匹配鄰近的的顏色，簡單易用。

GIF/1K

GIF/1K

然後插入背景，把界面用透視變換，這時候還要把原圖（沒有擦去元素的圖）也進行相同的變換，參數要一樣。就是頂部的各項數值，當然手動來調整也是可以的。

以登錄登陸按鈕為例，先調整好位置，再變換一下，讓它有空間感，如果把握不好可以新建一個圖層，畫上輔助線。

然後設置按鈕的圖層樣式（雙擊圖層），並柵格化圖層樣式，添加投影選項，並設置好相關的參數值（根據你透視的角度，看起來合適就好）

再選中它的厚度，可以先用魔棒點一下，再用多邊形套索工具，勾選出繪製區域並填充藍色。

填充的藍色最好比按鈕顏色深一些。這時候按鈕的的厚度並不符合透視規律，需要修改一下。同樣的多邊形套索工具繪出區域，接著按DELETE鍵刪除。

那麼依次做出各個部分的透視效果，呆雞做出效果是這樣的。加了投影效果是不是還不錯呢。

最後呢就需要添加背景，並附上說明性的文字就可以了（所謂的圖文結合嘛，圖片加文字才是標配）

這幅圖主要運用就是透視變形效果，以及合理設置光源（發光和陰影），達到立體的效果。另外就是練習摳圖的基本功（精確到用鋼筆，模糊的魔棒，結合通道色階扣出複雜些的圖案），重點是柵格化圖層後設置圖層樣式（投影，外發光，內陰影，圖案疊加等效果），用的最多的是自由變換，放大縮小CTRL+T，同時按住CTRL鍵拖動錨點實現圖案透視變形。

最終效果則是達到各元素浮在背景上方的效果，那本期PS首期經驗分享先給大家更到這裡，有疑問的歡迎在微信後台互動交流。

我是路過的呆雞，下期還在這裡，期待我們的的邂逅。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！