做這個(gè)教程，其實(shí)是自己練習著(zhù)玩，也正好模仿一位大神的一個(gè)簡(jiǎn)單的作品，第一次寫(xiě)教程，比較簡(jiǎn)單， 希望在今后的練習中能做出更好的教程給大家。 我們先來(lái)看下原作和我這個(gè)山寨的區別：  接下來(lái)我們講解教程： 1.首先創(chuàng )建一個(gè)尺寸為400*300的文件(尺寸隨意) 2.然后找一張木板作為背景，主要你覺(jué)得適合隨便都可以，找不到合適的可以調一下色調，我的就是調整過(guò)的 3.選擇圓角矩形工具，畫(huà)一個(gè)角度為20px的矩形，隨便填充一個(gè)顏色，因為后面會(huì )進(jìn)行漸變疊加，也可以直接填充漸變色，如下圖：  漸變值見(jiàn)下圖，你也可以根據你自己的理解加強對比效果，不過(guò)要考慮到整體的明暗關(guān)系  然后添加1px描邊，顏色為#8d6546 添加斜面與浮雕樣式，注意勾選等高線(xiàn)，默認值就好  內陰影  陰影  這是當前的效果 你完全可以按照自己的感覺(jué)來(lái)調的更豐富一點(diǎn)?，F在開(kāi)關(guān)背景做好了，接下來(lái)繪制開(kāi)關(guān)的螺絲，螺絲比較小，所以需要更細微的處理， 我在這里沒(méi)做太多的處理，只是做了一個(gè)簡(jiǎn)單的樣式，大概看起來(lái)像(水平有限)，先給大家看下效果 我簡(jiǎn)單說(shuō)下用到的樣式，用圓形工具畫(huà)一個(gè)差不多大小的圓，然后運用這樣的漸變 加描邊 然后用選區工具畫(huà)一個(gè)這樣的形狀，也可以用鋼筆工具，填充顏色#323232 然后添加一個(gè)投影樣式，搞定。如果覺(jué)得不像，你可以發(fā)揮你的潛力畫(huà)的更像一點(diǎn) 然后再復制三個(gè)，分別放在對應的位置 接下來(lái)畫(huà)開(kāi)關(guān)按鈕，在這里示范的是未開(kāi)啟的狀態(tài)(應該是吧?) 同樣選擇圓角矩形，畫(huà)一個(gè)20px的圓角長(cháng)方形，添加漸變樣式 如圖： 然后復制一份這個(gè)圖層，Ctrl+T等比例縮放至這樣的大小 添加顏色為白色，再添加1px漸變描邊： 然后再復制此圖層，取消當前所有樣式，然后拉伸變形至這樣的形狀 然后給這樣圖層添加一個(gè)漸變樣式，來(lái)塑造開(kāi)關(guān)的光影變化 當前效果： 現在大概樣子快出來(lái)了，接下來(lái)用圓形工具畫(huà)一個(gè)半徑為12px的圓圈，添加一個(gè)漸變描邊樣式 接下來(lái)再用矩形工具畫(huà)一個(gè)寬2px高9px的矩形，用來(lái)當做指示燈，給此圖層添加一個(gè)漸變樣式，并增加陰影，如下圖： 當前效果： 做到這步差不多完成了，接下來(lái)我們處理一個(gè)光影效果，這里假設光是從上面打下來(lái)的，所以我們適當加一些陰影，突出效果， 你可以按照你自己的理解來(lái)添加豐富完善，只要保證最后效果超越此教程 完成后是這樣子： 本教程只示范一個(gè)關(guān)閉狀態(tài)的開(kāi)關(guān)，另外一個(gè)開(kāi)啟的狀態(tài)，大家可以按照這樣的步驟自己發(fā)揮一下 最終完成效果! |
聯(lián)系客服
