PS教程:怎麼製作卡通鉛筆icon?

Tags: 教程, 卡通, 鉛筆,

雖然是一個簡單的圖示,製作起來還是要非常細心的。尤其是層次感及投影部分,需要控制好陰影的透明度,做出過渡自然的效果。最終效果

PS教程:怎麼製作卡通鉛筆icon

工具/原料

Adobe Photoshop CS5

方法/步驟

Cttrl + N 建立畫布,大小為1024px * 1024px , 填充背景色為#fcf2da。然後 → 編輯 → 首選項 → 參考線、網格和切片,設定如下。

PS教程:怎麼製作卡通鉛筆icon

先建立一個圓角矩形,大小為512px*512px,半徑120px,記住左上角是形狀哦。 搞定後填充顏色#c47420,命名“icon base”。

PS教程:怎麼製作卡通鉛筆icon

新增內陰影,引數如下。

PS教程:怎麼製作卡通鉛筆icon

為它做一個長投影效果,建立一個矩形,填充黑色,大小可以自己調整,我是寬718.22px和高732.74px,Ctrl + T 變換角度。 新增圖層樣式—— 漸變疊加,引數如圖,順便把不透明度調整為30%,填充0%。

PS教程:怎麼製作卡通鉛筆icon

好了,現在的效果是這樣的。

PS教程:怎麼製作卡通鉛筆icon

同樣建立圓角矩形,引數如下。

PS教程:怎麼製作卡通鉛筆icon

然後複製一層,快捷鍵“A”來到選擇工具,減少16px,調整高度為432px。完成後繼續複製一層,依上高度改為416px,填充顏色改為 # f3f3f3,完成後如圖。

PS教程:怎麼製作卡通鉛筆icon

筆記本雛形完成了,現在給它劃線,用直線工具,粗細的畫素調整為2,填充黑色。完成後調整圖層不透明度為20%,筆記本就成型咯。

PS教程:怎麼製作卡通鉛筆icon

建立矩形,大小為192 x 96px,顏色改成 #00da67或者任何你喜歡的顏色。繼續建立兩個矩形,高度改為32px,填充黑色,調整不透明度為25%和10%,整齊列到筆身上,如圖。

PS教程:怎麼製作卡通鉛筆icon

現在來建立筆頭,你可以用多邊形工具,雙擊畫布後,引數設定如下。

PS教程:怎麼製作卡通鉛筆icon

顏色填充為#e39a4d,然後對齊筆身。

PS教程:怎麼製作卡通鉛筆icon

現在建立筆尖,如法炮製一個三角形,大小為32x32px,顏色填充為#474f57,移動到筆頭處對齊,建立為剪下蒙版,如圖。

PS教程:怎麼製作卡通鉛筆icon

建立一個圓角矩形,寬高是64x96px,半徑是20px,顏色填充# f78879,命名為“Rubber”。然後建立一個矩形,大小32x96px,填充顏色# d5d5d5,如圖。

PS教程:怎麼製作卡通鉛筆icon

為它新增點光,建立一個圓角矩形,大小是10* 40px ,填充白色,不透明度改成30%。

PS教程:怎麼製作卡通鉛筆icon

教程, 卡通, 鉛筆,
相關問題答案