設(shè)計通訊簿圖標(biāo)教程

2022-12-26 14:26:41 來源/作者: / 己有:44人學(xué)習(xí)過

步驟 3

接下來的步驟需要1px的網(wǎng)格,編輯>首選項>參考線,網(wǎng)格和切片,設(shè)置網(wǎng)格線間隔為1px。將前景色設(shè)為#6c1c07,選擇矩形工具,創(chuàng)建一個 5 x 376px 的矢量形狀,位置如下。

設(shè)計通訊簿圖標(biāo)教程

步驟 4

為上一步的圖層添加內(nèi)陰影,參數(shù)如下。

設(shè)計通訊簿圖標(biāo)教程

設(shè)計通訊簿圖標(biāo)教程

步驟 5

將前景色設(shè)為#7c2d0c,選擇圓角矩形工具,創(chuàng)建一個2 x 7px 的矢量形狀,位置如下。

設(shè)計通訊簿圖標(biāo)教程

步驟 6

復(fù)制上一步繪制的小圓角矩形(Command/Ctrl-J),把復(fù)制的圖層向下移動13px。重復(fù)這項操作,再添加26個小圓角矩形。完成后,選中這些小圓角矩形,在圖層面板中單擊右鍵,合并圖層。

設(shè)計通訊簿圖標(biāo)教程