ps cs6設(shè)計(jì)膠卷UI圖標(biāo)(3)

來源:站酷 作者:牛MO王 學(xué)習(xí):7303人次
教程的過程介紹的不是很詳細(xì),不過作者分享了很多不錯(cuò)的繪畫經(jīng)驗(yàn),從光源設(shè)置到最后的高光點(diǎn)綴,這些都是非常值得學(xué)習(xí)的。

最終效果

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

1、整體的大統(tǒng)一,就是光源,大膽的使用明暗對(duì)比可以增強(qiáng)圖標(biāo)的視覺沖擊,吸引眼球。值得強(qiáng)調(diào)的是,高光和陰影絕對(duì)不是純黑和純白,要注意環(huán)境色的影響。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

2、擬物類圖標(biāo),重點(diǎn)拼在細(xì)節(jié)和明暗對(duì)比上,其中透視也是重要環(huán)節(jié)。在設(shè)計(jì)之始,先畫一個(gè)簡(jiǎn)單的線框確立好統(tǒng)一的透視關(guān)系。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

3、先用鋼筆工具,畫一個(gè)大概外輪廓,相近的顏色。關(guān)于矢量鋼筆組合多多嘗試鋼筆路徑操作。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)
4、細(xì)致刻畫,增加或者減少一些裝飾。擬物化拼的就是逼真、動(dòng)感。至此我們所有的操作仍然是基于鋼筆矢量工具上。我們也可以將這步定位扁平化。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

5、接著,就是細(xì)節(jié)的刻畫。利用圖層樣式進(jìn)行一些效果,還是非常不錯(cuò)的。多多嘗試混合模式的使用能有奇效。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

6、其它部位大同小異,不再一一列舉。重點(diǎn)是把能用上的效果都用上,發(fā)揮極致。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)
7、黃色部分,圓柱型身體兩側(cè)使用深紅色襯托轉(zhuǎn)角,高亮部分用黃色。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

8、同理,膠帶部分和中間細(xì)節(jié)也是利用圖層樣式進(jìn)行調(diào)整,膠帶復(fù)制一層增加厚度。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)
9、膠卷的底座。多多參考實(shí)物進(jìn)行設(shè)計(jì),擬物化在和實(shí)物對(duì)比上,需要多多考慮真實(shí)存在性。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

10、添加陰影部分,無論是多么小的厚度,都會(huì)存在陰影。注意陰影的顏色要貼近物體環(huán)境色。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

11、有的時(shí)候陰影表現(xiàn)僅一個(gè)圖層是不夠的,需要多層疊加。因?yàn)殛幱昂土敛糠痔幚淼膶?duì)比越強(qiáng)烈,擬物化圖標(biāo)的立體感就更強(qiáng)烈。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

12、添加高光和陰影處理方法一樣,我習(xí)慣后處理高光,因?yàn)榱咙c(diǎn)總是在最后提煉。從圖中我們可以看到,有了高光以后圖標(biāo)整個(gè)感覺就不一樣了。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

13、再加上一個(gè)襯板就完成了。

教大家設(shè)計(jì)一個(gè)膠卷圖標(biāo)

最終效果:

教大家設(shè)計(jì)一個(gè)膠卷圖標(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)論
instant_k2014-05-06 12:37
下載地址里面沒有什么啊

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

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