一、常規(guī)扁平化

　　步驟 1:

　　寬度: 500px, 高度: 400px. 背景色#e8d59b.

　　步驟 2:

　　參考線設(shè)置：

　　垂直：157px,177px,250px,323px, 343px, 378px

　　水平：72px, 107px, 127px, 200px, 273px, 293px, 328px

　　最終結(jié)果：

　　步驟 3:

　　前景色#d14242,，圓角矩形工具，半徑40，如下

　　步驟4:

　　橢圓工具，顏色#ffffff, 在中心創(chuàng)建圓狀物體。

　　依然在圓形圖層，選擇減去頂層形狀，畫(huà)出圓環(huán)形狀如下圖。

　　步驟 5:

　　自定義形狀工具，前景色 #ffffff, 中心創(chuàng)建三角箭頭

　　基本扁平化圖標(biāo)告成

　　二、長(zhǎng)投影

　　步驟 1:

　　矩形工具，前景色#000000, 在三角箭頭圖層以及圓環(huán)圖層下方畫(huà)出形狀如下圖

　　自由變換，選擇45度

　　為矩形形狀添加圖層蒙版

　　在圖層蒙版位置按住CMD+左鍵單擊圓角矩形形狀圖層，然后選擇>反向

　　使用油漆桶工具，前景色設(shè)置為#000000,抹去超出圓角矩形的陰影

　　如下圖使用鋼筆工具

　　不透明度設(shè)置為 20%

　　步驟2:

　　步驟1是三角箭頭的陰影，步驟2是圓環(huán)的陰影，類(lèi)似同上，不再贅述。

　　三、 漸變式

　　步驟 1:

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

　　步驟 2:

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

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

　　步驟3:

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

　　四、投影式

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

　　恭喜，完工

?

總結(jié)

以上是生活随笔為你收集整理的PS四种扁平化设计风格-网摘的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。