扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)(3)

來(lái)源:小林設(shè)計(jì) 作者:小林 學(xué)習(xí):6841人次

隨著移動(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ì)你有所幫助,歡迎多提寶貴建議。

最終效果

扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)

1,建立圓角矩形,填充一種自己比較喜歡的顏色;

2,畫(huà)一個(gè)圖標(biāo),填充白色;

扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)

3,再新建一個(gè)圖層,填充黑色;(因?yàn)橄乱徊,要使用定義畫(huà)筆,白色無(wú)法定義畫(huà)筆,所以圖標(biāo)實(shí)際上有兩個(gè)層。一個(gè)是白色的,一個(gè)是黑色的。)

4,按CTRL鍵點(diǎn)擊黑色圖標(biāo)的圖層,建立圖形選區(qū),菜單>編輯>定義畫(huà)筆預(yù)設(shè);

5,建立路徑,如圖;

扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)

6,新建圖層,選擇畫(huà)筆工具,如圖定義畫(huà)筆預(yù)設(shè);再描邊路徑;改變透明度,完成最終效果;

扁平化圖標(biāo)!用PS幾步搞定時(shí)鐘圖標(biāo)

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
小明來(lái)上學(xué)2015-01-20 01:58
扁平化的小鬧鐘Ico

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!