AI設(shè)計(jì)唱機(jī)圖標(biāo)(4)
步驟6
在圖層面板上解鎖“knobshadow”形狀,再次將“armshadow“目標(biāo)圖標(biāo)的外觀屬性,復(fù)制黏貼到“knobshadow”。
步驟7
使用矩形工具(M),創(chuàng)建一個(gè)220px的矩形,設(shè)置其填充顏色為黑色,如第一圖像所示;移動(dòng)到圖層面板,將新的矩形托到“vinyl”,“arm”和“knob”組下方。選中這個(gè)黑色的形狀,降低其不透明度為40%,改變混合模式為疊加,“效果>風(fēng)格化>圓角”輸入的半徑為10px,單擊確定,“效果>藝術(shù)效果>膠片顆粒“,數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定。
7. 創(chuàng)建木質(zhì)面板
步驟1
在圖層面板中解鎖“main”的形狀。選擇這個(gè)褐色的正方形,在外觀面板中添加第二個(gè)填充并拖動(dòng)它低于現(xiàn)有的填充。選中新填充,添加如下圖所示的線性漸變,然后選擇”效果>路徑>偏移路徑“偏移量為3px,點(diǎn)擊確定。
步驟2
選中“main”,在外觀面板上添加第三個(gè)填充,選中它,設(shè)置顏色為黑色,降低其不透明度為5%,改變混合模式為疊加,”效果>路徑>偏移路徑“偏移量為-2px,點(diǎn)擊確定;然后選擇”效果>素描>繪圖筆“數(shù)值設(shè)置如下圖所示,點(diǎn)擊確定。
步驟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è)置如下圖,單擊“確定”;
步驟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ì)齊。
步驟5
選中“main”,在外觀面板上添加第三個(gè)描邊,選擇它,設(shè)置顏色為黑色,粗細(xì)為1pt,使描邊內(nèi)側(cè)對(duì)齊,改變混合模式為疊加,降低它的不透明度為15%,”效果>路徑>偏移路徑“偏移量為- 10px,點(diǎn)擊確定;第三個(gè)描邊,選擇它,設(shè)置顏色為黑色,粗細(xì)為3pt,使描邊內(nèi)側(cè)對(duì)齊,改變混合模式為疊加,降低其不透明度為5%,”效果>路徑>偏移路徑“偏移量為- 10px。
步驟6
選中“main”形狀,選擇整個(gè)路徑,”效果>風(fēng)格化>圓角“ 半徑設(shè)置為20px,單擊“確定”。
步驟7
選中“main”形狀,選擇整個(gè)路徑,添加五個(gè)陰影效果(效果>風(fēng)格化>投影)如下圖所示。
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)教程
- 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制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(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繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
推薦教程
- ICON教程,臨摹國(guó)外大師的一個(gè)錄音機(jī)圖標(biāo)實(shí)例
- ps設(shè)計(jì)金屬控件圖標(biāo)
- UI教程,ps設(shè)計(jì)音樂(lè)主題UI圖標(biāo)實(shí)例
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 利用PS CS6的新功能保持icon細(xì)節(jié)飽滿完
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- APP展示圖,教你把Gif動(dòng)效圖嵌入到手機(jī)模版
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- PS cc制作尺子UI圖標(biāo)
- UI教程,三維立體圓形旋渦圖形圖標(biāo)