search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 PS電腦繪圖 】Photoshop繪製逼真的可口可樂易拉罐圖標 – PS筆刷工廠

Photoshop繪製逼真的可口可樂易拉罐圖標

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

文章出處是來自優設的PS教程類文章,寫教學的作者是ChloeRowe,感謝ChloeRowe提供鼠繪教程的實作教學。

教學大綱:

今天的教程效果是一枚寫實的可口可樂易拉罐,優設譯者ChloeRowe林雅諾教大家如何得心應手地利用圖層樣式,以及繪製陰影、高光還有水滴的方法。夏天來了,給自己一瓶冰鎮過的可樂,清涼一下吧。


鼠繪教程教學開始

今天的教程效果是一枚寫實的可口可樂易拉罐,優設譯者ChloeRowe林雅諾教大家如何得心應手地利用圖層樣式,以及繪製陰影、高光還有水滴的方法。夏天來了,給自己一瓶冰鎮過的可樂,清涼一下吧。

效果圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟1

在Photoshop里新建一個800*800px的畫布

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟2

創建一個垂直參考線和一個水平參考線。視圖>新建參考線,選擇水平和應用50%的位置。做同樣的垂直參考線。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟3

使用一個圖片供參考(雖然我沒有完全按照真實的形式)。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟4

用鋼筆工具(P),開始畫只是一半的紅色形狀。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟5

Alt+左鍵,複製,然後按ctrl + T,水平翻轉。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟6

現在用鋼筆工具合併兩個圖層,或者柵格化圖層,ctrl+E向下合併,現在是一個整體的易拉罐圓圖形。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟7

選擇不同的顏色,重複的頂部和底部部分的步驟。確保形狀層頂部和底部的紅色形狀圖層,也就是如圖的頂邊和底邊。(或者用圓角矩形工具和鋼筆工具畫出來。)

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟8

複製紅色形狀圖層,光標位置之間的兩個紅色形狀圖層,在兩個圖層之間,按住Alt +左鍵並單擊創建剪切蒙版。如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟9

我們來到了有趣的部分! 我們要讓易拉罐看起來很逼真。選擇命名為 Main shape的圖層,打開混合選項面板(右鍵單擊層>混合選項),漸變疊加,設置如下:

Photoshop繪製逼真的可口可樂易拉罐圖標

