亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

photoshop

Photoshop繪制質感的立體按鈕的處理教程

時間:2024-10-21 19:29:02 photoshop 我要投稿
  • 相關推薦

Photoshop繪制質感的立體按鈕的處理教程

  前言:做網頁效果圖時經常遇到要做按鈕,為了讓效果更逼真,讓老板更直觀看到結果,肯定不會放過按鈕這個細節(jié)。當然,如果要自定義更讓人有點擊欲望的按鈕,那就直接用背景圖吧。這里僅討論不加修飾,系統(tǒng)默認狀態(tài)下的按鈕效果。

  正文:

  以我的習慣,拿到一個東西會先把玩,然后拆解,最后重組,這樣,才會讓自己覺得摸透了這個東西。

  對于按鈕也一樣。

  第一步,認識按鈕。按鈕有三種狀態(tài),正常(normal),鼠標懸。╤over),按下(active)。

  第二步,拆解分析。先對懸浮時的狀態(tài)分析吧。

  主要元素有:藍色邊框,淺色內發(fā)光,內部漸變,左右兩側的光澤。從大的開始:

 、賰炔繚u變,主要是兩種顏色,解決方案有兩種,一種是變化不大的漸變,加上柔光模式的內陰影,但其缺點是,內陰影的覆蓋度是固定的,按鈕高度變化時不會跟著變化。另一種方案是兩種主色的漸變,中間交界可以保持在高度50%的位置,也就是中間位置。

 、谒{色邊框,這個簡單,一個內描邊解決掉。

 、蹨\色內發(fā)光,直接使用內發(fā)光,降低擴散度的方法是把阻塞的滑塊往右拉。

 、芄鉂,角度為0的光澤樣式就可以了。

  以上四種圖層樣式組合,就可以搞定這個按鈕了。使用時很簡單,拷貝圖層樣式,粘貼圖層樣式即可。

  對于正常狀態(tài)下的按鈕樣式,跟懸浮狀態(tài)比較可以發(fā)現,少了色相,這個可以通過添加一個灰色的效果來實現,方法是增加一個混合模式為“飽和度”的灰色顏色疊加,然后再修改邊框顏色,去掉光澤樣式,再微調下內部的大漸變就可以了。

  按下時的狀態(tài),則是增加一個內陰影的樣式,角度無所謂,把距離調為0就行,調節(jié)陰影大小而已。

  第三步,重組。

【Photoshop繪制質感的立體按鈕的處理教程】相關文章:

PhotoShop打造立體質感磚塊UI圖標教程07-07

photoshop繪制金魚教程參考07-21

Photoshop繪制美女唇印教程07-17

Photoshop繪制音響喇叭詳細教程10-16

PhotoShop繪制寫實冰塊詳細教程07-04

用Photoshop繪制逼真的眼睛教程08-08

Photoshop教程之立體彩帶特效05-06

PhotoShop繪制豐盈欲滴的立體葡萄詳細講解09-17

利用Photoshop制作可愛像素立體字教程09-05

Photoshop設計銀色金屬字體立體效果教程07-19