當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)

來源:站酷 作者:Hazel24 學(xué)習(xí):3914人次

本篇教程教大家使用PS鼠繪質(zhì)感飲料圖標(biāo),教程的案例非常有創(chuàng)意,直接使用液態(tài)來處理和形成一個(gè)圖標(biāo)。個(gè)人學(xué)習(xí)之后非常喜歡,推薦一下,希望對(duì)大家有所幫助吧,之前在網(wǎng)上看到一個(gè)icon,很喜歡,開始看樣子覺得挺難,但仔細(xì)分析之后發(fā)現(xiàn)還好,要是出一套主題icon也是很不錯(cuò)的樣子,所以并沒有照做,借鑒了樣式,選了個(gè)電話功能做出來,跟大家分享一下。寫了步驟之后發(fā)下這東西不是很好寫,就簡(jiǎn)單說說,一起來學(xué)習(xí)一下吧。


效果圖:


圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

操作步驟;

1、首先把基本型繪制出來,建立一個(gè)圓角矩形,顏色為白色,填充改為48%。用鋼筆工具畫出大致輪廓,并填充顏色。這里的電話我先做了一一個(gè)漸變。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

2、為玻璃的底部刻畫厚度。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

3、新建- -圓角矩形,為玻璃添加一個(gè)綠色漸變,模式改為線性加深。再建一個(gè)圓角矩形,大小如圖,添加一個(gè)漸變,模式改為顏色加深,并為該圖層添加效果,如圖,再為該圖層加一蒙版http://theoat.com.cn/tags/38847/。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

4、建立兩個(gè)圓角矩形,描邊,如圖,小的圓角矩形稍微羽化下,模式改為變亮,大的模式改為線性加深,透明度32%。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

5、為液體部分和底部玻璃添加高光。用鋼筆工具繪制,顏色填充白色即可,液體部分模式改為疊加,降低透明度即可。根據(jù)光照,可以適當(dāng)為邊緣增加亮度或加深邊緣,增加質(zhì)感。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

6、調(diào)整電話質(zhì)感。這里不給具體數(shù)據(jù)了,調(diào)整參數(shù)或者增加圖層,達(dá)到自己滿意效果即可。

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

7、最后就增加高光,泡泡和陰影,增加液體細(xì)節(jié),大功告成。換換顏色也好看。像不同的飲料,啊,突然好餓啊...

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn

完成:

圖標(biāo)制作,鼠繪非常有創(chuàng)意質(zhì)感的飲料UI圖標(biāo)_theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

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

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

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

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