這篇空調(diào)教程步驟比較多，但難度不大，主要用圖層樣式制作，不懂的可以參考一下PSD文件，想學(xué)的跟著一起練習(xí)一下吧。

先看看效果：

源文件打包：http://www.16xx8.com/photoshop/sucai/2016/786359.html

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

<點(diǎn)圖片看大圖>www.16xx8.com

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

<點(diǎn)圖片看大圖>

給這個(gè)圓角矩形添加一個(gè)圖層樣式，我將用這個(gè)圓角矩形來當(dāng)作空調(diào)的主體部分。

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

用矩形工具畫一個(gè)矩形，并調(diào)整錨點(diǎn)，使之成為梯形，我們來制作空調(diào)出風(fēng)口的底面。

<點(diǎn)圖片看大圖>

下面，我們來制作出風(fēng)口的立體面，同樣的用矩形工具畫一個(gè)矩形，并調(diào)整錨點(diǎn)，使之成為梯形，復(fù)制一個(gè)路徑，調(diào)整錨點(diǎn)縮小一點(diǎn)，減去，然后為這個(gè)圖層添加一個(gè)圖層樣式。

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

接下來，我們來畫出風(fēng)口葉片，同樣的還是用矩形工具畫一個(gè)矩形，并調(diào)整錨點(diǎn)，使之成為梯形，添加一個(gè)圖層樣式。

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

為這個(gè)條紋狀添加一個(gè)圖層樣式。

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

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

那個(gè)顯示屏，我想不用說了吧！

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