萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps圖片處理 >> PS教程 Photoshop制作圓形簡潔開關圖標

PS教程 Photoshop制作圓形簡潔開關圖標

   想要自己用photoshop設計出一個圓形簡介開關,那麼就一起來看看下面這個教程吧,制作之前我們先找一些實物照片來分析一下開關的質感,色彩表現等。然後分解開關,了解它的結構。再設定材質為塑料,設定好光源位置就可以繪制了。

  效果圖:

PS教程 Photoshop制作圓形簡潔開關圖標(上)

  PS教程 Photoshop制作圓形簡潔開關圖標(上)

  1、先建立一個1136 * 640的畫布。

PS教程 Photoshop制作圓形簡潔開關圖標(上)

  2、在這個畫布上,用橢圓工具勾繪出一個圓形,作為按鈕側面,命名圖層為“按鈕-下”。

PS教程 Photoshop制作圓形簡潔開關圖標(上)

  3、建立一個新圖層,畫一個同樣大小的同心圓,再選中底邊錨點,向上拖到錨點位置如圖,作為按鈕正面,命名圖層為“按鈕-上”。

PS教程 Photoshop制作圓形簡潔開關圖標(上)

  4、編輯“按鈕-上”,繪制開關按鈕正面的形狀和質感,圖層樣式如下圖。

PS教程 Photoshop制作圓形簡潔開關圖標(上)
PS教程 Photoshop制作圓形簡潔開關圖標(上)
PS教程 Photoshop制作圓形簡潔開關圖標(上)
PS教程 Photoshop制作圓形簡潔開關圖標(上)
PS教程 Photoshop制作圓形簡潔開關圖標(上)

  5、接著我們編輯“按鈕-上”,繪制開關按鈕側下方的形狀和質感,圖層樣式如下。

PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)

  6、接著我們畫用來按鈕按鈕的凹槽位。同樣的方法我們畫一個稍大一些的同心圓,圖層名“凹槽”,然後添加下圖所示的樣式。

PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)
PS教程 Photoshop制作圓形簡潔開關圖標(下)

  7、至此,我們已經完成了70%了,需要再加上陰影。陰影層,我使用了一個稍微“瘦”一些的橢圓形狀,這樣形成的陰影看起來更加真實。

PS教程 Photoshop制作圓形簡潔開關圖標(下)

  8、最後我們再打上OFF,ON的字樣,再增加一點泛紅光的效果,完成最終效果。

PS教程 Photoshop制作圓形簡潔開關圖標(下)

  怎麼樣,學會了嗎?

copyright © 萬盛學電腦網 all rights reserved