Photoshop制作清爽的扁平鉛筆圖標(biāo)
扁平圖標(biāo)制作不是很難,都是一些最為基礎(chǔ)的工具。繪制的時(shí)候先把效果分解好,然后由底層開(kāi)始,用形狀工具畫出圖形,加上顏色或漸變色等,再逐層完全其它部分即可。
最終效果
1、新建500 * 500畫布,填充為:#01dbcd。
2、橢圓工具,畫一個(gè)362 * 362的正圓填充#01dbcd,描邊1像素,命名為“圓”。
3、用矩形選框工具畫一個(gè)長(zhǎng)方形,填充為黑色,Ctrl + T 旋轉(zhuǎn)45度左右,大小自己調(diào)到合適,然后調(diào)到恰當(dāng)位置,命名為“陰影”。
4、將圖層“陰影”移到“圓”的后邊,不透明度為8%。
5、用橢圓工具畫一個(gè)252 * 252的正圓填充為白色,命名為“圓2”。
6、用矩形選框工具畫一個(gè)細(xì)長(zhǎng)的長(zhǎng)方形,填充#c2c8c8,然后復(fù)制多個(gè)。
7、選中這幾個(gè)長(zhǎng)條圖層,Ctrl + E 合并圖層,命名為“線條”,然后選中“線條”圖層,按Ctrl + 左擊鼠標(biāo)“圖層2”圖層,Ctrl + Shift + I 反選,按Delete刪除圓外多出的線條。
8、圓角矩形工具,畫一個(gè)圓角為5像素的長(zhǎng)方形,如下圖,命名為“鉛筆1”。
9、復(fù)制這個(gè)“鉛筆1”圖層,按住Alt拖動(dòng)矩形工具減去一部分,如下圖。命名為“鉛筆2”。
10、復(fù)制“鉛筆2”圖層,同樣用矩形工具按住Alt減去上面一部分,如下圖,命名為“鉛筆3”。
11、用多邊形工具畫一個(gè)三角形,如下圖,命名為“鉛筆4”。
12、復(fù)制“鉛筆4”還是用矩形工具按住Alt減去上面一部分,如下圖,命名為“鉛筆5”。
13、新建一個(gè)組,命名“鉛筆”,將鉛筆1-5放進(jìn)組里,復(fù)制一個(gè),轉(zhuǎn)換為智能對(duì)象,命名為“鉛筆副本”,關(guān)閉鉛筆組的眼睛,旋轉(zhuǎn)“鉛筆副本”圖層45度左右,調(diào)整大小,如下圖。
14、最后給鉛筆加陰影,方法和上面那個(gè)陰影做法基本一樣,當(dāng)然這個(gè)用矩形工具做更簡(jiǎn)單點(diǎn)。
最終效果:
本文地址:http://likemindfilms.com/tutorial/ps2396.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