Photoshop教程:制作紅色3D質(zhì)感按鈕
最終效果
1、開(kāi)始前老樣子先在PS里新建一個(gè)文件,設(shè)置如下圖
2、使用圓角矩形工具,這里顏色你可以隨意,因?yàn)槟憧梢栽陧敳吭O(shè)置圓角矩形的顏色
3、在頂部設(shè)置它的參數(shù)與顏色為紅色
4、如下圖顏色為#D32424 的圓角矩形制作完成
5、將前面的圓角矩形圖層復(fù)制一次,在復(fù)制出的圖層上按鼠標(biāo)右鍵,選擇柵格化圖層,這樣將形狀圖形轉(zhuǎn)化為像素圖形。同樣將另一個(gè)圖層進(jìn)行柵格化處理(柵格化后的圖層就是我們常說(shuō)的像素圖)。
6、將上面的圓角矩形命名為"Button Top" ,下面的圖層命名為"Button Base" ,這里我們?yōu)榱酥谱鞒?D按鈕的立體質(zhì)感效果,將會(huì)用底部的圖層來(lái)做陰影,上面的圖層保持不變,所以選中底部圖層,按ctrl+u設(shè)置"色相/飽和度"參數(shù)如下
7、將兩個(gè)圖層的位置進(jìn)行調(diào)整,下面的圖層向下移動(dòng)10像素(按shift+下鍵),完成后的效果如下
8、現(xiàn)在我們?yōu)?D按鈕上面的圖層進(jìn)行視覺(jué)上的修飾,先按住ctrl點(diǎn)選上面的圖層,使其整個(gè)處于選中狀態(tài),隨后按“選擇>修改>收縮”,設(shè)置縮小1px
9、然后我們用工具欄的加深工具,設(shè)置參數(shù)如下。
10、在選中的圖層上按住shift從左向右進(jìn)行涂抹
1、隨后我們?yōu)樯厦娴膱D層添加如下圖設(shè)置的圖層樣式
12、現(xiàn)在開(kāi)始制作3D立體效果常見(jiàn)的光感效果,首先使用如下設(shè)置的筆刷
13、確定你的PS里的前景色與背景色分別為白色與黑色,然后使用鋼筆工具,確保你選用的是路徑,如下圖
14、新建立圖層,按照下圖方法用鋼筆工具繪制兩個(gè)點(diǎn)
15、再在鋼筆路徑上按鼠標(biāo)右鍵選擇"描邊路徑",隨后選擇畫(huà)筆并勾選模擬壓力
16、隨后再次在路徑上按鼠標(biāo)右鍵,選擇"刪除路徑",完成后將會(huì)看到如下圖的光感線(xiàn)條效果
17、再來(lái)為按鈕設(shè)置一些細(xì)節(jié)光感效果,選中" 減淡工具",設(shè)置如下,使用高光參數(shù)。
18、隨后在按鈕的上部圖層上點(diǎn)大約兩次,記住不要點(diǎn)的次數(shù)過(guò)多,點(diǎn)的太多會(huì)看上去十分難看
19、最后一步,我們使用加深工具,設(shè)置如下。
20、在下部按鈕圖層的兩邊制作量條加深的線(xiàn)條
21、完成后整體看上去的按鈕效果圖下,是不是立體感十足。
22、我們最后再添加上光感與文字。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作金屬質(zhì)感圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡(jiǎn)易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開(kāi)關(guān)按鈕,用PS制作漸變風(fēng)格的音樂(lè)播放圖標(biāo)
- 圖標(biāo)設(shè)計(jì),巧用PS制作透明感的圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡(jiǎn)單逼真的環(huán)形播放按鈕圖標(biāo)
推薦教程
- 塑料按鈕的制作方法
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 用ps制作高光橘色RSS按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程