ps怎么畫一個(gè)木質(zhì)風(fēng)格的收音機(jī)app圖標(biāo)?
我要評論現(xiàn)在在很多公司都會開發(fā)手機(jī)端程序，這就需要設(shè)計(jì)app圖標(biāo)，該怎么設(shè)計(jì)一款木質(zhì)的收音機(jī)圖標(biāo)呢？下面我們就來看看詳細(xì)的教程。
素材下載：木質(zhì)收音機(jī)視頻和源文件下載（提取密碼：usb7）
老規(guī)矩先來分析一下，教程里面的木紋圖標(biāo)我們分析完了以后我們離成功就近了一步，下面就讓我們一起來學(xué)習(xí)吧。
步驟一：首先新建畫布500px*500px畫布，命名為收音機(jī)，填充背景顏色#c8beae。具體參數(shù)如下。
步驟二：使用圓角矩形工具繪制一個(gè)320px*320px圓角半徑為60px的圓角矩形，顏色設(shè)置#d29b4d并命名為底座，添加圖層樣式。
步驟三：現(xiàn)在打開素材，為素材添加圖層樣式并按住ctrl+alt+g鍵創(chuàng)建剪貼蒙版到底座圖層。
步驟四：現(xiàn)在來繪制底座高光，繪制倆個(gè)圓角矩形，使用小黑工具單擊選中內(nèi)步形狀，并減去頂層形狀。
步驟五：將混合模式改為濾色，不透明度設(shè)置為40%，添加圖層蒙版，擦除不需要的位置。
步驟六：繼續(xù)使用圓角矩形工具繪制一個(gè)283px*278px圓角半徑為60px的圓角矩形，顏色設(shè)置# f8bf86并命名為底座亮色。
步驟七：我們復(fù)制一下底座亮色圖層，將顏色設(shè)置為#96622f，重新命名為底座暗色，并移動到合適的位置。
步驟八：繼續(xù)打開素材，操作同上：為素材添加圖層樣式轉(zhuǎn)換為智能對象并創(chuàng)建剪貼蒙版到底座暗色。將圖層打組命名為底座。
步驟九：現(xiàn)在我們來繪制顯示屏的位置，用圓角矩形工具繪制一個(gè)238px*119px圓角半徑為90px的圓角矩形，顏色設(shè)置# a4a29e并命名為顯示屏底座，添加圖層樣式。
步驟十：我們來為顯示屏添加高光位置，用圓角矩形工具繪制一個(gè)178px*50px圓角半徑為90px的圓角矩形，顏色設(shè)置# ffffff,高斯模糊12px，命名為顯示屏高光。
步驟十一：繼續(xù)添加高光位置，操作方式同上，繪制圓角矩形，顏色白色，添加圖層蒙版擦除不需要的位置，適當(dāng)調(diào)節(jié)不透明度。
步驟十二：現(xiàn)在來繪制邊框使用圓角矩形工具繪制一個(gè)238px*119px圓角半徑為90px的圓角矩形，顏色設(shè)置# 16120f并命名為邊框。
步驟十三：現(xiàn)在我們將邊框填充數(shù)字設(shè)置為0，添加圖層樣式，并移動圖層順序到顯示屏底部。
步驟十四：高逼格的顯示屏一下就出來了，有木有!!!現(xiàn)在我們來為中心添加數(shù)字。
步驟十五：現(xiàn)在我們用直線工具繪制直線，線條顏色設(shè)置為#d80202并添加圖層樣式
步驟十六：現(xiàn)在我們來繪制線條的位置吧，選擇圓角矩形工具，繪制高度2px的線條，然后復(fù)制，打組后命名為橫條。
步驟十七：之后我們?yōu)?strong>橫條添加圖層樣式，并添加蒙版，遮擋不需要的位置。
步驟十八：接下來我們繪制旋鈕吧，只要完成了一個(gè)，另一個(gè)就可以復(fù)制啦，是不是很開心，首先選擇橢圓工具，繪制一個(gè)65px*65px的正圓，顏色為#211f1d。
步驟十九：繼續(xù)繪制50px*50px的正圓，并添加圖層樣式。
步驟二十：現(xiàn)在我們將旋鈕復(fù)制一下吧，并ctrl+T適當(dāng)縮小一些。
步驟二十一：現(xiàn)在我們來繪制最后的部分吧，繪制一個(gè)5px*5px的正圓，顏色#4adb43，并添加一下圖層樣式吧，然后將投影制作一下就完成了哦。
這個(gè)教程繪制的是收音機(jī)，主要分為以下幾個(gè)部分：底座、旋鈕、顯示屏、橫線，大都問題都不大，主要是底座和顯示屏比較麻煩一點(diǎn)，需要用到多個(gè)圖層來制作高光效果，喜歡的朋友可以練習(xí)一下。
相關(guān)推薦：
PS怎么制作翻轉(zhuǎn)顏色的logo圖標(biāo)?
ps怎么設(shè)計(jì)一個(gè)加載的動態(tài)小圖標(biāo)?
相關(guān)文章
ps怎么畫漂亮的紅色主題的指南針圖標(biāo)？想要畫一個(gè)漂亮的指南針，該怎么畫呢？下面我們就來看看ps畫一個(gè)紅色指南針的教程，需要的朋友可以參考下2017-07-26
ps怎么繪制一個(gè)素雅有質(zhì)感的白色相機(jī)圖標(biāo)?
ps怎么繪制一個(gè)素雅有質(zhì)感的白色相機(jī)圖標(biāo)？想要繪制一個(gè)白色帶綠的相機(jī)圖標(biāo)，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-07-24
PS怎么設(shè)計(jì)一個(gè)皮革質(zhì)感的圖標(biāo)?
PS怎么設(shè)計(jì)一個(gè)皮革質(zhì)感的圖標(biāo)？ps中想要設(shè)計(jì)一個(gè)圖標(biāo)，但是要求圖標(biāo)的材質(zhì)是皮革材質(zhì)，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-21
ps怎么設(shè)計(jì)一個(gè)簡易的耳機(jī)圖標(biāo)?
ps怎么設(shè)計(jì)一個(gè)簡易的耳機(jī)圖標(biāo)？ps中想要繪制一個(gè)耳機(jī)的圖標(biāo)，該怎么簡單的繪制這個(gè)標(biāo)志呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-07-12
PS怎么將圖片logo轉(zhuǎn)化為矢量圖標(biāo)?
PS怎么將圖片logo轉(zhuǎn)化為矢量圖標(biāo)？圖標(biāo)如果是矢量圖的畫可以隨意調(diào)整大小而不會失真，但是如果不會矢量圖放大縮小會出現(xiàn)鋸齒以及失真，該怎么將logo轉(zhuǎn)換為矢量圖呢？下面我2017-07-12
PS怎么繪制一個(gè)尖嘴魚的矢量圖標(biāo)？ps中想要繪制一個(gè)尖嘴魚的圖標(biāo)，該怎么繪制呢？下面我們就來看看使用ps繪制尖嘴魚圖標(biāo)的技巧，需要的朋友可以參考下2017-07-07
ps設(shè)計(jì)立體風(fēng)格的Bbox寄存器圖標(biāo)的教程
想要設(shè)計(jì)一個(gè)Bbox寄存器圖標(biāo)，該怎么設(shè)計(jì)呢？可以使用的軟件有很多，今天我們就來看看使用ps設(shè)計(jì)立體Bbox寄存器圖標(biāo)的教程，需要的朋友可以參考下2017-07-07
這篇教程教腳本之家的photoshop教程學(xué)習(xí)者們?nèi)绾问褂胮s制作擬物膠囊藥丸icon圖標(biāo)的方法，教程講解的很詳細(xì)，打造的擬物icon效果非常逼真，適合新手入門學(xué)習(xí)2017-07-05
PS怎么設(shè)計(jì)一個(gè)百度小綠本圖標(biāo)?
PS怎么設(shè)計(jì)一個(gè)小綠本圖標(biāo)？經(jīng)常玩百度的朋友都知道百度有小綠本和小藍(lán)本，該怎么繪制一個(gè)小綠本圖標(biāo)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-03
ps怎么設(shè)計(jì)一個(gè)加載的動態(tài)小圖標(biāo)?
ps怎么設(shè)計(jì)一個(gè)加載的動態(tài)小圖標(biāo)？一般的加載圖標(biāo)都是動態(tài)的，該怎么設(shè)計(jì)一個(gè)加載圖標(biāo)呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-06-19
