當(dāng)前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

鼠繪空調(diào),鼠繪一臺白色的空調(diào)教程(6)

來源:pdadians 作者:P大點S 學(xué)習(xí):11313人次

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

先看看效果:

www.theoat.com.cn_0315401N8-35.jpg

源文件打包:http://www.theoat.com.cn/photoshop/sucai/2016/786359.html

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

www.theoat.com.cn_031540O63-0.jpg
<點圖片看大圖>www.theoat.com.cn

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

www.theoat.com.cn_031540BA-1.jpg
<點圖片看大圖>

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

www.theoat.com.cn_0315402237-2.jpg
<點圖片看大圖>

www.theoat.com.cn_0315402093-3.jpg

www.theoat.com.cn_031540F48-4.jpg

www.theoat.com.cn_0315402396-5.jpg

www.theoat.com.cn_031540IO-6.jpg

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

www.theoat.com.cn_0315402323-7.jpg
<點圖片看大圖>

www.theoat.com.cn_0315405193-8.jpg

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

www.theoat.com.cn_0315403514-9.jpg
<點圖片看大圖>

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

www.theoat.com.cn_031540L59-10.jpg
<點圖片看大圖>

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

www.theoat.com.cn_03154055I-11.jpg
<點圖片看大圖>

www.theoat.com.cn_03154023I-12.jpg

www.theoat.com.cn_031540KK-13.jpg

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

www.theoat.com.cn_03154024P-14.jpg
<點圖片看大圖>

www.theoat.com.cn_03154031L-15.jpg

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

www.theoat.com.cn_0315402b0-16.jpg
<點圖片看大圖>

www.theoat.com.cn_0315404061-17.jpg

www.theoat.com.cn_0315402C2-18.jpg

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

www.theoat.com.cn_0315403645-19.jpg
<點圖片看大圖>

www.theoat.com.cn_0315402G7-20.jpg

www.theoat.com.cn_0315402438-21.jpg

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

www.theoat.com.cn_0315402143-22.jpg
<點圖片看大圖>

www.theoat.com.cn_0315401045-23.jpg

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

www.theoat.com.cn_03154023G-24.jpg
<點圖片看大圖>

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

www.theoat.com.cn_0315406301-25.jpg

www.theoat.com.cn_031540AP-26.jpg

www.theoat.com.cn_0315401554-27.jpg

www.theoat.com.cn_031540Fa-28.jpg

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

www.theoat.com.cn_0315405P7-29.jpg

www.theoat.com.cn_0315403606-30.jpg

www.theoat.com.cn_0315403620-31.jpg

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

www.theoat.com.cn_0315401246-32.jpg

www.theoat.com.cn_0315402956-33.jpg

那個顯示屏,我想不用說了吧!

www.theoat.com.cn_031540A41-34.jpg

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

www.theoat.com.cn_0315401N8-35.jpg

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
饅頭干松2017-06-24 10:20
fc2016-07-10 11:17
fc2016-07-10 11:07
騎驢看夕陽2016-06-10 09:15
趕緊來學(xué)習(xí)
血染繁花2016-06-10 08:14
學(xué)習(xí)啦。。
俄素桑桑2016-06-10 02:21
不錯的教程
時光里島2016-06-10 10:33
趕緊來學(xué)習(xí)的來了
想起戀你2016-06-10 10:33
趕緊來學(xué)習(xí)的來了
后天是晴天2016-06-10 10:33
趕緊來學(xué)習(xí)的來了
黑駿馬2016-06-10 10:33
趕緊來學(xué)習(xí)的來了
柒小嘫2016-06-10 10:20
教程不錯
寶貝61632016-06-10 10:17
學(xué)習(xí)啦、
elijet2016-06-10 10:04
不錯的教程。

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!