圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)(4)

來源:公眾號(hào) 作者:阿門教你PS 學(xué)習(xí):18288人次

繪制玻璃,或者是冰塊、水晶、鉆石等,最大的難點(diǎn)在于質(zhì)感的刻畫和整體表現(xiàn),只要掌握了質(zhì)感的體現(xiàn),那么繪制這類的東西就不難了。希望同學(xué)們能舉一反三。掌握PS鼠繪冰塊、水晶、鉆石的方法。


效果圖:


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


操作步驟:


第一步,打開PS


好啦,好啦,大家都知道打開PS啦,那就ctrl+n新建一個(gè)寬高為1260*900,分辨率為72,背景為白色的畫布。并把下圖拉入ps中,注意觀察此圖的玻璃質(zhì)感和顏色的運(yùn)用。(像素妹這次主要帶大家進(jìn)行形體的創(chuàng)作,因此看到這張圖片顏色不錯(cuò)就直接用啦,大家那里要是有好的圖片,也可以自行吸取顏色。)


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


第二步,塑造背景


有的同學(xué)這時(shí)會(huì)問了,平常我們不都是最后才做背景嗎?因?yàn)檫@次我們的主體物是一整個(gè)玻璃瓶子,非常通透,大部分要靠透過背景的光線和投影來塑造,因此我們先把背景搞定。


我們先確定一下光線的來源,這里像素妹想讓光從右上方打過來,(大家可以隨意,不過后面的高光和投影都要跟光源相對(duì)照哦~)那么就填充一個(gè)左邊顏色深右邊顏色稍淺的漸變,如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


為了體現(xiàn)出空間距離感,我們用形狀工具中的矩形和圓羽化來拉出前后層次,并加剪貼蒙板在之前的漸變圖層上,得到下圖。背景就先告一段落了。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


第三步,繪制玻璃瓶子


我們采用一層一層疊加的方式畫玻璃瓶。


1.先畫玻璃瓶后面的部分,如下圖畫一個(gè)矩形,填充一個(gè)跟背景同一色調(diào)但明度更高,灰度更高的顏色。(不會(huì)調(diào)色的話可以使用吸管工具直接吸取圖上顏色哦)


添加一個(gè)圖層蒙版http://theoat.com.cn/tags/38847/,使用畫筆工具把硬度調(diào)到最低,把中間部分擦除,并調(diào)整畫筆不透明度使邊緣過渡自然。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


2.跟步驟一同樣的畫法,把玻璃瓶前面的面也畫出來,同樣也是加圖層蒙版,再使用畫筆工具擦。完成如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


現(xiàn)在是不是看上去灰蒙蒙的沒有玻璃的質(zhì)感?別著急,跟著像素妹繼續(xù)往下畫。


3.把玻璃瓶的高光依次加上去。


因?yàn)椴AУ牟馁|(zhì)很通透,因此高光和反光的亮度都會(huì)比較高,在這里,像素妹為了讓高光更貼合形狀,直接復(fù)制了兩個(gè)原先繪制的圓角矩形,然后用布爾運(yùn)算剪出一條貼合圓角矩形弧度的高光,為了讓高光更自然,給這個(gè)圖層加一點(diǎn)羽化,然后給這個(gè)圖層加圖層蒙版,把前景色調(diào)成黑色,調(diào)整畫筆的不透明度,用畫筆工具擦出一個(gè)自然的效果,如下圖


(1)用布爾運(yùn)算切出高光的形狀;


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


2)在這里給畫好的高光加一點(diǎn)羽化;


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


(3)加上圖層蒙版之后,先選中圖層蒙版,再選中畫筆工具,前景色改為黑色,畫筆硬度調(diào)到最低,更改一下畫筆不透明度,使其過渡自然。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


(4)完成如圖所示。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


(5)同樣的畫法,把剩余的高光和反光都畫出來。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


4.是不是覺得還少點(diǎn)東西?高光和反光都有了,是不是還缺少一些暗的地方?繪制一個(gè)物體,有暗有亮,明暗清晰,才會(huì)更真實(shí)。


那我們跟畫高光一樣的方法,切出暗部來,只不過填充的是一個(gè)較暗的顏色,畫法步驟都和前面畫高光是一樣的。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


