網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法

欄目: 設計教程 / 發佈於: / 人氣:7.26K

製作之前我們先找一些實物照片來分析一下開關的質感,色彩表現等。然後分解開關,瞭解它的結構。再設定材質爲塑料,設定好光源位置就可以繪製了。
最終效果

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法

<點小圖查看大圖>
1、先建立一個1136 * 640的畫布。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第2張

2、在這個畫布上,用橢圓工具勾繪出一個圓形,作爲按鈕側面,命名圖層爲“按鈕-下”。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第3張

3、建立一個新圖層,畫一個同樣大小的同心圓,再選中底邊錨點,向上拖到錨點位置如圖,作爲按鈕正面,命名圖層爲“按鈕-上”。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第4張
4、編輯“按鈕-上”,繪製開關按鈕正面的形狀和質感,圖層樣式如下圖。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第5張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第6張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第7張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第8張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第9張
5、接着我們編輯“按鈕-上”,繪製開關按鈕側下方的形狀和質感,圖層樣式如下。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第10張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第11張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第12張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第13張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第14張
6、接着我們畫用來按鈕按鈕的凹槽位。同樣的方法我們畫一個稍大一些的同心圓,圖層名“凹槽”,然後添加下圖所示的樣式。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第15張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第16張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第17張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第18張

photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第19張

7、至此,我們已經完成了70%了,需要再加上陰影。陰影層,我使用了一個稍微“瘦”一些的橢圓形狀,這樣形成的陰影看起來更加真實。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第20張

8、最後我們再打上OFF,ON的字樣,再增加一點泛紅光的效果,完成最終效果。
photoshop實例教程 簡潔大氣的圓形開關圖標製作方法 第21張