ps UI設(shè)計(jì)教程:設(shè)計(jì)扁平化風(fēng)格圖片
我們先來(lái)看看最終的效果圖吧:
扁平化風(fēng)格潮流浩浩蕩蕩,童鞋們周末有時(shí)間也來(lái)擼一發(fā),學(xué)習(xí)一下扁平化風(fēng)格icon的設(shè)計(jì)思路吧。今天分享的教程是教你創(chuàng)建一枚IOS 7 風(fēng)格的圖標(biāo),教程不難,熟練的童鞋30分鐘就可以完成咯。
好了,教程開始:步驟 1 :打好地基
Cttrl + N 創(chuàng)建畫布,大小為1024px * 1024px , 填充背景色為#fcf2da。
然后 → 編輯 → 首選項(xiàng) → 參考線、網(wǎng)格和切片,設(shè)置如下:
武器已準(zhǔn)備,接下來(lái)踏上征程吧!
先創(chuàng)建一個(gè)圓角矩形,大小為512px*512px,半徑120px,記住左上角是形狀哦。
搞定后填充顏色#c47420,命名"icon base"
添加內(nèi)陰影,參數(shù)如下:
為它做一個(gè)長(zhǎng)投影效果,創(chuàng)建一個(gè)矩形,填充黑色,大小可以自己調(diào)整,我是寬718.22px和高732.74px,Ctrl + T 變換角度。
添加圖層樣式—— 漸變疊加,參數(shù)如圖,順便把不透明度調(diào)整為30%,填充0%
好了,現(xiàn)在的效果是這樣的:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)盒子圖標(biāo)