圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

2022-12-26 10:31:49 來源/作者: / 己有:38人學(xué)習(xí)過

本篇教程通過PS制作一款透明、玻璃質(zhì)感的圖標(biāo),整個教程比較簡單,圖標(biāo)做出來也是萌萌噠,和以往的圖標(biāo)不同,一改往日風(fēng)格,同學(xué)們一起來做一下吧。

效果圖:

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

第一步,打開PS

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

第二步,塑造背景

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

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

第三步,繪制玻璃瓶子

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

1.先畫玻璃瓶后面的部分,如下圖畫一個矩形,填充一個跟背景同一色調(diào)但明度更高,灰度更高的顏色。(不會調(diào)色的話可以使用吸管工具直接吸取圖上顏色哦)添加一個圖層蒙版,使用畫筆工具把硬度調(diào)到最低,把中間部分擦除,并調(diào)整畫筆不透明度使邊緣過渡自然。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

3.把玻璃瓶的高光依次加上去。因為玻璃的材質(zhì)很通透,因此高光和反光的亮度都會比較高,在這里,像素妹為了讓高光更貼合形狀,直接復(fù)制了兩個原先繪制的圓角矩形,然后用布爾運算剪出一條貼合圓角矩形弧度的高光,為了讓高光更自然,給這個圖層加一點羽化,然后給這個圖層加圖層蒙版,把前景色調(diào)成黑色,調(diào)整畫筆的不透明度,用畫筆工具擦出一個自然的效果,如下圖

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

(4)完成如圖所示。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

4.是不是覺得還少點東西?高光和反光都有了,是不是還缺少一些暗的地方?繪制一個物體,有暗有亮,明暗清晰,才會更真實。那我們跟畫高光一樣的方法,切出暗部來,只不過填充的是一個較暗的顏色,畫法步驟都和前面畫高光是一樣的。做好如下圖。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

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