扁平化圖標!用PS幾步搞定時鐘圖標(3)

來源:小林設(shè)計 作者:小林 學習:6841人次

隨著移動APP的普及,扁平化設(shè)計也開始得到了運用;扁平化設(shè)計的核心概念是放棄一切裝飾效果,諸如透視,紋理,漸變等能呈現(xiàn)3D立體效果的一概不用。所有元素圖形都干凈利落。沒有羽化,漸變,浮雕。因為扁平化設(shè)計的運用,使得手機APP界面簡約整齊,方便使用和操作。減少認知障礙。小林編寫的以下這個利用Photoshop制作扁平化圖標的教程,只需要簡單幾步,便可以制作出圖標的平面長投影效果。希望對你有所幫助,歡迎多提寶貴建議。

最終效果

扁平化圖標!用PS幾步搞定時鐘圖標

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

2,畫一個圖標,填充白色;

扁平化圖標!用PS幾步搞定時鐘圖標

3,再新建一個圖層,填充黑色;(因為下一步,要使用定義畫筆,白色無法定義畫筆,所以圖標實際上有兩個層。一個是白色的,一個是黑色的。)

4,按CTRL鍵點擊黑色圖標的圖層,建立圖形選區(qū),菜單>編輯>定義畫筆預設(shè);

5,建立路徑,如圖;

扁平化圖標!用PS幾步搞定時鐘圖標

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

扁平化圖標!用PS幾步搞定時鐘圖標

學習 · 提示

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

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

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