AI設(shè)計(jì)唱機(jī)圖標(biāo)(5)

來(lái)源:站酷 作者:mango_o 翻譯 學(xué)習(xí):23795人次

先看效果:

AI設(shè)計(jì)黑膠唱機(jī)Icon

在下面的教程中,您將學(xué)習(xí)如何在Adobe Illustrator創(chuàng)建黑膠唱機(jī)圖標(biāo)。首先,使用簡(jiǎn)單的網(wǎng)格與網(wǎng)格對(duì)齊等基本的工具創(chuàng)建黑膠唱機(jī)的主要形態(tài)。然后將學(xué)習(xí)如何創(chuàng)建一個(gè)復(fù)雜的網(wǎng)格漸變。使用混合工具創(chuàng)建一個(gè)簡(jiǎn)單的混合物;利用現(xiàn)有的網(wǎng)格進(jìn)行路徑偏移的效果;您將會(huì)創(chuàng)建一個(gè)唱針和一個(gè)小旋鈕。最后,充分利用外觀面板,您將學(xué)習(xí)如何添加陰影,高光以及增加形狀的層次感。

 

1. 創(chuàng)建一個(gè)新文件并設(shè)置網(wǎng)格

Ctrl+N創(chuàng)建600px*600px的新文檔,RGB模式;屏幕(72ppi),并確保“使新建對(duì)象與像素網(wǎng)格對(duì)齊”沒有被勾選,點(diǎn)擊確定。

啟用網(wǎng)格(視圖>顯示網(wǎng)格)與網(wǎng)格對(duì)齊(視圖>對(duì)齊網(wǎng)格)。首先,設(shè)置網(wǎng)格線間隔為5px,次分割線數(shù)值為1(編輯>首選項(xiàng)>參考線和網(wǎng)格);打開信息面板(窗口>信息),實(shí)時(shí)預(yù)覽形狀的大小和位置。不要忘記設(shè)置單位為像素(編輯>首選項(xiàng)>單位 )。所有這些選項(xiàng)會(huì)大大提高你的工作效率。

AI設(shè)計(jì)黑膠唱機(jī)Icon

2. 創(chuàng)建主形狀

步驟1

選擇矩形工具(M),創(chuàng)建一個(gè)250px的正方形,設(shè)置其顏色為R=196,G=154,B=108(對(duì)齊網(wǎng)格會(huì)減輕你的工作)。

接下來(lái),打開對(duì)齊面板(窗口>對(duì)齊),設(shè)置對(duì)齊畫板(打開的彈出菜單中去顯示選項(xiàng),如下圖所示)。選中創(chuàng)建的正方形,單擊水平居中對(duì)齊,垂直居中對(duì)齊按鈕。最后在圖層面板中對(duì)該圖層雙擊,重命名為“main”,然后鎖定該圖層,以確保你不會(huì)意外地選擇/移動(dòng)它(窗口>層)。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

設(shè)置填充顏色為白色,選擇橢圓工具(L)。創(chuàng)建一個(gè)180px的正圓,然后在對(duì)齊面板上點(diǎn)擊水平居中對(duì)齊,垂直居中對(duì)齊按鈕(記得對(duì)齊畫板哦)。重命名為“vinylshadow”然后鎖定圖層。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

