AI設(shè)計(jì)唱機(jī)圖標(biāo)
步驟10
切換到到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。重新矩形,唱針路徑和“armbasefront”網(wǎng)格選擇并編組(Ctrl+G)。選中這個(gè)新組合添加三個(gè)陰影效果(效果>風(fēng)格化>陰影)數(shù)值設(shè)置如下圖所示。
步驟11
選擇唱針以及其他唱針的組成部分,使之編組(Ctrl+G)。移動到圖層面板,雙擊這個(gè)新組并將其命名為“arm”。
5. 創(chuàng)建按鈕
步驟1
使用橢圓工具(L),創(chuàng)建一個(gè)20px的圓,設(shè)置填充顏色為R=15,G=10,B=10,其他設(shè)置如下圖所示。
步驟2
切換到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在圖層面板中,打開你的“arm”的編組,選擇“armbase”網(wǎng)格并創(chuàng)建副本(Ctrl+C > Ctrl+F)。選擇此副本,將它拖在圖層面板頂組,雙擊這個(gè)新的網(wǎng)格,并將其命名為“knob”。回到畫板上,現(xiàn)在畫面為第三張圖像所示。選中新的網(wǎng)格,在變換面板上輸入18px的寬(或高)?,F(xiàn)在于第四張圖像看起來很像。
步驟3
選中“knob”網(wǎng)格并創(chuàng)建副本(Ctrl+C > Ctrl+F)。選中新的副本,在變換面板上輸入16px的寬(或高),然后去對象>變換>旋轉(zhuǎn),設(shè)置為90度角,點(diǎn)擊確定。
步驟4
重新選擇“knob”網(wǎng)格,添加三個(gè)陰影效果(效果>風(fēng)格化>陰影),數(shù)值設(shè)置如下圖所示。
步驟5
使用鋼筆工具(P),創(chuàng)建一個(gè)3px的垂直路徑,如第一張圖像所示。為此路徑添加1pt的描邊,設(shè)置它的顏色為R=255,G=222,B=223;復(fù)制這個(gè)垂直路徑,如第二張圖像所示;選擇兩條路徑,使它們編組(Ctrl+G)。選中這個(gè)新組,選則“效果>扭曲和變換>變換”。數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定;選擇“對象>擴(kuò)展外觀”,然后選擇“對象>路徑>輪廓化描邊”。
步驟6
選中黃色形狀的組合,選擇“Shift+Ctrl+G”兩次;選擇17個(gè)黃色的形狀如第二幅圖所示,刪除它們;下一步,選中五個(gè)黃色形狀,如第三幅圖所示,按Ctrl+8(對象>復(fù)合路徑>建立)使之變?yōu)橐粋€(gè)復(fù)合路徑;選中新的復(fù)合路徑,將顏色更換為 =152,G=98,B=55。
步驟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)。移動到圖層面板,將這個(gè)新組其命名這個(gè)新組“knob”。
6. 添加陰影,層次和細(xì)致的紋理
步驟1
回到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在圖層面板上解鎖“vinylshadow”。選中這個(gè)白色的圓圈。
首先,如圖所示,將白色更換為線性漸變。下一步,選中現(xiàn)有的漸變填充,“效果>路徑>偏移路徑”,偏移數(shù)值為15像素,點(diǎn)擊確定;“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。
步驟2
選中“vinylshadow”,在外觀面板上添加第二填充,選擇它,添加下圖所示的線性漸變,然后選擇“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。
步驟3
選中“vinylshadow”,選擇頂部的填充,復(fù)制這個(gè)填充(下圖中藍(lán)色箭頭)。刪除新添加的填充現(xiàn)有的高斯模糊效果,并降低其不透明度為30%。
步驟4
選中“vinylshadow”形狀,在外觀面板上添加黑色的描邊1px,內(nèi)側(cè)對齊,改變混合模式為柔光,并降低其不透明度為15%,“效果>路徑>偏移路徑”,偏移數(shù)值為1px,點(diǎn)擊確定。
步驟5
在圖層面板上解鎖“armshadow”形狀。然后,將“vinylshadow”的性質(zhì)復(fù)制到這個(gè)“armshadow”上。在圖層面板的右邊,你會注意到每一個(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。移動到下一個(gè)填充,打開現(xiàn)有的高斯模糊效果,設(shè)置半徑3px。最后,打開用于描邊的路徑偏移,設(shè)置偏移量為-1px。
標(biāo)簽(TAG) UI設(shè)計(jì)教程 翻譯教程 設(shè)計(jì) ICON AI mango_o 翻譯