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