(#ca1112、#e7807e、#db3c36 、#d42113、#d72114 、#e88a89 、#e96c69 、#ed261c)

步驟10

用鋼筆工具(P),創建一個新的黑色的形狀,然後放置如下(圖層放在Main shape圖層之上):

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟11

右鍵單擊黑色形狀圖層,將它轉換為智能對象,然後執行濾鏡>模糊>高斯模糊並輸入值為14。最後,使新形狀層剪切蒙版,就像你在步驟8。填充更改為70%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟12

用鋼筆工具畫出如下的圖形。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟13

將它轉換為智能對象,高斯模糊2,填充改為40%。建立剪切蒙版,設置混合模式為疊加。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟14

創建一個新的形狀,如下圖,並命名為:水平div1。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟15

將它轉換為智能對象並設置它與在前面的步驟一樣的剪切蒙版。設置混合模式為柔光,高斯模糊值為4。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟16

Cmd / Ctrl +易拉罐主圖,出現選區,選擇它的形狀,然後創建一個新層,用軟邊畫筆24px,畫一條直線在同一地方。如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟17

將該圖層設置為柔光。添加一個圖層蒙版,選擇黑色作為前景顏色和畫筆大小60 px。在圖層蒙版中擦去一部分,如下圖名字這一層的水平div2。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟18

與上面步驟相同,Ctrl+易拉罐主圖,選出易拉罐的選區,創建一個新層,選擇 #eeb946 作為你的前景顏色,選擇一個軟邊畫筆,大小為100 px,畫直線從頂部到底部。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟19

設置混合模式為柔光,不透明度到70%。然後添加一個圖層蒙版,選擇黑色作為你的前景顏色,畫筆大小更改為65 px,流量30%。開始畫右邊一個淡黃色,為了使它可見略低於左側,但沒有完全消除它。如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟20

用鋼筆工具畫一個如下圖形:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟21

將它轉換為智能對象,高斯模糊值為15。設置混合模式為疊加。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟22

創建新的形狀圖層,黑色,並放置如下圖的位置。這一層命名“中間陰影”。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟23

把最新的形狀層智能對象,設置混合模式為柔光疊加,高斯模糊值10。按下Ctrl / Cmd + J複製圖,圖層的不透明度設置為40%

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟24

創建兩個新形狀圖層,將它們像下圖。可命名為Brim1,Brim2。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟25

每個形狀轉換為智能對象,設置混合模式為柔光疊加,高斯模糊值10。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟26

用鋼筆工具畫一個如下圖的形狀。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟27

形狀轉換為智能對象,設置混合模式為疊加,高斯模糊值為7。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟28

現在讓我們集中注意做的前部分紅色形狀。定位兩層負責頂部的水平黑暗線(我們叫他們“水平div1′和“水平div2′)。用黑色作為前景顏色,選擇圖層蒙版,用軟倒圓邊刷大小45 px和流量為30%,刪除光經過的地方。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟29

創建一個新層,選擇一個軟邊緣圓刷48像素大小和流量100%。畫一個圓圈在頂部(略高於線)。設置混合模式為疊加,複製圖層。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟30

邊緣還是有點亮,讓我們調整一下。選擇兩邊的黑色邊Brim1,Brim2,圖層樣式以下設置:

內陰影:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟31

同時讓我們把中間的黑色陰影降低一點。這次,Cmd / Ctrl +易拉罐圖形。創建一個新層,選擇軟軟圓邊筆刷,大小48 px和流量為30%。在底部畫一條直線,圖層混合模式為柔光。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟32

為了增加的逼真感,使用矩形工具(U),創建兩個形狀如下圖。然後,使用鋼筆工具(P),合併或者建組,或者柵格化,Ctrl+E。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟33

Ctrl+J複製這一層兩次,並放置如下:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟34

為三個框中的其中任何一個添加圖層蒙版,設置前景顏色黑色,選擇漸變工具(G),選擇漸變工具,如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟35

與選定的圖層蒙版,並拖動鼠標從左邊往右拉動,直到它使左側透明的中間。如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟36

按住Alt +左鍵,複製圖層蒙版到另外兩個上面。(或者重建圖層蒙版)然後將所有三層的混合模式為疊加,透明度為18%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟37

選擇 #eeb946 作為前景色,建立新的形狀圖層,如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟38

形狀圖層轉換為智能對象,設置混合模式為疊加,高斯模糊值4,設置透明度為70%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟39

定位在兩邊紅色地方。Ctrl / Cmd +易拉罐圖形,選出選區,新建圖層,用畫筆工具,軟邊畫筆,大小30 px和流量為30%,使頂部右和左一點,如下圖:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟40

可以加強中間黑暗的地方。 步驟22中的(名為“中間陰影”)圖層,複製它。不透明度設置為25%

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟41

讓我們繼續的頂部。選擇最頂層的圖層,也就是白色的邊,圖層樣式參考如下:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟42

設置前景顏色(#ffffff)和選擇一個軟畫筆100%流量和大小30 px。將白色邊選取出來,創建一個新層,開始輕輕地畫,每個相隔3px的直線,水平居中。設置混合模式為疊加。試着模仿下面的圖片。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟43

和前面的步驟一樣,新建圖層,用畫筆,然而,這一次一行沒有差距,覆蓋的最高部分的形狀。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟44

現在製作陰影。相同的步驟,前景色黑色,但是用較小的筆刷。加強右和左邊緣的黑暗。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟46

現在製作底部邊緣。在混合選項面板應用以下設置:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟47

相同的方法,1.Cmd / Ctrl +單擊底部形狀層,並創建一個新層。2.用軟圓邊筆刷(#ffffff),大小21 px和流量為100%,畫頂部形狀的一部分。設置混合模式為疊加。3.然後,創建另一個層,做同樣的步驟,但這一次做一個垂直線覆蓋整個高度的形狀。更改最新層的混合模式為柔光。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟48

同樣的方法(也就是選出選區,新建圖層,畫筆,黑色然後用上一步驟設置好的畫筆模式畫出如下圖的圖形),製作陰影,左邊和右邊底部形狀。設置混合模式為疊加,透明度為70%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟49

讓我們把底部變暗一點。同樣步驟,如下圖下圖。設置混合模式為柔光,不透明度到60%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟50

新建一個圖層,鋼筆工具畫一個形狀,如下圖。給它一個顏色 #311010。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟51

將形狀轉換為智能對象,應用高斯模糊值為5。設置層的混合模式為疊加然後設置透明度為20%。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟52

創建一個新的形狀,如下圖。添加圖層蒙版,使用漸變工具(G),刪除頂部和底部區域的形狀,如同步驟34和35。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟53

設置透明度為20%,混合模式為疊加。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟54

看上去不錯,現在 把可口可樂標誌,按Cmd / Ctrl + T,旋轉來調整到正確的位置。

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟55

讓我們添加一些水滴。使用橢圓工具(U),創建一個圓形並應用以下設置,填充為0%:

Photoshop繪製逼真的可口可樂易拉罐圖標

步驟56

複製前一圖層樣式,然後使用鋼筆工具創建幾個水滴形狀,粘貼圖層樣式到每個水滴。建組,複製你的水滴。隨意放置。完成~

Photoshop繪製逼真的可口可樂易拉罐圖標

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

文章永久連結為: Photoshop繪製逼真的可口可樂易拉罐圖標

版权所有,保留一切权利! © 2019 PS筆刷工廠


熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