AI設計唱機圖標(4)

來源:站酷 作者:mango_o 翻譯 學習:23795人次

步驟6

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

AI設計黑膠唱機Icon

步驟7

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

AI設計黑膠唱機Icon

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

步驟1

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

AI設計黑膠唱機Icon

步驟2

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

AI設計黑膠唱機Icon

步驟3

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

AI設計黑膠唱機Icon

步驟4

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

AI設計黑膠唱機Icon

步驟5

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

AI設計黑膠唱機Icon

步驟6

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

AI設計黑膠唱機Icon

步驟7

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

AI設計黑膠唱機Icon

7. 添加一個簡單的背景

步驟1

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

AI設計黑膠唱機Icon

Congratulations! You're Done!

這就是做完最后的樣子,我希望你喜歡這個教程,可以將這些技巧應用在你未來的項目中去。

AI設計黑膠唱機Icon

學習 · 提示

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

關注大神微博加入>>

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