ps鼠繪開關按鈕教程

2023-11-12 17:42:03 來源/作者: / 己有:1人學習過

做這個教程,其實是自己練習著玩,也正好模仿一位大神的一個簡單的作品,比較簡單,希望在今后的練習中能做出更好的教程給大家。

我們先來看下原作和我這個山寨的區(qū)別:

Photoshop設計白色立體效果的開關按鈕

接下來我們講解教程:

1. 首先創(chuàng)建一個尺寸為400*300的文件(尺寸隨意)

2. 然后找一張木板作為背景,主要你覺得適合隨便都可以,找不到合適的可以調(diào)一下色調(diào),我的就是調(diào)整過的

3. 選擇圓角矩形工具,畫一個角度為20px的矩形,隨便填充一個顏色,因為后面會進行漸變疊加,也可以直接填充漸變色,如下圖:

Photoshop設計白色立體效果的開關按鈕

漸變值見下圖,你也可以根據(jù)你自己的理解加強對比效果,不過要考慮到整體的明暗關系

Photoshop設計白色立體效果的開關按鈕

然后添加1px描邊,顏色為#8d6546

添加斜面與浮雕樣式,注意勾選等高線,默認值就好

Photoshop設計白色立體效果的開關按鈕

內(nèi)陰影

Photoshop設計白色立體效果的開關按鈕

陰影

Photoshop設計白色立體效果的開關按鈕

這是當前的效果

Photoshop設計白色立體效果的開關按鈕

 

你完全可以按照自己的感覺來調(diào)的更豐富一點?,F(xiàn)在開關背景做好了,接下來繪制開關的螺絲,螺絲比較小,所以需要更細微的處理,我在這里沒做太多的處理,只是做了一個簡單的樣式,大概看起來像(水平有限),先給大家看下效果

Photoshop設計白色立體效果的開關按鈕

我簡單說下用到的樣式,用圓形工具畫一個差不多大小的圓,然后運用這樣的漸變

Photoshop設計白色立體效果的開關按鈕

加描邊

Photoshop設計白色立體效果的開關按鈕

然后用選區(qū)工具畫一個這樣的形狀,也可以用鋼筆工具,填充顏色#323232

Photoshop設計白色立體效果的開關按鈕