這種凹陷在 Photoshop 里一般是怎麼做出來的?


任何模擬立體效果都是光影的作用。

一般在 Photoshop 中做這類凹陷效果,都會用到內陰影和投影,要進一步扣細節的話,內外發光、斜面和浮雕、漸變描邊、圖案疊加等都可以用上。

我按照你提供的樣圖重做了一次:

這裡就是所有的圖層和樣式:

然後 PSD 在此:http://d.pr/f/N3hi


我也做了一個~
這種立體凹陷的效果用很多種方法都能表現出來,
但首先要明確的是光照的方向、強弱、所產生的高光、陰影、反光和環境光都在什麼位置
有了這個概念,這個效果就好做了。


目測下來有一點內發光、一點內陰影、一點外浮雕、一點向下的 1 像素白色投影


補充一下@向若琿的答案,這個例子裡面內應用可能夠用了,不過如果要更靈活的效果,可能把前後一樣的圖層填充黑色之後用高斯模糊。


做的比較簡單,可能有點粗糙,基本是用圖層本身的特效完成的:
按鈕背景 投影+內陰影+外發光+內發光+描邊 附試驗圖一張


底部長的凹進入的圓角矩形可用一個圖層實現(可能幾個,但主體是一個),先用個垂直漸變有個底色,加點垂直內陰影,距離個大小稍微大點,顏色深點,加個細描邊,看情況,描邊可能一個單色或漸變,再加個1像素的白色陰影,最後加點浮雕,,,基本就完成了,凸出的按鈕製作類似。






圖層樣式的把戲,內外發光陰影加投影,把握好量和位置就好


高光不知道怎麼做,複製一層描了一個邊,效果一般般了


按照上面大神的方法,自己做了一個,特來交作業


推薦閱讀:

哪裡有比較好的 Photoshop 教程?
如何用手機做出局部彩色效果?
請問這張圖的頭髮怎麼才能摳出來?
繪畫中如何表現出人物和空間的透視感?

TAG:AdobePhotoshop | 用戶界面設計 |