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