這一步你需要將網(wǎng)格線間隔設(shè)置為1px(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在褐色正方形的左下角,使用橢圓工具(L)創(chuàng)建直徑為24px的正圓,如下圖所示。在圖層面板上雙擊新建圖形,命名為“knobshadow”,然后鎖定。

繼續(xù)在正方形的右上角,創(chuàng)建第二個(gè)直徑為24px的正圓,位置如圖2所示。將其重命名為“armshadow”,然后鎖定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

3. 創(chuàng)建的黑膠

步驟1

再次設(shè)置網(wǎng)格線間隔為5px(編輯>首選項(xiàng)>參考線和網(wǎng)格)。用橢圓工具(L)創(chuàng)建一個(gè)160px的正圓,然后在對(duì)齊面板上點(diǎn)擊水平居中對(duì)齊,垂直居中對(duì)齊按鈕。

選中新圖形,打開漸變面板(窗口>漸變),應(yīng)用默認(rèn)的漸變數(shù)值,選擇徑向漸變,右側(cè)滑塊設(shè)置為黑色(R=0, G=0,B=0),左側(cè)滑塊設(shè)置在白(R=255,G=255,B=255)。確保選中該圖形,設(shè)置對(duì)象>擴(kuò)展,點(diǎn)擊確定。

移動(dòng)到圖層面板,你會(huì)發(fā)現(xiàn)一個(gè)新的組。選擇它,取消編組(Shift+Ctrl+G),Alt+Ctrl+7(對(duì)象>剪貼蒙版>釋放)釋放現(xiàn)有蒙版。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

圖層面板中,你會(huì)發(fā)現(xiàn)一個(gè)沒有填充也沒有設(shè)置任何效果的160px正圓,選擇它,刪除(鍵盤Delete);然后你會(huì)找到一個(gè)簡(jiǎn)單的網(wǎng)格,選中網(wǎng)格并打開變換面板(窗口>變換),點(diǎn)擊“約束寬度和高度的比例”按鈕,在寬(或高)中輸入160px,繼續(xù)選中網(wǎng)格,將其填充色設(shè)置為黃(R=255,G=221,B=23)。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

使用鋼筆工具(P),創(chuàng)建長(zhǎng)為170px的直線,并在對(duì)齊面板上選中水平居中對(duì)齊,垂直居中對(duì)齊按鈕。確保這個(gè)簡(jiǎn)單的路徑在外觀面板上被選中(窗口>外觀)。

刪除填充色,選擇描邊,設(shè)置顏色為黑色,不透明度降低到15%,然后在效果>扭曲和變換>變換中,輸入以下數(shù)值(如圖所示),點(diǎn)擊確定。在圖層面板中將其鎖定。你只需將它作為一個(gè)輔助線。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟4

禁用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格)。選擇黃色網(wǎng)格,用網(wǎng)格工具(U)僅添加十二個(gè)網(wǎng)格點(diǎn),如下圖所示,使用上一步驟作為輔助。網(wǎng)格點(diǎn)設(shè)置完成之后,你可以刪掉上一步產(chǎn)生的輔助線。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟5

直接選擇工具(A),選擇網(wǎng)格點(diǎn),將其顏色與下圖所示相對(duì)應(yīng)。完成之后,在圖層面板中雙擊網(wǎng)格將其重命名為“vinyl”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟6

選中“黑膠”網(wǎng)格(vinyl),復(fù)制副本(Ctrl+C > Ctrl+F)。在圖層面板中,雙擊網(wǎng)格副本,重命名為“vinylsupport”;鎖定“黑膠”網(wǎng)格;回到畫板中,用直接選擇工具(A)選擇“vinylsupport”的網(wǎng)格點(diǎn)并替換為相對(duì)應(yīng)的顏色(如圖所示)。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟7

