ps網(wǎng)頁開關按鈕
如果你是設計師,那么創(chuàng)建界面元素是非常重要的技能。本次教程中,我們會創(chuàng)建一個簡單漂亮的切換開關按鈕。切換開關經(jīng)按鈕常用于某項功能的啟用與關閉,他們經(jīng)常出現(xiàn)在UI設計與網(wǎng)頁應用設計中,好了,來開始我們的教程吧。
先看看效果圖
下面是教程
第1步:
打開Photoshop,Ctrl+N新建一個文檔,尺寸選擇600×500px。
第2步:
按住Alt鍵雙擊背景圖層,將其轉(zhuǎn)換為普通圖層。再次雙擊,打開圖層樣式面板,為其添加由#f6fcff到#bbddff的徑向漸變。
第3步:
利用圓角矩形工具在畫布中央創(chuàng)建一個半徑為50px的圓角矩形。顏色設置為 #aec24e。
第4步:
雙擊圓角矩形圖層,為其添加圖層樣式。
上一篇:ps設計水果UI圖標
下一篇:扁平化UI圖標設計教程