扁平化UI圖標(biāo)設(shè)計(jì)教程(3)

三、 漸變式

步驟 1:

復(fù)制圓角矩形圖層，然后移動(dòng)到圖層最頂端，填充設(shè)置為 0%

步驟 2:

使用鋼筆工具，刪除一些錨點(diǎn)，然后拖移一些錨點(diǎn)到中心，如下圖。

為復(fù)制后的圖層添加圖層樣式，如下(正片疊底 不透明度20% 縮放100%)

步驟3:

原圓角矩形圖層也如下設(shè)置(正片疊底 不透明度10% 縮放100%)

四、投影式

這個(gè)超級(jí)簡(jiǎn)單，給所有圖層添加如下圖層樣式即可(正片疊底 不透明度20% 距離10)

恭喜，完工

本教程利用PS講述了幾種扁平化風(fēng)格的實(shí)現(xiàn)，希望你能學(xué)以致用，多多實(shí)驗(yàn)，開創(chuàng)自己的風(fēng)格。