選中“vinylsupport”網(wǎng)格,在變換面板中輸入170px的寬(或高)。移動(dòng)到圖層面板,將“vinylsupport”網(wǎng)格拖動(dòng)到“vinyl”網(wǎng)格的下方(Ctrl+[)。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟8

啟用網(wǎng)格對(duì)齊(視圖>對(duì)齊網(wǎng)格)。使用橢圓工具(L),創(chuàng)建一個(gè)160px的正圓,并在對(duì)齊面板上選中水平居中對(duì)齊,垂直居中對(duì)齊按鈕。填充設(shè)置為無(wú),添加1px的白色描邊,描邊內(nèi)側(cè)對(duì)齊。繼續(xù)選中圖形,對(duì)象>路徑>路徑偏移,輸入-45px偏移,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟9

雙擊混合工具(或去對(duì)象>混合>混合選項(xiàng))。從下拉菜單選擇“指定的步驟”,輸入“15”。

在圖層面板上選中兩個(gè)白色描邊(上一個(gè)步驟中的),Alt+Ctrl+B(或去對(duì)象>混合>建立)來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的混合(如第二張圖所示)。選中新產(chǎn)生的混合,降低其不透明度為40%,圖層模式為疊加。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟10

使用橢圓工具(L),創(chuàng)建一個(gè)160px的正圓,設(shè)置填充顏色為在R=255,G=222,B=23,并在對(duì)齊面板上選中水平居中對(duì)齊,垂直居中對(duì)齊按鈕。選中這個(gè)黃色的圓,對(duì)象>路徑>路徑偏移,偏移數(shù)值設(shè)置為2px,點(diǎn)擊確定,然后回到圖層面板。

選擇新產(chǎn)生的形狀,把它拖動(dòng)到“vinyl”網(wǎng)格的下方。選中這個(gè)黃色的圓,首先,將其填充為R=20,G=15,B=15;添加四個(gè)陰影效果(效果>風(fēng)格化>投影),數(shù)值設(shè)置如下圖所示;然后添加1px的黑色描邊,使描邊外側(cè)對(duì)齊,降低不透明度為30%,并將混合模式改為柔光。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟11

選擇另一個(gè)黃色圓圈,填充為徑向漸變?nèi)〈F(xiàn)有的顏色(如下圖所示),降低其不透明度為15%,改變混合模式;然后選擇“對(duì)象>路徑>路徑偏移”,設(shè)置為-1px的偏移數(shù)值,點(diǎn)擊確定;然后選擇“效果>藝術(shù)效果>膠片顆粒”,輸入下圖顯示數(shù)值,點(diǎn)擊確定。

回到外觀面板,為這個(gè)圓添加2pt的描邊,使描邊外側(cè)對(duì)齊,設(shè)置顏色在R=20,G=15,B15。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟12

使用橢圓工具(L),創(chuàng)建一個(gè)70px的圓,設(shè)置填充顏色為在R=255,G=222,B=23,并在對(duì)齊面板上選中水平居中對(duì)齊,垂直居中對(duì)齊按鈕。選中這個(gè)黃色的形狀,將現(xiàn)有填充色替換為R=15,G=10,B=10,降低其不透明度為70%,改變混合模式為柔光,選擇“效果>路徑>偏移路徑”輸入-1的偏移數(shù)值,點(diǎn)擊確定。

回到外觀面板為新建的圓添加第二新的填充(下圖中藍(lán)色箭頭)。選擇新的填充,顏色設(shè)置為R= 180,G=20,B=35,選擇“效果>路徑>偏移路徑”輸入5px的偏移并單擊“確定”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟13

選中紅色的圓圈,添加第三個(gè)新的填充,選擇這個(gè)新的填充,顏色設(shè)置為R=190,G=30,B=45,選擇“效果>路徑>偏移路徑”,輸入- 8的偏移數(shù)值,點(diǎn)擊確定。

回到外觀面板,添加第四個(gè)新的填充,選中它,添加線性漸變(如下圖所示);然后選擇“效果>路徑>偏移路徑“,輸入- 23px的偏移數(shù)值,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟14

繼續(xù)選中紅色圓圈,添加第五個(gè)新的填充。選擇這個(gè)填充,設(shè)置顏色為R=25,G=20,B 20,然0后選擇”影響>路徑>偏移路徑“,輸入-28的偏移數(shù)值,點(diǎn)擊確定;然后選擇“效果> 風(fēng)格化>投影”輸入下圖所示數(shù)值,單擊“確定”;返回到外觀面板,選中紅色圓圈,添加第六個(gè)填充,顏色設(shè)置為黑色,降低其不透明度為3%,改變混合模式為疊加;然后選擇“效果>路徑>偏移路徑",設(shè)置偏移數(shù)值為5px,點(diǎn)擊確定;選擇“效果>藝術(shù)>膠片顆粒”,輸入下圖所示數(shù)值,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟15

繼續(xù)選擇紅圈,添加第七個(gè)新的填充,選擇它,設(shè)置顏色為R=185,G=185,B=185,選擇“效果>路徑>偏移路徑”設(shè)置偏移數(shù)值為-32px,點(diǎn)擊確定;返回到外觀面板,添加第八個(gè)新的填充,選擇它,設(shè)置顏色為R=115,G=115,B=115,選擇“效果>路徑>偏移路徑”設(shè)置偏移數(shù)值為-33px,點(diǎn)擊確定;回到外觀面板,添加最后的填充,選擇它,設(shè)置顏色為白色,繼續(xù)選擇“效果>路徑>偏移路徑”。設(shè)置偏移數(shù)值為-34px,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟16

