設(shè)計(jì)通訊簿圖標(biāo)教程(6)
來(lái)源:優(yōu)設(shè)網(wǎng)
作者:葶蓂溪畔的幽靈公主
學(xué)習(xí):4827人次
步驟 6
將上一步繪制的圖層填充調(diào)整為0%,添加內(nèi)陰影,參數(shù)如下。
步驟 1
用矩形工具,創(chuàng)建一個(gè)30 x 380px 的矢量形狀,位置如下。設(shè)置圖層混合選項(xiàng)如下。
步驟 2
接下來(lái)的步驟你需要5px的網(wǎng)格,所以需要重新設(shè)置網(wǎng)格大小,編輯>首選項(xiàng)>參考線,網(wǎng)格和切片,設(shè)置網(wǎng)格線間隔為5px。選擇圓角矩形工具,將半徑設(shè)為3px。將前景色設(shè)為#d11812, 創(chuàng)建一個(gè)25 x 380px 的圓角矩形,位置如下。保持紅色圓角矩形為選中狀態(tài),選擇矩形工具,按住 Alt鍵,創(chuàng)建一個(gè) 10 x 380px 的矢量形狀,如下圖。為紅色形狀圖層添加漸變疊加,參數(shù)如下。
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程
- UI圖標(biāo),設(shè)計(jì)一個(gè)綠色電話(huà)主題圖標(biāo)教程
- UI圖標(biāo),設(shè)計(jì)一個(gè)藍(lán)色I(xiàn)CON按鈕圖標(biāo)教程
- UI圖標(biāo),設(shè)計(jì)質(zhì)感ICON圖標(biāo)
- 攝影圖標(biāo),利用布爾運(yùn)算設(shè)計(jì)快門(mén)icon
- 圓環(huán)圖標(biāo),簡(jiǎn)單易學(xué)的圓環(huán)圖標(biāo)教程
- UI圖標(biāo),臨摹一個(gè)指針主題圖標(biāo)
- UI知識(shí),制作icon到底是用AI還是用PS?
- icon圖標(biāo),10分鐘快速繪制iTunes icon
- ICON教程,臨摹國(guó)外大師的一個(gè)錄音機(jī)圖標(biāo)實(shí)例
推薦教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)盒子圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!