本教程主要使用Photoshop結(jié)合AI制作逼真的復(fù)古收音機(jī)，這個(gè)教程用了AI+PS，我們先在AI里繪制出主體圖形，然后在PS里對圖形進(jìn)行處理，難度就在高光與陰影的繪制，適合有PS基礎(chǔ)的童鞋進(jìn)階練手，周末別偷懶，來練一發(fā)。

效果圖：

步驟1

在AI里制作線框，使用矩形工具畫一個(gè)長方形。

步驟2

選擇左上角，然后把它拖使用鋼筆工具，將它轉(zhuǎn)換為一個(gè)圓角。

步驟3

在左下角重復(fù)相同的過程哦。

步驟4

在角落處添加一個(gè)錨點(diǎn)，然后我們改變其位置~位置如下圖所示一樣哦~

步驟5

繼續(xù)畫線條形狀，如下圖所示~

步驟6

在AI里選擇我們所有的形狀，然后單擊>變換>反射

步驟7

選擇對話框里的“復(fù)制”

然后我們就可以在右邊得到相同的圖形啦!

步驟8

用路徑查找器里的“聯(lián)集”將兩個(gè)圖形合并喲~

然后適當(dāng)?shù)恼{(diào)整下錨點(diǎn)~

步驟9

再重復(fù)下其他的形狀，直到我們的形狀更加完美~

步驟10

畫四個(gè)圓角矩形的形狀，這就是我們收音機(jī)的四個(gè)支腳啦~

步驟11

再來畫下面的圖形~可用圓角矩形工具畫好后再進(jìn)行適當(dāng)?shù)恼{(diào)整~

步驟12

在形狀的右邊增加些小的矩形

步驟13

左邊也添加一些

效果就是下面這樣子的啦~=W=

步驟14

再在中間畫一個(gè)圓角矩形和兩個(gè)細(xì)長的矩形~

步驟15

在矩形中間添加一些文字，在上下添加數(shù)字，從0-10~

步驟16

現(xiàn)在我們使用星型工具，添加如下圖所示的參數(shù)~

然后我們的齒輪就出來啦~

步驟17

在齒輪里添加一些小的圓形~所有的圖形就組成我們收音機(jī)的按鈕了~

步驟18

復(fù)制按鈕，然后放置在左邊~

到目前為止我們收音機(jī)的大致形狀快做出來了~

步驟19

再在頂部畫兩個(gè)圓角矩形~

步驟20

畫一個(gè)細(xì)長的圓角矩形，然后ALT拖動復(fù)制一個(gè)，再Ctrl+D復(fù)制兩個(gè)出來~

步驟21

再在四個(gè)圓角矩形中間添加圖形，也就是復(fù)制這四個(gè)圓角矩形，把它們拉長

步驟22

再在按鈕與收音機(jī)顯示框之間添加一個(gè)小的圓角矩形~如下圖所示醬紫哦~

步驟23

將文本轉(zhuǎn)化為輪廓。選擇圖中所示的文字然后右鍵選擇創(chuàng)建輪廓~

步驟24

將圖形輸出到Photoshop，在AI里選擇所有的路徑，然后復(fù)制 Ctrl + C到剪貼板~

步驟25

在Photoshop里處理線框圖。打開photoshop，新建一個(gè)4400px*3300的圖層，然后點(diǎn)擊Ctrl + V粘貼到Photoshop的路徑。 在對話框中選擇形狀圖層，然后單擊OK。

步驟26

為了讓我們接下來的工作更簡單 ，我們要將整體圖形通過選擇路徑把它們拆分開來，先選擇四個(gè)腳，然后Ctrl + Shift + J將它們移動至新的圖層。如圖2所示。其他的也一樣拆分出來~

步驟27

主體形狀?，F(xiàn)在我們來開始畫主體的形狀哦，設(shè)置顏色為 #14100f。

步驟 28

添加漸變疊加，參數(shù)設(shè)置：正常，透明度8%，線性，角度90°。

效果就是醬紫滴=W=

步驟28

再將下面的形狀的顏色設(shè)置為黑色哦~是#000000

步驟29

再在更小的形狀圓角矩形里添加淺一些的黑色#060606~

步驟30

調(diào)出選區(qū)，然后添加新的圖層，再描邊~大概2px，白色的!

步驟31

將剛剛描邊的線條模糊下，濾鏡>模糊>高斯模糊~6px

步驟32

給線條添加蒙版，然后用將筆刷的硬度降低0%，用黑色筆刷擦拭~

步驟33

然后和上面的步驟一樣，添加更多更寬的線條或者將高斯模糊的數(shù)值調(diào)大些~

步驟34

再用相同的方法添加第二個(gè)高光線條哦~

步驟35

添加新的圖層然后在收音機(jī)的右下角畫更多的高光~用大且硬度低的筆刷畫!再適當(dāng)調(diào)整下透明度就可以啦~

步驟 36

再在收音機(jī)下方添加高光~

步驟37

繼續(xù)在其他地方添加更多的高光~

步驟38

收音機(jī)的正面。給最后一個(gè)路徑添加顏色#e7deb7~

步驟39

打開圖層樣式，內(nèi)陰影-正片疊底，透明度79%，角度30°，距離16px，大小27px

內(nèi)發(fā)光-正片疊底-透明度23%，邊緣，大小84

漸變疊加-柔光-透明度78%，線性，角度90°~

最后的效果就是這樣的~LOL

步驟40

添加紋理

步驟41

選擇收音機(jī)的主體，調(diào)出選區(qū)，然后添加蒙版~或者可以設(shè)置為剪貼蒙版哦~

步驟42

改變模式為變暗然后降低透明度為30%~

步驟43

給收音機(jī)的支腳改變顏色#130f0e

步驟44

用0%硬度的軟筆刷畫出收音機(jī)的陰影~

步驟45

放音框。將放音框改變顏色#8c7762哦~

步驟46

圖層樣式-內(nèi)陰影-正片疊底-透明度75%，距離31px，大小62px~使用全局光哦~無消除鋸齒~

漸變疊加-柔光-透明度41%，線性~

步驟47

這里的最后的結(jié)果是添加了一些斜面浮雕的效果的 ~你也可以試試自己添加些斜面浮雕哦~

步驟48

這里我們來添加布料紋理，并放置在最上方~

步驟49

在主體上把布料紋理設(shè)置成剪貼蒙版~

步驟50

現(xiàn)在我們來添加一個(gè)新的圖層，然后用橢圓選框工具畫兩個(gè)大小一樣的圓~

步驟51

填充黑色，然后用濾鏡>模糊>高斯模糊，3px左右~

將透明度降低至4% ^O^

步驟53

選擇>重新選擇，載入兩個(gè)圓的選區(qū)，然后描邊，寬度4px，黑色，確定~

步驟54

取消選區(qū)(Ctrl + D)后，我們再來一次高斯模糊，數(shù)值6px~

做好后，我們的效果就是醬紫的!

步驟55

重新畫一個(gè)矩形，填充色為 #b2aa7c~

步驟57

再將我們之前的路徑調(diào)出來，然后相互減去(減去頂層圖形)~

步驟57

添加一個(gè)蒙版蒙版，擦拭直到融入收音機(jī)框內(nèi)，然后再來打開圖層樣式~

步驟58

漸變疊加-正常-透明度12%，線性，角度90°~

投影-正片疊底-透明度75%，角度30°，距離50px。大小24px~

步驟 59

然后在混合選項(xiàng)里調(diào)整下~勾選圖層蒙版隱藏效果~

下圖就是隱藏與不隱藏的區(qū)別~

步驟60

這一步我們再來添加兩個(gè)圓角矩形!

步驟61

然后選擇圓角矩形與剛剛做好的圖層減去頂層形狀~=.=

步驟62

打開圖層樣式，漸變疊加-正常-透明度15%，線性，角度90°~

下面就是添加漸變疊加與不添加的對比~

步驟63

然后再調(diào)出在AI里做好的四個(gè)細(xì)長的圓角矩形~設(shè)置顏色為稍淺的顏色~

步驟64

打開圖層樣式，投影-正片疊底-透明度75%，角度30°，距離25px，大小24px

步驟65

然后在混合選項(xiàng)里勾選圖層蒙版隱藏~啦啦啦~

步驟66

添加蒙版，然后隱藏一些陰影與左右超出來的部分!

步驟67

現(xiàn)在我們要來添加新圖層，在圖層上繪制高光(白色)哦~

效果對比如下圖所示~

步驟68

收音機(jī)調(diào)音面板。給這個(gè)形狀改變顏色為 #321f18 ~

步驟69

然后使用顏色#d2bd8e填充下面的那個(gè)圖像~

步驟70

圖層樣式，內(nèi)陰影-正片疊底-透明度34%，角度30°，全局光，距離75px，大小40px~

最新評論