扁平化UI圖標(biāo)設(shè)計(jì)教程
來源:優(yōu)設(shè)
作者:佚名
學(xué)習(xí):18251人次
本文將傳授你多樣的扁平化設(shè)計(jì)風(fēng)格,絕對(duì)時(shí)髦教程,讀完本文,你將輕松掌握時(shí)下最熱門的設(shè)計(jì)手法,四種風(fēng)格包括:常規(guī)扁平化、長(zhǎng)投影、投影式、漸變式。喜歡的朋友一起來學(xué)習(xí)吧。
一、常規(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)建三角箭頭
基本扁平化圖標(biāo)告成
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)設(shè)計(jì)
- 佚名
- 扁平化
- 設(shè)計(jì)
- 工具
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
推薦教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps日歷圖標(biāo)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI教程:設(shè)計(jì)電池icon
- UI知識(shí),做UI的工作方式與流程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!