扁平化UI圖標(biāo)設(shè)計(jì)教程
- 2022-12-25 00:06:11
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
本文將教你多樣的扁平化設(shè)計(jì)風(fēng)格,絕對(duì)時(shí)髦教程,讀完本文,你將輕松掌握時(shí)下最熱門的設(shè)計(jì)手法,四種風(fēng)格包括:常規(guī)扁平化、長(zhǎng)投影、投影式、漸變式。喜歡的朋友一起來學(xué)習(xí)吧。
二、長(zhǎng)投影
步驟 1:
矩形工具,前景色#000000, 在三角箭頭圖層以及圓環(huán)圖層下方畫出形狀如下圖

自由變換,選擇45度

為矩形形狀添加圖層蒙版

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

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


如下圖使用鋼筆工具

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


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


*PSjia.COM 傾力出品,轉(zhuǎn)載請(qǐng)注明來自PS家園網(wǎng)(www.sz-xdd.com.cn)
標(biāo)簽(TAG) UI設(shè)計(jì)教程 扁平化 工具 設(shè)計(jì) 圖標(biāo)設(shè)計(jì) 佚名








