hotoshop繪制立體質(zhì)感的網(wǎng)頁(yè)開(kāi)關(guān)按鈕

《hotoshop繪制立體質(zhì)感的網(wǎng)頁(yè)開(kāi)關(guān)按鈕》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、如果你是設(shè)計(jì)師，那么創(chuàng)建界面元素是非常重要的技能。本次教程中，我們會(huì)創(chuàng)建一個(gè)簡(jiǎn)單漂亮的切換開(kāi)關(guān)按鈕。切換開(kāi)關(guān)經(jīng)按鈕常用于某項(xiàng)功能的啟用與關(guān)閉，他們經(jīng)常出現(xiàn)在UI設(shè)計(jì)與網(wǎng)頁(yè)應(yīng)用設(shè)計(jì)中?！　『昧?，來(lái)開(kāi)始我們的教程吧~　　第1步：　　打開(kāi)Photoshop，Ctrl+N新建一個(gè)文檔，尺寸選擇600×500px?！　〉?步：　　按住Alt鍵雙擊背景圖層，將其轉(zhuǎn)換為普通圖層。再次雙擊，打開(kāi)圖層樣式面板，為其添加由#f6fcff到#bbddff的徑向漸變?！　〉?步：　　利用圓角矩形工具在畫布中央創(chuàng)建一個(gè)半徑為50px的圓角矩形。顏色設(shè)置為#aec24e?！　〉?步：　　雙擊圓角矩形圖層，為其添加圖層

2、樣式?！　〉?步：　　使用橢圓工具，按住Shift鍵在圓角矩形右側(cè)創(chuàng)建出一個(gè)正圓?！∪缓鬄槠涮砑訄D層樣式?！　〉?步：　　在北京佳尚財(cái)稅http://101.1.28.35/圓形按鈕下方新建一個(gè)圖層，用黑色柔邊畫筆繪制出陰影?！　〉?步：　　在圓形按鈕上方再創(chuàng)建一個(gè)圓形?！　槠涮砑訄D層樣式?！　〉?步：　　利用文字工具在成都安維財(cái)稅http://101.1.28.49/滑動(dòng)凹槽鍵輸入ON。字體選用MyriadPro，圖層混合模式設(shè)置為亮光?！　槲淖痔砑油队?。　　OK，一個(gè)非常簡(jiǎn)單的切換開(kāi)關(guān)按鈕就制作完成了。試著改變按鈕的顏色來(lái)創(chuàng)建更多的按鈕吧~