PS逼真按鍵教程(4)
我們先來看看最終的效果圖:
具體的制作步驟如下:
新建空白文件3000×3000像素,72dpi
點(diǎn)擊漸變工具,將漸變類型設(shè)置為徑向漸變,并勾選"反向",漸變條顏色從左到右設(shè)置為#084e78和#318cc1,從中間向四周拖動(dòng)光標(biāo)
新建一個(gè)組,在組內(nèi)進(jìn)行繪制。單擊自定義形狀的橢圓工具,按住shift鍵繪制一個(gè)圓形,雙擊圖層添加圖層樣式,勾選"內(nèi)發(fā)光""漸變疊加"如圖
設(shè)置內(nèi)發(fā)光的顏色為白色,漸變條的顏色為#aaaaaa和#f7f7f7
在大圓內(nèi)繪制一個(gè)稍小一圈的小圓,按住shift鍵繪制小圓,并用移動(dòng)工具將小圓拖拽到大圓中央,雙擊圖層添加樣式,勾選"斜面和浮雕""內(nèi)發(fā)光"和"漸變疊加",如圖
內(nèi)發(fā)光的顏色為白色,漸變條的顏色從左到右為#9e9e9e和#e2e2e2。
點(diǎn)擊形狀工具,選擇圓角矩形工具,將半徑設(shè)置為30,按住shift鍵繪制一個(gè)正的圓角矩形,并用移動(dòng)工具將這個(gè)矩形拖拽到小圓的中央,雙擊圖層設(shè)置圖層樣式,勾選"斜面和浮雕""漸變疊加"如圖
漸變條的顏色從左到右為#f0f0f0和#fdfdfd。
Ctrl+J復(fù)制圓角矩形這個(gè)圖層,把下面原圖層的圖層樣式刪掉,ctrl+T變形,按住shift+alt鍵同時(shí)拖動(dòng)變換框,放大幾個(gè)像素,繪制邊緣框。
新建圖層,這一層為按鍵添加陰影。使用鋼筆工具,繪制路徑如圖。
Ctrl+Enter將路徑轉(zhuǎn)化為選區(qū),使用漸變工具,將漸變設(shè)置為由黑到灰的線性漸變,在選區(qū)內(nèi)由下到上拖動(dòng)光標(biāo),執(zhí)行濾鏡>模糊>高斯模糊,如圖。將圖層的混合模式改為"正片疊底"。
單擊圖層面板下的蒙版工具,為該層添加蒙版,使用黑色畫筆涂抹多余的部分,并將圖層的不透明度調(diào)為20%,效果如圖。
使用多邊形工具,邊數(shù)為3,在按鍵上繪制一個(gè)三角形,ctrl+T將三角形拉長,如圖。
雙擊圖層添加圖層樣式,勾選"內(nèi)陰影"和"漸變疊加",漸變顏色填充為深灰色到淺灰色。
Ctrl+J復(fù)制圖層,執(zhí)行編輯>變換路徑>水平翻轉(zhuǎn),并用移動(dòng)工具拖動(dòng)到合適的位置,如圖。
使用橫排文字工具,選擇"黑體",輸入"REPEAT",拷貝上一層的圖層樣式,粘貼到文字層。如圖。
使用橢圓工具,繪制一個(gè)小圓點(diǎn),
雙擊圖層添加圖層樣式,勾選"斜面和浮雕""漸變疊加",漸變顏色為深灰到淺灰,如圖。
第一個(gè)按鍵繪制完成。復(fù)制組兩次,使用移動(dòng)工具,狀態(tài)欄,將兩個(gè)副本組移動(dòng)到合適的位置,將最外圈的圖層刪掉,并用同樣的方法繪制按鍵上的圖案。如圖。
再次復(fù)制組,將其移動(dòng)到最下面,同樣對按鍵上的圖案進(jìn)行修改,如圖。
做到這一步整體效果是這樣的。
回到背景圖層,在背景圖層上新建圖層,使用鋼筆工具,繪制形狀如圖。
用鋼筆工具繪制這種形狀的技巧是,繪制四個(gè)圓,然后用減去路徑,組合路徑等方法合成這樣的路徑。
在路徑上單擊右鍵,選擇填充路徑,填充任意顏色。
雙擊圖層,添加圖層樣式,勾選"內(nèi)發(fā)光"顏色為白色,勾選"漸變疊加"
單擊最上面的一組,新建組,命名為"文字"單擊橢圓工具,在狀態(tài)欄里將"形狀"改為"路徑"
在左邊按鍵上繪制一個(gè)圓形路徑,如圖
單擊橫排文字工具,字體大小為48點(diǎn),在路徑上選擇一個(gè)合適的位置單擊鼠標(biāo),輸入文字,ctrl+Enter確認(rèn)。文字的顏色為#c56632。如圖。
同樣的方法添加其他的文字。效果如圖。
接下來為按鍵添加磨砂質(zhì)感。首先,建立一個(gè)按鍵整體的選區(qū)。
單擊背景層前面的眼睛隱藏圖層;氐阶钌厦嬉粚,Shift+ctrl+alt+E蓋印可見圖層,按住ctrl鍵單擊該圖層,建立選區(qū)。使背景層可見。
在圖層最上面新建圖層,將前景色設(shè)置為灰色,右鍵>填充。執(zhí)行濾鏡>雜色>添加雜色,如圖。
Ctrl+D取消選擇,修改圖層混合模式,改為"疊加",并將圖層不透明度降低到20%左右。效果如圖。
接下來為按鍵整體繪制投影。再次將蓋印的圖層載入選區(qū),回到背景圖層,新建圖層,執(zhí)行"選擇>修改>擴(kuò)展"擴(kuò)展15像素。右鍵>填充,黑色。執(zhí)行"濾鏡>模糊>高斯模糊"半徑為30。將圖層混合模式改為"正片疊底",不透明度改為75%左右。將圖層上移5像素。效果如圖。
在投影圖層上新建圖層,在選區(qū)上單擊右鍵>描邊,顏色為黑色,設(shè)置參數(shù)如圖。
回到最上面的圖層,新建圖層,使用漸變工具,線性漸變,顏色填充為由白到灰。
由下到上拖動(dòng)光標(biāo),填充圖層如圖。
修改圖層混合模式,改為"顏色加深"并將不透明度降低到30%。
最終效果如圖。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作金屬質(zhì)感圖標(biāo)
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)設(shè)計(jì),巧用PS制作透明感的圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作橡皮泥質(zhì)感萌萌噠圖標(biāo)
- 圖標(biāo)設(shè)計(jì),AI+C4D+PS設(shè)計(jì)綠色品牌時(shí)尚圖標(biāo)教程
- 進(jìn)度條,設(shè)計(jì)一個(gè)播放進(jìn)度條圖標(biāo)教程
- ps cs6設(shè)計(jì)金幣按鈕教程
- 使用AI+PS軟件制作立體質(zhì)感按鈕
- ps cc設(shè)計(jì)質(zhì)感游戲開始按鈕
推薦教程
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- ps網(wǎng)頁開關(guān)按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- photoshop制作網(wǎng)頁用水晶按鈕
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 塑料按鈕的制作方法
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 用ps制作高光橘色RSS按鈕