@P大點S微博?：天氣一天天的熱了，今天，帶著大家做個空調降溫消暑。教程不難，可以幫你熟悉圖層樣式的運用，源文件已打包，一起來練個手！

源文件打包：http://pan.baidu.com/s/1c1H9SU8

新建文檔，這里我用的尺寸是800*600像素，我做了一個漸變的背景。

用圓角矩形工具畫一個圓角矩形，我用的尺寸是650X200像素，圓角角度上面為20，下面為40。

給這個圓角矩形添加一個圖層樣式，我將用這個圓角矩形來當作空調的主體部分。

復制一層圓角矩形圖層，置于下層，將填充修改為0，添加一個投影圖層樣式，我們來加強一下投影效果。（如果有用CC2015版本的童鞋，可以直接添加第二個投影樣式，為了照顧使用低版本的朋友，這里的截圖及操作，我們都將使用低版本的做法。）

在漸變背景上層，新建圖層，載入圓角矩形選區，填充黑色，執行一個動感模糊，配合蒙版，根據我們漸變背景的光源方向，涂抹掉不該出現的部分，將圖層混合模式更改為正片疊底，調整不透明度，再一次的增強陰影效果。增強陰影效果我用了兩個圖層，操作是一樣的操作，更改的只是動感模糊的距離和圖層不透明度。

用矩形工具畫一個矩形，并調整錨點，使之成為梯形，我們來制作空調出風口的底面。

下面，我們來制作出風口的立體面，同樣的用矩形工具畫一個矩形，并調整錨點，使之成為梯形，復制一個路徑，調整錨點縮小一點，減去，然后為這個圖層添加一個圖層樣式。

我復制了一層出風口立體面的圖層，刪除掉了上一步中減去的那個路徑，將圖層的填充設置為0，添加了一個圖層樣式，我想用這個樣式來增強立體面的效果。

接下來，我們來畫出風口葉片，同樣的還是用矩形工具畫一個矩形，并調整錨點，使之成為梯形，添加一個圖層樣式。

為了更加的真實一點，我決定給葉片與出風口立體面接觸部分添加一個陰影，我復制了一層葉片圖層，將填充更改為0，添加一個黑色的外發光（這里我是用外發光來做陰影，不要被樣式的名稱被唬到了，內發光外發光并不是只能發光，它也可以用來做陰影，甚至漸變，也不算事）。當然，我只是想給接觸部分陰影，其余部分不改變，所以我在圖層樣式的混合選項中勾選了圖層蒙版隱藏效果選項，然后給這個圖層添加了蒙版，用畫筆涂抹掉了非接觸部分。

我用直線工具畫了兩條#cdcdcd顏色的直線，并添加了投影圖層樣式。

接下來，畫個#d8d8d7顏色的矩形，運用CTRL+ALT+SHIFT+T，你將很容易得到如下形狀。

為這個條紋狀添加一個圖層樣式。

我在左下角添加了一個按紐，畫一個圓角矩形，添加圖層樣式。

打上按紐的文字，ON，設置顏色為#afafaf，添加圖層樣式。

那個顯示屏，我想不用說了吧！

大功告成！我們的最終效果！

歡迎關注可能是最用心做原創教程的微信公眾號：

「牛總的精品教程合集」

MBE 風格圖標：
《PS熱門教程！教你5分鐘快速繪制超火的MBE風格圖標》

五分鐘海報教程：
《PS教程！5分鐘設計出極具格調的藝術海報（一）》
《PS教程！5分鐘設計出極具格調的藝術海報（二）》

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量130萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com