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

ps鼠繪一個開關(guān)按鈕(4)

來源:站酷 作者:殘酷de樂章 學(xué)習(xí):4720人次
制作之前我們先找一些實(shí)物照片來分析一下開關(guān)的質(zhì)感,色彩表現(xiàn)等。然后分解開關(guān),了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料,設(shè)定好光源位置就可以繪制了。

最終效果

Photoshop鼠繪開關(guān)圖標(biāo)

 

1、先建立一個1136* 640的畫布。

Photoshop鼠繪開關(guān)圖標(biāo)

2、在這個畫布上,用橢圓工具勾繪出一個圓形,作為按鈕側(cè)面,命名圖層為“按鈕-下”。

Photoshop鼠繪開關(guān)圖標(biāo)

3、建立一個新圖層,畫一個同樣大小的同心圓,再選中底邊錨點(diǎn),向上拖到錨點(diǎn)位置如圖,作為按鈕正面,命名圖層為“按鈕-上”。

Photoshop鼠繪開關(guān)圖標(biāo)
4、編輯“按鈕-上”,繪制開關(guān)按鈕正面的形狀和質(zhì)感,圖層樣式如下圖。

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)
5、接著我們編輯“按鈕-上”,繪制開關(guān)按鈕側(cè)下方的形狀和質(zhì)感,圖層樣式如下。

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)
6、接著我們畫用來按鈕按鈕的凹槽位。同樣的方法我們畫一個稍大一些的同心圓,圖層名“凹槽”,然后添加下圖所示的樣式。

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

Photoshop鼠繪開關(guān)圖標(biāo)

7、至此,我們已經(jīng)完成了70%了,需要再加上陰影。陰影層,我使用了一個稍微“瘦”一些的橢圓形狀,這樣形成的陰影看起來更加真實(shí)。

Photoshop鼠繪開關(guān)圖標(biāo)

8、最后我們再打上OFF,ON的字樣,再增加一點(diǎn)泛紅光的效果,完成最終效果。

Photoshop鼠繪開關(guān)圖標(biāo)

 

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

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

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

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