到這里,玻璃瓶子就大功告成啦,怎么樣,畫到這里是不是成就感暴增?還有幾步就可以畫完全部啦!


第四步,繪制瓶子里的水


1.用鋼筆工具大概勾一個(gè)水的形狀,然后加蒙版到原來繪制的玻璃瓶中,填充一個(gè)漸變的顏色,上暗下亮,使水的感覺更加通透,如下圖;


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


2.制作水面的效果。


復(fù)制一個(gè)剛才繪制好的水,往上拉出一段距離,填充一個(gè)比剛才的水更深的顏色,來做出水面的感覺,如果覺得跟水的界限不夠明顯,可以在交接的地方用畫筆勾幾條較深的形狀羽化一下;最后,給水面加幾條不太明顯的光,就好啦。效果如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


3.是不是覺得這瓶水太死氣沉沉啦,讓我們來給它加一點(diǎn)波紋,讓它活起來。水波紋就直接用鋼筆工具畫線,不用閉合,然后填充去掉加描邊,再給圖層加羽化就行,如果想要邊緣融入得更加自然,可以加個(gè)圖層蒙版,跟之前一樣,用畫筆擦就行。效果如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


4.給水加上氣泡。


為了讓之前繪制的水更加生動(dòng),畫面更豐富,我們給它加點(diǎn)氣泡。


(1)用橢圓工具,繪制一個(gè)正圓,把填充去掉,在圖層樣式中加內(nèi)陰影和內(nèi)發(fā)光。如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


(2)同樣用橢圓工具,再繪制一個(gè)小一點(diǎn)的正圓,填充一個(gè)淺一點(diǎn)的顏色,放在剛才繪制的圓上面,加一點(diǎn)羽化,這樣小氣泡的高光就完成啦~效果如下圖所示。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn

(3)復(fù)制多個(gè)剛才畫好的氣泡,改變一下大小,錯(cuò)落有致的擺放。注意:放大縮小之后,羽化會(huì)有些變化,要適當(dāng)調(diào)整一下剛才繪制氣泡高光的羽化。效果如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


第五步,做投影


現(xiàn)在玻璃瓶已經(jīng)大功告成啦,仔細(xì)看看畫面,是不是覺得有點(diǎn)飄,瓶子下面也不夠透亮,水既然有波紋,那按照生活常識(shí)是不是也應(yīng)該有波紋的投影在背景上?


1.給玻璃瓶加投影。


(1)給之前繪制的最外層的大圓角矩形在圖層樣式中加一個(gè)投影,顏色比背景色深點(diǎn),距離和大小不要太大,不透明度為50%,如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


(2)繪制一個(gè)圓角矩形圖層順序放在所有形狀的下面,背景的上面,位置在畫好的玻璃瓶的左下側(cè),因?yàn)楦吖庠谟疑蟼?cè),可知光源在右上側(cè),所以投影就在左下側(cè)。加羽化和圖層蒙版,用畫筆擦一下,使其跟背景融入的自然一點(diǎn)。效果如下圖


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


2.給玻璃瓶加反光。繪制一個(gè)跟玻璃瓶同寬的較扁的矩形,填充一個(gè)較亮的顏色,給圖層加羽化,圖層順序一樣壓在玻璃瓶下面,位置放在玻璃瓶最下面與背景交接處,調(diào)整一下不透明度,制造出玻璃瓶透亮的反光,效果如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


3.加上水波紋投影。這一步看似可有可無,但加上水波紋投在背景上的投影會(huì)使整個(gè)畫面看起來更真實(shí),細(xì)節(jié)更飽滿。


(1)不需要再畫一次水波紋啦,只要將剛才畫好的水波紋打成組,然后復(fù)制整個(gè)組,圖層順序放在玻璃瓶下面背景的前面。


(2)給復(fù)制的水波紋組整個(gè)組調(diào)整不透明度,并加圖層蒙版,調(diào)整畫筆不透明度,擦幾下,讓效果看上去更自然,如下圖。


圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)_theoat.com.cn


到這一步就算大功告成啦,怎么樣,是不是很有成就感?看起來很復(fù)雜的玻璃質(zhì)感一步步拆開來畫也變得很簡(jiǎn)單啦!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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