AI設(shè)計(jì)唱機(jī)圖標(biāo)(3)
步驟10
切換到到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。重新矩形,唱針路徑和“armbasefront”網(wǎng)格選擇并編組(Ctrl+G)。選中這個新組合添加三個陰影效果(效果>風(fēng)格化>陰影)數(shù)值設(shè)置如下圖所示。
步驟11
選擇唱針以及其他唱針的組成部分,使之編組(Ctrl+G)。移動到圖層面板,雙擊這個新組并將其命名為“arm”。
5. 創(chuàng)建按鈕
步驟1
使用橢圓工具(L),創(chuàng)建一個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)。選擇此副本,將它拖在圖層面板頂組,雙擊這個新的網(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)格,添加三個陰影效果(效果>風(fēng)格化>陰影),數(shù)值設(shè)置如下圖所示。
步驟5
使用鋼筆工具(P),創(chuàng)建一個3px的垂直路徑,如第一張圖像所示。為此路徑添加1pt的描邊,設(shè)置它的顏色為R=255,G=222,B=223;復(fù)制這個垂直路徑,如第二張圖像所示;選擇兩條路徑,使它們編組(Ctrl+G)。選中這個新組,選則“效果>扭曲和變換>變換”。數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定;選擇“對象>擴(kuò)展外觀”,然后選擇“對象>路徑>輪廓化描邊”。
步驟6
選中黃色形狀的組合,選擇“Shift+Ctrl+G”兩次;選擇17個黃色的形狀如第二幅圖所示,刪除它們;下一步,選中五個黃色形狀,如第三幅圖所示,按Ctrl+8(對象>復(fù)合路徑>建立)使之變?yōu)橐粋復(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)。移動到圖層面板,將這個新組其命名這個新組“knob”。
6. 添加陰影,層次和細(xì)致的紋理
步驟1
回到“網(wǎng)格線間隔為5px”(編輯>首選項(xiàng)>參考線和網(wǎng)格)。在圖層面板上解鎖“vinylshadow”。選中這個白色的圓圈。
首先,如圖所示,將白色更換為線性漸變。下一步,選中現(xiàn)有的漸變填充,“效果>路徑>偏移路徑”,偏移數(shù)值為15像素,點(diǎn)擊確定;“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。
步驟2
選中“vinylshadow”,在外觀面板上添加第二填充,選擇它,添加下圖所示的線性漸變,然后選擇“效果>模糊>高斯模糊”,模糊半徑為15,點(diǎn)擊確定。
步驟3
選中“vinylshadow”,選擇頂部的填充,復(fù)制這個填充(下圖中藍(lán)色箭頭)。刪除新添加的填充現(xiàn)有的高斯模糊效果,并降低其不透明度為30%。
步驟4
選中“vinylshadow”形狀,在外觀面板上添加黑色的描邊1px,內(nèi)側(cè)對齊,改變混合模式為柔光,并降低其不透明度為15%,“效果>路徑>偏移路徑”,偏移數(shù)值為1px,點(diǎn)擊確定。
步驟5
在圖層面板上解鎖“armshadow”形狀。然后,將“vinylshadow”的性質(zhì)復(fù)制到這個“armshadow”上。在圖層面板的右邊,你會注意到每一個形狀后都有一個小小的灰色圓圈,它被稱為“目標(biāo)圖標(biāo)”。按住Alt點(diǎn)擊目標(biāo)圖標(biāo),“vinylshadow”形狀的外觀拖到“armshadow”的目標(biāo)圖標(biāo)上。選中“armshadow”,打開底部的第一個填充中高斯模糊效果,設(shè)置半徑在5px,然后打開路徑偏移效應(yīng)設(shè)置的偏移量為3px。移動到下一個填充,打開現(xiàn)有的高斯模糊效果,設(shè)置半徑3px。最后,打開用于描邊的路徑偏移,設(shè)置偏移量為-1px。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 翻譯教程
- 設(shè)計(jì)
- ICON
- AI
- mango_o 翻譯
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
推薦教程
- ICON教程,臨摹國外大師的一個錄音機(jī)圖標(biāo)實(shí)例
- ps設(shè)計(jì)金屬控件圖標(biāo)
- UI教程,ps設(shè)計(jì)音樂主題UI圖標(biāo)實(shí)例
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 利用PS CS6的新功能保持icon細(xì)節(jié)飽滿完
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- APP展示圖,教你把Gif動效圖嵌入到手機(jī)模版
- 地圖圖標(biāo),設(shè)計(jì)簡潔的地圖主題UI圖標(biāo)教程
- PS cc制作尺子UI圖標(biāo)
- UI教程,三維立體圓形旋渦圖形圖標(biāo)