雖然是一個簡單的圖標,制作起來還是要非常細心的。尤其是層次感及投影部分,需要控制好陰影的透明度,做出過渡自然的效果。最終效果
一、Cttrl + N 創建畫布,大小為1024px * 1024px , 填充背景色為#fcf2da。然后 → 編輯 → 首選項 → 參考線、網格和切片,設置如下。
二、先創建一個圓角矩形,大小為512px*512px,半徑120px,記住左上角是形狀哦。 搞定后填充顏色#c47420,命名“icon base”。
三、添加內陰影,參數如下。
四、為它做一個長投影效果,創建一個矩形,填充黑色,大小可以自己調整,我是寬718.22px和高732.74px,Ctrl + T 變換角度。 添加圖層樣式—— 漸變疊加,參數如圖,順便把不透明度調整為30%,填充0%。
五、好了,現在的效果是這樣的。
六、同樣創建圓角矩形,參數如下。
七、然后復制一層,快捷鍵“A”來到選擇工具,減少16px,調整高度為432px。完成后繼續復制一層,依上高度改為416px,填充顏色改為 # f3f3f3,完成后如圖。