日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

時間:2024-03-06 20:16作者:下載吧人氣:21

本文將傳授你多樣的扁平化設(shè)計風(fēng)格,絕對時髦教程,讀完本文,你將輕松掌握時下最熱門的設(shè)計手法,四種風(fēng)格包括:常規(guī)扁平化、長投影、投影式、漸變式。喜歡的朋友一起來學(xué)習(xí)吧。

扁平化UI圖標設(shè)計教程

一、常規(guī)扁平化

步驟 1:

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

步驟 2:

參考線設(shè)置:

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

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

扁平化UI圖標設(shè)計教程

最終結(jié)果:

扁平化UI圖標設(shè)計教程

步驟 3:

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

扁平化UI圖標設(shè)計教程

步驟4:

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

扁平化UI圖標設(shè)計教程

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

扁平化UI圖標設(shè)計教程

步驟 5:

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

基本扁平化圖標告成

二、長投影

步驟 1:

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

扁平化UI圖標設(shè)計教程

自由變換,選擇45度

扁平化UI圖標設(shè)計教程

為矩形形狀添加圖層蒙版

扁平化UI圖標設(shè)計教程

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

扁平化UI圖標設(shè)計教程

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

如下圖使用鋼筆工具

扁平化UI圖標設(shè)計教程

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

步驟2:

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

三、 漸變式

步驟 1:

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

步驟 2:

使用鋼筆工具,刪除一些錨點,然后拖移一些錨點到中心,如下圖。

扁平化UI圖標設(shè)計教程

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

扁平化UI圖標設(shè)計教程

步驟3:

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

扁平化UI圖標設(shè)計教程

扁平化UI圖標設(shè)計教程

四、投影式

這個超級簡單,給所有圖層添加如下圖層樣式即可(正片疊底 不透明度20% 距離10)

扁平化UI圖標設(shè)計教程

恭喜,完工

扁平化UI圖標設(shè)計教程

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

標簽設(shè)計,圖標,簡單,步驟,如下,工具,形狀,設(shè)置,扁平化,投影

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 在线视频欧美亚洲 | 久草在线新视觉 | 午夜三级国产精品理论三级 | 亚洲精品乱无伦码 | 娇小性色xxxxx中文 | 一级毛片国产 | xp123欧美亚洲国产日韩 | 久久免费国产精品一区二区 | 国产特黄一级一片免费 | 99精品久久久久久 | 国产一级一国产一级毛片 | 国产呦系列免费 | 免费观看欧美一区二区三区 | 18在线观看国内精品视频 | 97青草香蕉依人在线播放 | 中文字幕日韩精品有码视频 | 成年女人永久免费观看片 | 九九精品免视看国产成人 | 亚洲国产精品自在现线让你爽 | 99精品国产免费久久国语 | 操她视频网站 | 国产免费一区二区三区在线观看 | 日韩一级伦理片 | 欧美日韩一区二区综合 | 午夜影院黄 | 久久久久久一品道精品免费看 | 最新黄网 | 手机看福利片 | 欧美日韩一区二区高清视 | 久久一本精品久久精品66 | 欧美大胆一级视频 | 特级片免费看 | 中文字幕综合在线 | 免费播放巨茎人妖不卡片 | 国产亚洲精品一区久久 | 午夜性爽爽爽 | 一区二三区国产 | 久久国产精品岛国搬运工 | 免费看一级毛片欧美 | 久久草在线免费 | 国产精品久久久久久久久久直 |