設(shè)計(jì)通訊簿圖標(biāo)教程(8)
步驟 7
為上一步合并后的圖層設(shè)置如下。
步驟 1
將網(wǎng)格線間距調(diào)整為10px(編輯>首選項(xiàng)>參考線,網(wǎng)格和切片>網(wǎng)格線間隔 )。將前景色設(shè)為白色(#ffffff),選擇矩形工具, 創(chuàng)建一個(gè)100 x 50px的矢量形狀,位置如下。將該圖層的填充調(diào)整為0%,設(shè)置圖層混合選項(xiàng)如下。
步驟 2
現(xiàn)在將網(wǎng)格線間距調(diào)整為5px。(編輯>首選項(xiàng)>參考線,網(wǎng)格和切片>網(wǎng)格線間隔)。選擇矩形工具,創(chuàng)建一個(gè)90 x 40px 的矢量形狀,位置如下。保持該圖層選中狀態(tài),選擇橢圓工具, 按住Alt鍵, 創(chuàng)建一個(gè)10px 的圓,位置如下。將該圖層的填充調(diào)整為0%,按下圖設(shè)置圖層混合選項(xiàng)。 注意:漸變疊加中,黃色數(shù)據(jù)表示透明度,白色數(shù)據(jù)表示位置百分比。
步驟 3
選擇橢圓工具,創(chuàng)建一個(gè)10px的圓,位置如下。保持選中狀態(tài),選擇矩形工具,按住Alt 鍵,創(chuàng)建一個(gè)5 x 10px的形狀,如下圖。 將該圖層的填充調(diào)整為0%,設(shè)置圖層混合選項(xiàng)如下。
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程
- UI圖標(biāo),設(shè)計(jì)一個(gè)綠色電話主題圖標(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ì)快門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教程,臨摹國外大師的一個(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)