雖然是一個簡單的圖標,制作起來還是要非常細心的。尤其是層次感及投影部分,需要控制好陰影的透明度,做出過渡自然的效果。
最終效果
<點小圖查看大圖>
1、Cttrl
+ N 創(chuàng)建畫布,大小為1024px * 1024px , 填充背景色為#fcf2da。然后 → 編輯 → 首選項 → 參考線、網(wǎng)格和切片,設(shè)置如下。
2、先創(chuàng)建一個圓角矩形,大小為512px*512px,半徑120px,記住左上角是形狀哦。
搞定后填充顏色#c47420,命名“icon base”。
3、添加內(nèi)陰影,參數(shù)如下。
4、為它做一個長投影效果,創(chuàng)建一個矩形,填充黑色,大小可以自己調(diào)整,我是寬718.22px和高732.74px,Ctrl + T 變換角度。
添加圖層樣式—— 漸變疊加,參數(shù)如圖,順便把不透明度調(diào)整為30%,填充0%。
5、好了,現(xiàn)在的效果是這樣的。
6、同樣創(chuàng)建圓角矩形,參數(shù)如下。
7、然后復(fù)制一層,快捷鍵“A”來到選擇工具,減少16px,調(diào)整高度為432px。完成后繼續(xù)復(fù)制一層,依上高度改為416px,填充顏色改為 # f3f3f3,完成后如圖。
8、筆記本雛形完成了,現(xiàn)在給它劃線,用直線工具,粗細的像素調(diào)整為2,填充黑色。完成后調(diào)整圖層不透明度為20%,筆記本就成型咯。
9、創(chuàng)建矩形,大小為192 x 96px,顏色改成 #00da67或者任何你喜歡的顏色。繼續(xù)創(chuàng)建兩個矩形,高度改為32px,填充黑色,調(diào)整不透明度為25%和10%,整齊列到筆身上,如圖。
10、現(xiàn)在來創(chuàng)建筆頭,你可以用多邊形工具,雙擊畫布后,參數(shù)設(shè)置如下。
11、顏色填充為#e39a4d,然后對齊筆身。
12、現(xiàn)在創(chuàng)建筆尖,如法炮制一個三角形,大小為32x32px,顏色填充為#474f57,移動到筆頭處對齊,創(chuàng)建為剪切蒙版,如圖。
13、創(chuàng)建一個圓角矩形,寬高是64x96px,半徑是20px,顏色填充# f78879,命名為“Rubber”。然后創(chuàng)建一個矩形,大小32x96px,填充顏色# d5d5d5,如圖。
14、為它添加點光,創(chuàng)建一個圓角矩形,大小是10* 40px ,填充白色,不透明度改成30%。
好了,現(xiàn)在是給它添加長投影的時間了,創(chuàng)建矩形,大小352x160px,其他的按照前邊的長投影一樣變換角度,添加漸變就大功告成了。
<點小圖查看大圖>
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。