PS這種凹凸面效果怎麼做出來呢?

請問這種凹凸效果的材質怎麼做出來呢


謝邀。
這個太基礎了,題主有好好學習嗎?

打開PS軟體,繪製背景:

圓角矩形工具:

混合選項—漸變疊加:

混合選項—投影:

混合選項—斜面浮雕:

接下來製作凹進去的。
複製凸出來的這個圖層,去掉投影、漸變疊加、斜面浮雕,增加然後顏色疊加:

混合選項—內陰影:

最後你自己再微調一下不滿意的光影效果部分。其他的製作方法是一樣的。


剛剛試著換了一種方法

1.首先布置背景,建立圖形

2.打開圖層樣式布置漸變

3.給圖形一個180°的內陰影,陰影為白色,混合模式為正常,不透明度調高

4.再給圖形一個內發光,顏色亮度低於白色,混合模式正常,不透明度調高。ps2016版本的可以給圖像再往右邊增加一個內陰影,代替內發光的效果。

5.給圖形加投影

6.右邊紅色菱形如上述相同,給顏色疊加為紅色,內陰影去掉全局光,顏色為深度的紅。

7.給紅色菱形加投影,投影為淺紅色,模仿微微發亮的底部內框,顯出紅色菱形凹下去的厚度。

8.最後效果,相比 @小麥丫 說的方法更麻煩一些。


我是萌牙電動牙刷的設計師,我來回答一下這個問題,這是我根據題主的參考圖製作的

下面是我的製作步驟
首先新建一個文件,將背景顏色調成灰色

新建一個圓角矩形工具

然後旋轉45度

選擇圖層樣式——漸變疊加,並調整角度為-72度

點擊漸變編輯器修改漸變的顏色

接下來做陰影,先複製一個圖層

柵格化這個圖層

將圖層顏色調整為黑色

將這個圖層向下移動位置

將此圖像進行高斯模糊

然後將圖像向右下角移動

降低不透明度至39

再次複製一個圖層

也將這個複製後的圖層向下移動一個位置,並且隱藏圖層樣式

想左上方移動,這樣上面的這個就做好了

接下來做下面藍色的部分,同樣再複製一個圖層,取消漸變映射

修改一下顏色

選擇圖層樣式——內陰影

調整一下角度及各個數值就OK了


啦啦啦 交作業~~


我能說ai也可以么 做一個圓角矩形然後漸變就好。


推薦閱讀:

沒有設計師時,產品經理該如何給產品配色?
如何用 Photoshop 做出黑膠唱片表面的紋理和高光?
在用戶界面設計中,按鈕和鏈接文字應該表示狀態還是表示動作?
UI設計師專業的筆記本電腦有哪些推薦?
為什麼進度條大多使用藍色?

TAG:AdobePhotoshop | 用戶界面設計 |