設(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)友求助，請回答！