扁平化UI圖標設計教程

2022-12-26 14:37:02 來源/作者: / 己有:25人學習過

二、長投影

步驟 1:

矩形工具,前景色#000000, 在三角箭頭圖層以及圓環圖層下方畫出形狀如下圖

Photoshop簡單設計四種扁平化設計圖標

自由變換,選擇45度

Photoshop簡單設計四種扁平化設計圖標

為矩形形狀添加圖層蒙版

Photoshop簡單設計四種扁平化設計圖標

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

Photoshop簡單設計四種扁平化設計圖標

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

Photoshop簡單設計四種扁平化設計圖標

Photoshop簡單設計四種扁平化設計圖標

如下圖使用鋼筆工具

Photoshop簡單設計四種扁平化設計圖標

 

不透明度設置為 20%

Photoshop簡單設計四種扁平化設計圖標

Photoshop簡單設計四種扁平化設計圖標

步驟2:

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

Photoshop簡單設計四種扁平化設計圖標

Photoshop簡單設計四種扁平化設計圖標

Photoshop簡單設計四種扁平化設計圖標