扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)(3)
隨著移動(dòng)APP的普及,扁平化設(shè)計(jì)也開(kāi)始得到了運(yùn)用;扁平化設(shè)計(jì)的核心概念是放棄一切裝飾效果,諸如透視,紋理,漸變等能呈現(xiàn)3D立體效果的一概不用。所有元素圖形都干凈利落。沒(méi)有羽化,漸變,浮雕。因?yàn)楸馄交O(shè)計(jì)的運(yùn)用,使得手機(jī)APP界面簡(jiǎn)約整齊,方便使用和操作。減少認(rèn)知障礙。小林編寫(xiě)的以下這個(gè)利用Photoshop制作扁平化圖標(biāo)的教程,只需要簡(jiǎn)單幾步,便可以制作出圖標(biāo)的平面長(zhǎng)投影效果。希望對(duì)你有所幫助,歡迎多提寶貴建議。
最終效果
1,建立圓角矩形,填充一種自己比較喜歡的顏色;
2,畫(huà)一個(gè)圖標(biāo),填充白色;
3,再新建一個(gè)圖層,填充黑色;(因?yàn)橄乱徊剑褂枚x畫(huà)筆,白色無(wú)法定義畫(huà)筆,所以圖標(biāo)實(shí)際上有兩個(gè)層。一個(gè)是白色的,一個(gè)是黑色的。)
4,按CTRL鍵點(diǎn)擊黑色圖標(biāo)的圖層,建立圖形選區(qū),菜單>編輯>定義畫(huà)筆預(yù)設(shè);
5,建立路徑,如圖;
6,新建圖層,選擇畫(huà)筆工具,如圖定義畫(huà)筆預(yù)設(shè);再描邊路徑;改變透明度,完成最終效果;
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ui設(shè)計(jì)
- ps網(wǎng)頁(yè)設(shè)計(jì)
- UI設(shè)計(jì)教程
- ui制作
- 小林
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(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)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- PS繪制磚塊ICO圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI教程:設(shè)計(jì)電池icon
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- ps日歷圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)