【 PS電腦繪圖 】Photoshop繪製立體風格的透明塑料袋圖標

Photoshop繪製立體風格的透明塑料袋圖標

這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

文章出處是來自站酷的PS教程類文章,寫教學的作者是新像素UI教育,感謝新像素UI教育提供鼠繪教程的實作教學。

教學大綱:

本教程主要使用Photoshop繪製立體風格的透明塑料袋圖標,教程非常的詳細,推薦過來給思緣的朋友學習,希望大家可以喜歡。


鼠繪教程教學開始

先看看效果圖

Photoshop繪製立體風格的透明塑料袋圖標

第一步:打開PS

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

Photoshop繪製立體風格的透明塑料袋圖標

第二步:塑造背景

有的同學這時會問了,平常我們不都是最後才做背景嗎?因為這次我們的主體物是一整個玻璃瓶子,非常通透,大部分要靠透過背景的光線和投影來塑造,因此我們先把背景搞定。我們先確定一下光線的來源,這裡像素妹想讓光從右上方打過來,(大家可以隨意,不過後面的高光和投影都要跟光源相對照哦~)那麼就填充一個左邊顏色深右邊顏色稍淺的漸變,如下圖。

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

第三步:繪製玻璃瓶子

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

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

現在是不是看上去灰濛濛的沒有玻璃的質感?別著急,跟着像素妹繼續往下畫。

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

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

(4)完成如圖所示。

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

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

第四步:繪製瓶子里的水

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

4.給水加上氣泡。為了讓之前繪製的水更加生動,畫面更豐富,我們給它加點氣泡。

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

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

(3)複製多個剛才畫好的氣泡,改變一下大小,錯落有致的擺放。注意:放大縮小之後,羽化會有些變化,要適當調整一下剛才繪製氣泡高光的羽化。效果如下圖。

Photoshop繪製立體風格的透明塑料袋圖標

第五步:做投影

現在玻璃瓶已經大功告成啦,仔細看看畫面,是不是覺得有點飄,瓶子下面也不夠透亮,水既然有波紋,那按照生活常識是不是也應該有波紋的投影在背景上?

1、給玻璃瓶加投影。

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

Photoshop繪製立體風格的透明塑料袋圖標

(2)繪製一個圓角矩形圖層順序放在所有形狀的下面,背景的上面,位置在畫好的玻璃瓶的左下側,因為高光在右上側,可知光源在右上側,所以投影就在左下側。加羽化和圖層蒙版,用畫筆擦一下,使其跟背景融入的自然一點。效果如下圖

Photoshop繪製立體風格的透明塑料袋圖標

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

Photoshop繪製立體風格的透明塑料袋圖標

3、加上水波紋投影。這一步看似可有可無,但加上水波紋投在背景上的投影會使整個畫面看起來更真實,細節更飽滿。

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

(2)給複製的水波紋組整個組調整不透明度,並加圖層蒙版,調整畫筆不透明度,擦幾下,讓效果看上去更自然,如下圖。

Photoshop繪製立體風格的透明塑料袋圖標

到這一步就算大功告成啦,怎麼樣,是不是很有成就感?看起來很複雜的玻璃質感一步步拆開來畫也變得很簡單啦,其實不只是畫這個圖標是這樣的做法,大家畫任何寫實作品都可以這樣,一步步拆開來分析,一層一層疊加,不要心急,相信最後出來的效果都不會差。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop繪製立體風格的透明塑料袋圖標