回到圖層面板,解鎖你的“vinyl”網(wǎng)格,選擇它和“vinylsupport”網(wǎng)格,使其編組(Ctrl+G)。在圖層面板中,雙擊這個(gè)新組并重命名為“vinyl”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

4. 創(chuàng)建唱針

步驟1

在圖層面板中,打開你的“vinyl”組合,選擇“vinylsupport”網(wǎng)格并創(chuàng)建一個(gè)副本(Ctrl+C > Ctrl+F)。選擇此副本,將它拖到圖層面板的頂層,雙擊這個(gè)新的網(wǎng)格,并重新命名為“armbase”。選中新的網(wǎng)格,點(diǎn)開變換面板,輸入20px的寬(或高),現(xiàn)在的效果和第三張圖很像。重新選擇“armbase”網(wǎng)格,拖動(dòng)到圖四所示位置。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

切換到“網(wǎng)格線間隔為1px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。選中“armbase”網(wǎng)格,使用橢圓工具(L),創(chuàng)建一個(gè)14px的正圓,設(shè)置填充顏色為R=25,G=20,B=20(如下圖所示);選中新的圖形,增加三個(gè)新的陰影效果(效果>風(fēng)格化>投影)數(shù)值設(shè)置如下圖所示。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

回到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。使用鋼筆工具(P),創(chuàng)建一個(gè)簡(jiǎn)單的路徑,如下圖所示。顏色填充為無(wú),添加4pt的描邊,顏色設(shè)置為R=255,G=222,B=23。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟4

選中黃色路徑,將其描邊顏色替換為R=109,G=110,B 113,然后在描邊面板中(窗口>描邊)設(shè)置該路徑為圓頭端點(diǎn)。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟5

選中灰色描邊路徑,在外觀面板中添加一個(gè)新的描邊(下圖中藍(lán)色箭頭)。選擇這個(gè)新的描邊,描邊粗細(xì)為3pt,顏色設(shè)置為R=167,G=169,B=172,然后選擇“效果>扭曲和變換>變換”。數(shù)值設(shè)置如下圖,設(shè)置完成后單擊“確定”;返回到外觀面板,第三個(gè)描邊,設(shè)置顏色為R=230,G=231,B=232,粗細(xì)為1pt,選擇“效果>扭曲和變換>變換”,數(shù)值設(shè)置如下圖,設(shè)置完成后單擊“確定”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟6

選中上步的路徑,選中“效果>風(fēng)格化>圓角”,輸入半徑為10px,單擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟7

重新選擇“armbase”網(wǎng)格,創(chuàng)建一個(gè)副本(Ctrl+C >Ctrl+F),將它拖動(dòng)到頂層(Shift+Ctrl+[ )。選擇此副本,在變換面板中輸入15px的寬(或高),回到圖層面板中重命名這個(gè)新網(wǎng)格為”armbasefront”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟8

切換到“網(wǎng)格線間隔為1px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。選擇矩形工具(M),創(chuàng)建一個(gè)10*20px的形狀,填充為隨機(jī)的顏色如第一圖像所示;選中新的矩形,對(duì)象>變換>旋轉(zhuǎn),數(shù)值設(shè)置為45度,點(diǎn)擊確定;然后用下圖所示的線性漸變填充新的矩形。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟9

選中旋轉(zhuǎn)后的矩形,在外觀面板上添加第二填充,選擇它,顏色設(shè)置為白色,改變其混合模式為柔光,“效果>路徑>偏移路徑”,偏移數(shù)值設(shè)置為-1px,點(diǎn)擊確定;回到外觀面板,添加第三個(gè)填充,添加線性漸變?nèi)缦聢D所示,“效果>路徑>偏移路徑”,偏移數(shù)值設(shè)置為-1px,點(diǎn)擊確定,效果>扭曲和變換>變換,數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定。

回到外觀面板,選擇整個(gè)矩形路徑,“效果>風(fēng)格化>圓角”半徑數(shù)值設(shè)置為2px并單擊“確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟10

