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分鐘就可以完成咯。

好了，教程開(kāi)始：步驟 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)在的效果是這樣的：