设计之家 > 教程 > 平面教程 > photoshop教程 >

在Photoshop中創建切換開關按鈕

作者:佚名 來源:PS夢工場 時間:2013-07-02


如果你是設計師,那么創建界面元素是非常重要的技能。本次教程中,我們會創建一個簡單漂亮的切換開關按鈕。切換開關經按鈕常用于某項功能的啟用與關閉,他們經常出現在UI設計與網頁應用設計中。

好了,來開始我們的教程吧~

第1步:

打開Photoshop,Ctrl+N新建一個文檔,尺寸選擇600×500px。

在Photoshop中創建切換開關按鈕

第2步:

按住Alt鍵雙擊背景圖層,將其轉換為普通圖層。再次雙擊,打開圖層樣式面板,為其添加由#f6fcff到#bbddff的徑向漸變。

在Photoshop中創建切換開關按鈕

第3步:

利用圓角矩形工具在畫布中央創建一個半徑為50px的圓角矩形。顏色設置為 #aec24e。

在Photoshop中創建切換開關按鈕

第4步:

雙擊圓角矩形圖層,為其添加圖層樣式。

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

第5步:

使用橢圓工具,按住Shift鍵在圓角矩形右側創建出一個正圓。

在Photoshop中創建切換開關按鈕

然后為其添加圖層樣式。

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

在Photoshop中創建切換開關按鈕

标签:開關按鈕

相關文章:

推薦設計

最新文章