PS新手教程：轻松掌握四种扁平化设计风格
本文將傳授你多樣的扁平化設(shè)計風格，絕對時髦教程！讀完本文，你將輕松掌握時下最熱門的設(shè)計手法：）
四種風格包括：常規(guī)扁平化、長投影、投影式、漸變式。
?
相關(guān)閱讀：
PS新手教程！打造萬圣節(jié)南瓜燈
PS新手教程！打造一枚簡約音樂播放器
?
一、常規(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án)形狀如下圖。
步驟 5:
?
自定義形狀工具，前景色 #ffffff, 中心創(chuàng)建三角箭頭
?
基本扁平化圖標告成
?
二、長投影
?
步驟 1:
?
矩形工具，前景色#000000, 在三角箭頭圖層以及圓環(huán)圖層下方畫出形狀如下圖
自由變換，選擇45度
為矩形形狀添加圖層蒙版
在圖層蒙版位置按住CMD+左鍵單擊圓角矩形形狀圖層，然后選擇>反向
使用油漆桶工具，前景色設(shè)置為#000000,抹去超出圓角矩形的陰影
?
如下圖使用鋼筆工具
不透明度設(shè)置為 20%
?
步驟2:
?
步驟1是三角箭頭的陰影，步驟2是圓環(huán)的陰影，類似同上，不再贅述。
?
?
?
三、 漸變式
?
步驟 1:
?
復(fù)制圓角矩形圖層，然后移動到圖層最頂端，填充設(shè)置為 0%
?
?
步驟 2:
?
使用鋼筆工具，刪除一些錨點，然后拖移一些錨點到中心，如下圖。
為復(fù)制后的圖層添加圖層樣式，如下（正片疊底 不透明度20% 縮放100%）
步驟3:
?
原圓角矩形圖層也如下設(shè)置（正片疊底 不透明度10% 縮放100%）
?
?
四、投影式
?
這個超級簡單，給所有圖層添加如下圖層樣式即可（正片疊底 不透明度20% 距離10）
恭喜，完工
本教程利用PS講述了幾種扁平化風格的實現(xiàn)，希望你能學以致用，多多實驗，開創(chuàng)自己的風格。
?
原文地址：http://omahpsd.com/2013/10/how-to-custom-flat-icon-photoshop-tutorial/
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
?
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。
?
================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com“是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：擁有粉絲量56萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
總結(jié)
以上是生活随笔為你收集整理的PS新手教程：轻松掌握四种扁平化设计风格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Mobaxterm终端工具和Neokyl
- 下一篇： killall杀死nginx顽固进程