UI教程,ps設計擬物瀏覽器圖標。

來源:站酷 作者:秋明守致 學習:4942人次

繼上次《ps鼠繪一個杯子 http://tgudhdp.cn/photoshop/jiaocheng/2015/136389.html》教程分享之后,獲得不少網友支持,同時讓自己學到許多,謝謝網友給的濾鏡使用小技巧:使用濾鏡前,把圖層轉為智能對象,這樣后面可方便更改濾鏡參數。
這招賊棒,找到了分享教程之樂,難掩心里的興奮,繼續(xù)與大家分享,一枚手機主題桌面寫實圖標。有網友問,做擬物圖標有什么技巧呢?非得找一技巧的話,那就是多做多想。
本教程,設計工作量較少,從視覺上拆分為三部分。前兩部分詳細圖解設計過程的技巧及步驟。最后一部分主要用文字描述設計過程及圖解分析視覺原理。希望大家嘗試不同方法,萬一實現了呢?

別忘了源文件下載哦~~鏈接:http://pan.baidu.com/s/1i3Dv4QL 密碼:r5sw

效果:

UI教程,ps設計擬物瀏覽器圖標。
解剖:

UI教程,ps設計擬物瀏覽器圖標。
1:泡沫制作

UI教程,ps設計擬物瀏覽器圖標。

UI教程,ps設計擬物瀏覽器圖標。

UI教程,ps設計擬物瀏覽器圖標。

UI教程,ps設計擬物瀏覽器圖標。

2、波紋制作

UI教程,ps設計擬物瀏覽器圖標。

UI教程,ps設計擬物瀏覽器圖標。
3、粉末制作

UI教程,ps設計擬物瀏覽器圖標。

UI教程,ps設計擬物瀏覽器圖標。
看似麻煩,其實不難
新建空白圖層,使用畫筆(上面提供的源文件里已經有了)去刻畫。復制三層,各圖層添加圖層樣式 》顏色疊加。從下至上,顏色越上越亮,再整合三張圖在同一圖層文件夾,添加圖層蒙版,用畫筆(圓頭,硬度0)根據波紋畫出形狀。如上圖。

使用鋼筆工具,畫出不規(guī)則多邊形,如下圖。建議畫7、8個不同的多邊形,添加圖標樣式 》 投影+顏色添加(明暗交錯);以上兩步,是關鍵細節(jié)處理,會讓其顯得更為豐富及立體感。然后復制圖層,根據波紋進行拼湊。以上分開兩圖展示,目的更好講解粉末制作的明暗關系,刻畫作過程中,大家可自由調整。

UI教程,ps設計擬物瀏覽器圖標。
最后調整了一下圖層順序,最終效果如下:

UI教程,ps設計擬物瀏覽器圖標。

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!