用Photoshop製作水晶導覽按鈕

來源:互聯網
上載者:User
大致的過程:先畫好想要的按鈕形狀,可以使任意圖形。然後設定一些圖層樣式,後面加上高光和文字即可。

本教程的按鈕製作比較簡單。大致的過程:先畫好想要的按鈕形狀,可以使任意圖形。然後設定一些圖層樣式,後面加上高光和文字即可。

最終效果

1、把底圖層填充成灰色,再建立一個新圖層,在新圖層上用矩形選框工具畫出一個長方形(大小自己看著來) 用蘭色填充(蘭色值為#22aff7)。在這裡順便把選區儲存起來 因為後面要用到。 最後給一個5px的下拉陰影,如下圖:

2、建立一圖層,起名”深色”,用深蘭色填充(顏色值為#0141af) 如下圖:

3、用橡皮擦工具(模式:畫筆 直徑:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”層點幾下,如下圖:

4、制一個”深色”層,應用這個層的混合選項裡的內陰影,具體數值如下圖:

5、用橢圓選框工具畫出如下圖這個樣子:

建立一個層起名為”白色” 選區反選(Ctrl+Shift+i)後填充白色,如下圖:

栽入咱們最早儲存的那個選區,執行反選(Ctrl+Shift+i) 然後Delete多餘白色,結果如下圖:

6、對這個”白色”層應用高斯模糊 (濾鏡—模糊—高斯模糊) 模糊值為:3px 如下圖:

7、調整”白色”層的透明度,如下圖:

關鍵步奏都講完了,剩下的就是根據自己的需要加上字啊,陰影什麼的,大家就自己看著來吧:



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。