切換到到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。重新矩形,唱針路徑和“armbasefront”網(wǎng)格選擇并編組(Ctrl+G)。選中這個(gè)新組合添加三個(gè)陰影效果(效果>風(fēng)格化>陰影)數(shù)值設(shè)置如下圖所示。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟11

選擇唱針以及其他唱針的組成部分,使之編組(Ctrl+G)。移動(dòng)到圖層面板,雙擊這個(gè)新組并將其命名為“arm”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

5. 創(chuàng)建按鈕

步驟1

使用橢圓工具(L),創(chuàng)建一個(gè)20px的圓,設(shè)置填充顏色為R=15,G=10,B=10,其他設(shè)置如下圖所示。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

切換到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在圖層面板中,打開你的“arm”的編組,選擇“armbase”網(wǎng)格并創(chuàng)建副本(Ctrl+C > Ctrl+F)。選擇此副本,將它拖在圖層面板頂組,雙擊這個(gè)新的網(wǎng)格,并將其命名為“knob”;氐疆嫲迳希F(xiàn)在畫面為第三張圖像所示。選中新的網(wǎng)格,在變換面板上輸入18px的寬(或高),F(xiàn)在于第四張圖像看起來(lái)很像。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

選中“knob”網(wǎng)格并創(chuàng)建副本(Ctrl+C > Ctrl+F)。選中新的副本,在變換面板上輸入16px的寬(或高),然后去對(duì)象>變換>旋轉(zhuǎn),設(shè)置為90度角,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟4

重新選擇“knob”網(wǎng)格,添加三個(gè)陰影效果(效果>風(fēng)格化>陰影),數(shù)值設(shè)置如下圖所示。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟5

使用鋼筆工具(P),創(chuàng)建一個(gè)3px的垂直路徑,如第一張圖像所示。為此路徑添加1pt的描邊,設(shè)置它的顏色為R=255,G=222,B=223;復(fù)制這個(gè)垂直路徑,如第二張圖像所示;選擇兩條路徑,使它們編組(Ctrl+G)。選中這個(gè)新組,選則“效果>扭曲和變換>變換”。數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定;選擇“對(duì)象>擴(kuò)展外觀”,然后選擇“對(duì)象>路徑>輪廓化描邊”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟6

選中黃色形狀的組合,選擇“Shift+Ctrl+G”兩次;選擇17個(gè)黃色的形狀如第二幅圖所示,刪除它們;下一步,選中五個(gè)黃色形狀,如第三幅圖所示,按Ctrl+8(對(duì)象>復(fù)合路徑>建立)使之變?yōu)橐粋(gè)復(fù)合路徑;選中新的復(fù)合路徑,將顏色更換為 =152,G=98,B=55。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟7

選擇最上面的黃色形狀,顏色設(shè)置為R=35,G=30,B=30,然后選擇最后的黃色形狀,顏色設(shè)置為R=180,G=20,B=35。選擇這一步中的所有復(fù)合路徑并編組(Ctrl+G)。選中編組,選擇“效果>風(fēng)格化>投影”數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定;選中新的組和其他形狀,將“knob”網(wǎng)格和新的組進(jìn)行編組(Ctrl+G)。移動(dòng)到圖層面板,將這個(gè)新組其命名這個(gè)新組“knob”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

6. 添加陰影,層次和細(xì)致的紋理

步驟1

回到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在圖層面板上解鎖“vinylshadow”。選中這個(gè)白色的圓圈。

首先,如圖所示,將白色更換為線性漸變。下一步,選中現(xiàn)有的漸變填充,“效果>路徑>偏移路徑”,偏移數(shù)值為15像素,點(diǎn)擊確定;“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

選中“vinylshadow”,在外觀面板上添加第二填充,選擇它,添加下圖所示的線性漸變,然后選擇“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

選中“vinylshadow”,選擇頂部的填充,復(fù)制這個(gè)填充(下圖中藍(lán)色箭頭)。刪除新添加的填充現(xiàn)有的高斯模糊效果,并降低其不透明度為30%。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟4

