|
編按：今天為大家?guī)硪粋€(gè)簡(jiǎn)約清新的圖標(biāo)教程，主要是圖層樣式的應(yīng)用，幾乎沒什么難度，很適合小白來練手，快來試試吧～ 本篇教程教大家打造一個(gè)簡(jiǎn)約風(fēng)格的圖標(biāo)，整體教程制作起來比較簡(jiǎn)單，只要照著教程做，都可以學(xué)會(huì)，在制作的過程中，后期可以考慮設(shè)計(jì)一種背景，促使更好的突出圖標(biāo)效果，根據(jù)各種主題設(shè)計(jì)各種不同風(fēng)格的圖標(biāo)，具體如何做我們通過教程來學(xué)習(xí)一下吧。 效果圖：  圖1 操作步驟： 1. 新建 點(diǎn)擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個(gè)新的圖像，命名好并把寬度設(shè)置為1800px，高度為1400px，分辨率為72dpi，然后點(diǎn)擊確定，記得順手保存(快捷鍵Ctrl+S)，以免做一半PS崩潰或者其他原因被關(guān)閉了那就悲催了～  圖2 2. 創(chuàng)建矩形圖形 找到【工具欄】中的【圓角矩形工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為1024px，高度為1024px，半徑180px，從中心，然后點(diǎn)擊確定。  圖3 3. 將【圓角矩形】居中對(duì)齊 方法一：復(fù)制背景圖層，(快捷鍵Ctrl+J)，選中【圓角矩形】圖層，按Ctrl+單擊鼠標(biāo)左鍵【背景 拷貝】圖層將其載入選區(qū)，然后點(diǎn)擊【水平居中對(duì)齊】和【垂直居中對(duì)齊】。如果你有更好的對(duì)齊方法更好哦～  圖4 4. 巧用 【圖層樣式】設(shè)置圓角矩形樣式效果 雙擊【圓角矩形】圖層，打開【圖層樣式】設(shè)置【漸變疊加】【斜面和浮雕】【投影】等樣式效果，具體選項(xiàng)數(shù)值設(shè)置請(qǐng)看下圖：  圖5 漸變顏色數(shù)值參數(shù)：#b4caca—#e4eae6（可以用吸管工具直接吸取圖中顏色）。  圖6 高光模式顏色數(shù)值參數(shù)：#d3e4ea； 陰影模式顏色數(shù)值參數(shù)：#6b8989。  圖7 混合模式顏色數(shù)值參數(shù)：#98a9a9。 效果圖：  圖8 5. 創(chuàng)建一個(gè)橢圓居中對(duì)齊，并添加相應(yīng)的圖層樣式效果 找到【工具欄】中的【橢圓工具】單擊空白處創(chuàng)建，并把寬度設(shè)置為850px，高度為850px，從中心，然后點(diǎn)擊確定。  圖9  圖10  圖11 圖12 效果圖： 圖13 6. 新建橢圓2，設(shè)置樣式效果 復(fù)制一個(gè)橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到90%，居中對(duì)齊，為了區(qū)分起個(gè)名字，如：橢圓2（不重要可自定），設(shè)置橢圓2樣式效果。 圖14 圖15 圖16 圖17 效果圖： 圖18 7. 新建橢圓3，設(shè)置樣式效果 復(fù)制一個(gè)橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對(duì)齊，為了區(qū)分起個(gè)名字，如：橢圓3（不重要可自定），設(shè)置橢圓3樣式效果。 圖19 圖20 圖21 圖22 圖23 圖24 效果圖： 圖25 8. 新建橢圓4，設(shè)置樣式效果。 再?gòu)?fù)制一個(gè)橢圓(快捷鍵 Ctrl+J)，先按(快捷鍵Ctrl+T) 縮小到80%，居中對(duì)齊，為了區(qū)分起個(gè)名字，如：橢圓4（不重要可自定），依次設(shè)置橢圓4樣式效果如下圖。 圖26 圖27 圖28 圖29 圖30 效果圖： 圖31 9. 創(chuàng)建圖標(biāo)刻度，用【圖層樣式】設(shè)置（目的是為了圖標(biāo)看起來更加真實(shí)突出有質(zhì)感）。 找到【工具欄】中的【圓角矩形】單擊空白處創(chuàng)建，并把寬度設(shè)置為3px，高度為38px，半徑180px，從中心，然后點(diǎn)擊確定，居中對(duì)齊。依次設(shè)置樣式效果如下圖。 圖32 圖33 圖34 圖35 圖36 圖37 10. 創(chuàng)建左側(cè)半周刻度。 首先打開標(biāo)尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的【圓角矩形】將中心點(diǎn)移動(dòng)到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++shift+alt+T)。 圖38 得到如下效果圖： 圖39 11. 創(chuàng)建右側(cè)半周刻度。 選中圓角矩形拷貝13，設(shè)置圖層效果如下圖： 圖40 圖41 圖42 打開標(biāo)尺(快捷鍵 Ctrl+R),復(fù)制一層(快捷鍵 Ctrl+J),重復(fù)復(fù)制(快捷鍵 Ctrl+T) 選中剛復(fù)制的圓角矩形，將中心點(diǎn)移動(dòng)到中心位置，角度設(shè)置-15°,重復(fù)12次(快捷鍵 Ctrl++Shift+Alt+T)得到如下效果圖： 圖43 最終刻度效果圖： 圖44 12. 輸入英文“BUTTON”,用圖層樣式設(shè)置文字效果，具體設(shè)置如下圖： 圖45 圖46 圖47 圖48 圖49 圖50 效果圖： 圖51 13. 為了使圖標(biāo)更具效果，添加一個(gè)背景顏色（自由選擇哦～）完成圖標(biāo)的繪制。 圖52 |
|
|
