當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps鼠繪開關(guān)按鈕教程

來源:未知 作者:貓視覺 學(xué)習(xí):3837人次

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

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

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

接下來我們講解教程:

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

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

3. 選擇圓角矩形工具,畫一個(gè)角度為20px的矩形,隨便填充一個(gè)顏色,因?yàn)楹竺鏁?huì)進(jìn)行漸變疊加,也可以直接填充漸變色,如下圖:

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

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

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

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

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

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

內(nèi)陰影

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

陰影

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

這是當(dāng)前的效果

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

 

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

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

我簡(jiǎn)單說下用到的樣式,用圓形工具畫一個(gè)差不多大小的圓,然后運(yùn)用這樣的漸變

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

加描邊

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

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

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!