選中“vinylshadow”形狀,在外觀面板上添加黑色的描邊1px,內(nèi)側(cè)對(duì)齊,改變混合模式為柔光,并降低其不透明度為15%,“效果>路徑>偏移路徑”,偏移數(shù)值為1px,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟5

在圖層面板上解鎖“armshadow”形狀。然后,將“vinylshadow”的性質(zhì)復(fù)制到這個(gè)“armshadow”上。在圖層面板的右邊,你會(huì)注意到每一個(gè)形狀后都有一個(gè)小小的灰色圓圈,它被稱為“目標(biāo)圖標(biāo)”。按住Alt點(diǎn)擊目標(biāo)圖標(biāo),“vinylshadow”形狀的外觀拖到“armshadow”的目標(biāo)圖標(biāo)上。選中“armshadow”,打開底部的第一個(gè)填充中高斯模糊效果,設(shè)置半徑在5px,然后打開路徑偏移效應(yīng)設(shè)置的偏移量為3px。移動(dòng)到下一個(gè)填充,打開現(xiàn)有的高斯模糊效果,設(shè)置半徑3px。最后,打開用于描邊的路徑偏移,設(shè)置偏移量為-1px。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟6

在圖層面板上解鎖“knobshadow”形狀,再次將“armshadow“目標(biāo)圖標(biāo)的外觀屬性,復(fù)制黏貼到“knobshadow”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟7

使用矩形工具(M),創(chuàng)建一個(gè)220px的矩形,設(shè)置其填充顏色為黑色,如第一圖像所示;移動(dòng)到圖層面板,將新的矩形托到“vinyl”,“arm”和“knob”組下方。選中這個(gè)黑色的形狀,降低其不透明度為40%,改變混合模式為疊加,“效果>風(fēng)格化>圓角”輸入的半徑為10px,單擊確定,“效果>藝術(shù)效果>膠片顆粒“,數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

7. 創(chuàng)建木質(zhì)面板

步驟1

在圖層面板中解鎖“main”的形狀。選擇這個(gè)褐色的正方形,在外觀面板中添加第二個(gè)填充并拖動(dòng)它低于現(xiàn)有的填充。選中新填充,添加如下圖所示的線性漸變,然后選擇”效果>路徑>偏移路徑“偏移量為3px,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟2

選中“main”,在外觀面板上添加第三個(gè)填充,選中它,設(shè)置顏色為黑色,降低其不透明度為5%,改變混合模式為疊加,”效果>路徑>偏移路徑“偏移量為-2px,點(diǎn)擊確定;然后選擇”效果>素描>繪圖筆“數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟3

選中“main”,在外觀面板上添加第四個(gè)填充,選中它,設(shè)置顏色為R=196,G=154,B=108,”效果>路徑>偏移路徑“偏移量為- 10px,點(diǎn)擊確定;“效果>風(fēng)格化>內(nèi)發(fā)光效果”數(shù)值設(shè)置如下圖,單擊“確定”;“效果>風(fēng)格化>投影“數(shù)值設(shè)置如下圖,單擊“確定”;“效果>風(fēng)格化>外發(fā)光效果”數(shù)值設(shè)置如下圖,單擊“確定”;

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟4

選中“main”,在外觀面板上添加2pt的描邊,設(shè)置顏色為R=232,G=210,B=185,描邊內(nèi)側(cè)對(duì)齊。在外觀面板,添加第二個(gè)描邊,描邊粗細(xì)為1pt,顏色設(shè)置為R=169,G=124,B=80,描邊內(nèi)側(cè)對(duì)齊。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟5

選中“main”,在外觀面板上添加第三個(gè)描邊,選擇它,設(shè)置顏色為黑色,粗細(xì)為1pt,使描邊內(nèi)側(cè)對(duì)齊,改變混合模式為疊加,降低它的不透明度為15%,”效果>路徑>偏移路徑“偏移量為- 10px,點(diǎn)擊確定;第三個(gè)描邊,選擇它,設(shè)置顏色為黑色,粗細(xì)為3pt,使描邊內(nèi)側(cè)對(duì)齊,改變混合模式為疊加,降低其不透明度為5%,”效果>路徑>偏移路徑“偏移量為- 10px。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟6

