朱峰社區(qū)首頁 朱峰社區(qū)

搜索資源 注冊|登陸

等待

返回 展開菜單
按功能 按軟件

尤娜的繪畫

尤娜的繪畫

包含1節(jié)視頻教程

相信喜歡尤娜的朋友是相當(dāng)多的!我們一起學(xué)習(xí)臨摹技術(shù),讓你從細(xì)節(jié)到整體都畫的有模有樣!繪畫其實就是這么簡單。

關(guān)閉

Photoshop設(shè)計逼真的立體開關(guān)按鈕

關(guān)注:479 留言:0 樓主:走天涯 發(fā)帖時間:15年11月17日

走天涯

普通會員

走天涯

社區(qū)新人:1級

關(guān)注2593人

  • 性別

  • 年齡

    18

  • 積分

    1

  • 登陸

    1

  • 發(fā)帖

    1

  • 留言

    1

  • 作品

    1

間隔線
本教程主要使用Photoshop設(shè)計逼真的立體開關(guān)按鈕,做這個教程,其實是自己練習(xí)著玩,也正好模仿一位大神的一個簡單的作品,第一次為貓視覺寫教程,比較簡單,希望在今后的練習(xí)中能做出更好的教程給大家。

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



接下來我們講解教程:

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

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

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



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



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

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



內(nèi)陰影



陰影



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



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



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



加描邊



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



然后添加一個投影樣式,搞定。如果覺得不像,你可以發(fā)揮你的潛力畫的更像一點



然后再復(fù)制三個,分別放在對應(yīng)的位置



接下來畫開關(guān)按鈕,在這里示范的是未開啟的狀態(tài)(應(yīng)該是吧?)

同樣選擇圓角矩形,畫一個20px的圓角長方形,添加漸變樣式



如圖:



然后復(fù)制一份這個圖層,Ctrl+T等比例縮放至這樣的大小



添加顏色為白色,再添加1px漸變描邊:



然后再復(fù)制此圖層,取消當(dāng)前所有樣式,然后拉伸變形至這樣的形狀



然后給這樣圖層添加一個漸變樣式,來塑造開關(guān)的光影變化



當(dāng)前效果:



現(xiàn)在大概樣子快出來了,接下來用圓形工具畫一個半徑為12px的圓圈,添加一個漸變描邊樣式



接下來再用矩形工具畫一個寬2px高9px的矩形,用來當(dāng)做指示燈,給此圖層添加一個漸變樣式,并增加陰影,如下圖:





當(dāng)前效果:



做到這步差不多完成了,接下來我們處理一個光影效果,這里假設(shè)光是從上面打下來的,所以我們適當(dāng)加一些陰影,突出效果,你可以按照你自己的理解來添加豐富完善,只要保證最后效果超越此教程



完成后是這樣子:



本教程只示范一個關(guān)閉狀態(tài)的開關(guān),另外一個開啟的狀態(tài),大家可以按照這樣的步驟自己發(fā)揮一下

最終完成效果:



作者:貓視覺

贊0 踩0

未知用戶

2005-2025 朱峰社區(qū) 版權(quán)所有 遼ICP備2021001865號-1
2005-2025 ZhuFeng Community All Rights Reserved

VIP

朱峰社區(qū)微信公眾號

回頂部

1.復(fù)制文本發(fā)給您的QQ好友或群、微信等;好友點擊鏈接以后,轉(zhuǎn)發(fā)就成功了。 2.如朋友點擊您的鏈接,您需要需刷新一下才行;同一個好友僅能點擊一次。
購買VIP,觀看所有收費教程。