1.新建文檔,800*600像素,做出漸變背景。?

2.用圓角矩形工具畫一個圓角矩形,650X200像素,圓角角度上面為20,下面為40。

3.給這個圓角矩形添加一個圖層樣式,圓角矩形來當作空調的主體部分。





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


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

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

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



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


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



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



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


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

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




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



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


16.那個顯示屏和LOGO,我想不用說了吧!

17.大功告成!我們的最終效果!

歡迎加入社群免費領取一套視頻基礎教學點擊快速加入