選中“main”形狀,選擇整個(gè)路徑,”效果>風(fēng)格化>圓角“ 半徑設(shè)置為20px,單擊“確定”。

AI設(shè)計(jì)黑膠唱機(jī)Icon

步驟7

選中“main”形狀,選擇整個(gè)路徑,添加五個(gè)陰影效果(效果>風(fēng)格化>投影)如下圖所示。

AI設(shè)計(jì)黑膠唱機(jī)Icon

7. 添加一個(gè)簡(jiǎn)單的背景

步驟1

使用矩形工具(M),創(chuàng)建一個(gè)610px的矩形,設(shè)置填充顏色為R=65,G=60,B=60,在對(duì)齊面板上選擇水平居中對(duì)齊,垂直居中對(duì)齊按鈕。選中這個(gè)新的形狀,下移圖層(Ctrl+Shift+ [),在外觀面板上添加第二個(gè)填充,設(shè)置顏色為黑色,降低其不透明度為10%,改變混合模式為疊加,”效果>藝術(shù)效果>膠片顆粒“數(shù)值設(shè)置如下圖所示,然后單擊“確定”就行了。

AI設(shè)計(jì)黑膠唱機(jī)Icon

Congratulations! You're Done!

這就是做完最后的樣子,我希望你喜歡這個(gè)教程,可以將這些技巧應(yīng)用在你未來(lái)的項(xiàng)目中去。

AI設(shè)計(jì)黑膠唱機(jī)Icon

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
南方V2016-06-29 02:04
顏色有一塊不對(duì),求指教
陳大了個(gè)大2016-02-02 05:32
卡在第4部,有人做出來(lái)嗎?求指導(dǎo)
逆風(fēng)前行2015-12-28 03:38
我正好也做在這個(gè)地方了,你的問題我也碰到了,你用小白在畫板外面單擊一下 再回到黃色區(qū)域單擊一下,接著按快捷u,添加網(wǎng)格,然后再用小白調(diào)整 ,循環(huán)往復(fù),你就可以做的和樓主一樣樣的了
馥曉玟2015-11-24 04:22
我也遇到一樣的問題,大神請(qǐng)解答。跪謝
我DE天吶2015-10-24 07:28
能不能幫幫我,我做到第4步不會(huì)做了。漸變網(wǎng)格的線是彎的,而且有的點(diǎn),點(diǎn)不上,會(huì)提示無(wú)法從單一線段創(chuàng)建漸變網(wǎng)格。<可憐>
我DE天吶2015-10-24 07:26
表示做到第4步就不會(huì)了,有沒有大神幫我看看我得漸變網(wǎng)格點(diǎn)出來(lái)為啥是曲線,而且點(diǎn)到有的點(diǎn)的時(shí)候會(huì)提示無(wú)法從單一線段創(chuàng)建漸變網(wǎng)格。點(diǎn)全部點(diǎn)好之后。填充顏色有時(shí)候也會(huì)只能填充一條線的一邊。而不是兩邊
dengping092014-11-07 12:09
好詳細(xì)!學(xué)習(xí)了!
大冠2014-04-12 10:13
拜一下!
一絲不掛2014-04-02 04:52
第一次來(lái),希望能學(xué)到好東西啊哈哈
查查2014-01-19 04:28
<給力>
TeresaTT2014-01-19 04:28
7. 添加一個(gè)簡(jiǎn)單的背景步驟1使用矩形工具(M),創(chuàng)建一個(gè)610px的矩形,設(shè)置填充顏色為R=65,G=60,B=60,在對(duì)齊面板上選擇水平居中對(duì)齊,垂直居中對(duì)齊按鈕。選中這個(gè)新的形狀,下移圖層(Ctrl+Shift+ <),在外觀面板上添加第二個(gè)填充,設(shè)置顏色為黑色,降低其不透明度為10%,改變混合模式為疊加,”效果>藝術(shù)效果>膠片顆粒“數(shù)值設(shè)置如下圖所示,然后單擊“確定”就行了。Congratulations! You're Done!這就是做完最后的樣子,我希望你喜歡這個(gè)教程,可以將這些技巧應(yīng)用在你未來(lái)的項(xiàng)目中去。

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

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