Photoshop制作3D立體質感網頁按鈕
- 2022-12-24 23:50:07
- 來源/作者：互聯網/佚名
- 己被圍觀次
本文的質感3D按鈕效果十分出色，作為設計UI或質感界面的學習教程再好不過了，設計與制作過程如下： 開始前老樣子先在PS里新建一個文件，設置如下圖 使用圓角矩形工具，這里顏色你可以隨意，因為你可以在頂部設置圓角矩形的顏色 在頂部設置它的參數與顏色為紅色 如下圖顏色為
將上面的圓角矩形命名為"Button Top" ，下面的圖層命名為"Button Base" ，這里我們為了制作出3D按鈕的立體質感效果，將會用底部的圖層來做陰影，上面的圖層保持不變，所以選中底部圖層，按ctrl+u設置"色相/飽和度"參數如下
將兩個圖層的位置進行調整，下面的圖層向下移動10像素（按shift+下鍵），完成后的效果如下：
現在我們為3D按鈕上面的圖層進行視覺上的修飾，先按住ctrl點選上面的圖層，使其整個處于選中狀態，隨后按“選擇>修改>收縮”,設置縮小1px
然后我們用工具欄的加深工具，設置參數如下
在選中的圖層上按住shift從左向右進行涂抹
*PSjia.COM 傾力出品，轉載請注明來自PS家園網（m.sz-xdd.com.cn）
標簽(TAG) Photoshop3D ps立體按鈕 ps質感按鈕 按鈕圖標 網頁按鈕
更多精彩內容
-
APP展示圖，教你怎么用PS制作APP的界面圖片 -
用ps制作大拇指勝利手勢logo -
用ps制作金屬質感徽章 -
用ps制作綠色環保Logo -
用ps制作放大縮小logo -
ps cs6設計火箭UI圖標 -
教你用PS打造網頁效果圖全過程 -
進度條，設計一個彩色進度條