ps UI設計教程:設計扁平化風格圖片

2023-11-02 17:39:14 來源/作者: / 己有:0人學習過

我們先來看看最終的效果圖吧:

PS設計制作扁平化IOS7風格圖標
扁平化風格潮流浩浩蕩蕩,童鞋們周末有時間也來擼一發(fā),學習一下扁平化風格icon的設計思路吧。今天分享的教程是教你創(chuàng)建一枚IOS 7 風格的圖標,教程不難,熟練的童鞋30分鐘就可以完成咯。

好了,教程開始:步驟 1 :打好地基

Cttrl + N 創(chuàng)建畫布,大小為1024px * 1024px , 填充背景色為#fcf2da。

然后 → 編輯 → 首選項 → 參考線、網(wǎng)格和切片,設置如下:

PS設計制作扁平化IOS7風格圖標

武器已準備,接下來踏上征程吧!

先創(chuàng)建一個圓角矩形,大小為512px*512px,半徑120px,記住左上角是形狀哦。

搞定后填充顏色#c47420,命名"icon base"

PS設計制作扁平化IOS7風格圖標

添加內陰影,參數(shù)如下:

PS設計制作扁平化IOS7風格圖標

為它做一個長投影效果,創(chuàng)建一個矩形,填充黑色,大小可以自己調整,我是寬718.22px和高732.74px,Ctrl + T 變換角度。

添加圖層樣式—— 漸變疊加,參數(shù)如圖,順便把不透明度調整為30%,填充0%

PS設計制作扁平化IOS7風格圖標

好了,現(xiàn)在的效果是這樣的:

PS設計制作扁平化IOS7風格圖標