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

來源:優(yōu)設(shè)網(wǎng) 作者:葶蓂溪畔的幽靈公主 學(xué)習(xí):4827人次

步驟 3

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

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

步驟 4

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

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

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

步驟 5

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

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

步驟 6

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!