UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

來源:站酷 作者:秋明守致 學(xué)習(xí):4942人次

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

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

效果:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
解剖:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
1:泡沫制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

2、波紋制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
3、粉末制作

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

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

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

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。
最后調(diào)整了一下圖層順序,最終效果如下:

UI教程,ps設(shè)計(jì)擬物瀏覽器圖標(biāo)。

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

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

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

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