圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)(4)

來源:UI中國 作者:Keychen 學(xué)習(xí):9382人次

本篇教程通過PS制作一個(gè)晶瑩剔透的玻璃球圖標(biāo),這個(gè)樣式像極了80、90以前玩的彈珠,不知在制作的時(shí)候是不是也能想起小時(shí)候和小伙伴們玩耍的青春,整個(gè)教程比較簡單,做過圖標(biāo)的同學(xué)們應(yīng)該駕輕就熟,依然是用我們的好朋友圖層樣式進(jìn)行制作,剛興趣的同學(xué)們一起來學(xué)習(xí)一下吧。

效果圖

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn
theoat.com.cn

操作步驟:

一、建立背景

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

在這一步大家可以隨自己的喜好創(chuàng)建畫布大小,這么沒有特定要求。

二、建立外層的玻璃體

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

首先,小伙伴們需要用“布爾運(yùn)算”得到如圖的形狀

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

對(duì)剛才得到的形狀在“混合選項(xiàng)”把填充不透明度變?yōu)?ldquo;0”此時(shí)你會(huì)發(fā)現(xiàn)形狀消失了, 沒關(guān)系, 我們接下來調(diào)整參數(shù)~

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

接著就是應(yīng)用各種“圖層樣式”,這一步在于先確立一個(gè)大概的玻璃球體積感。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加第1層“內(nèi)陰影”確定玻璃球的暗面

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加第2層“內(nèi)陰影”確定玻璃球的反光部分

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加第3層“內(nèi)陰影”增加玻璃球暗面層次給球體增加體積感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加“內(nèi)發(fā)光”讓玻璃球內(nèi)部平滑過渡

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

通過以上參數(shù)設(shè)置后,最終效果如圖

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

接下來我們做銜接部分,用形狀畫出如圖樣式。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

對(duì)剛才的銜接部分圖形應(yīng)用“圖層樣式”里的漸變疊加。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

然后加上分割線和陰影效果得到如圖最終效果

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

接下來到了按鈕部分了,首先我們來繪制按鈕的底座,如圖畫出一個(gè)圓形。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

對(duì)剛才的形狀運(yùn)用添加漸變疊加給按鈕一個(gè)底色

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加內(nèi)陰影給剛才的按鈕增加質(zhì)感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加投影讓按鈕立體起來

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

最終得到按鈕底座的效果如圖

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

按照底座同樣的方式可以去做出如圖的按鈕。

三、繪制液體部分

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

在這一步我們來給玻璃球里加上液體,先如圖繪制一個(gè)波浪形。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

給這個(gè)波浪形加上各種參數(shù)吧

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

通過添加內(nèi)陰影的方式繪制波浪暗面

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加內(nèi)發(fā)光去使得波浪有透光感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

添加漸變疊加讓波浪的表面更加有層次感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

最終得到如圖效果

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

接下來用上面同樣的方法給液體加上后面的厚度部分。(漸變的顏色變深)

四、繪制氣泡

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

為了讓這個(gè)液體看上去生動(dòng)有趣我們?cè)谝后w內(nèi)部加上小氣泡,還是先如圖畫出一個(gè)個(gè)小圓形。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

然后對(duì)剛才畫的小圓點(diǎn)進(jìn)行參數(shù)設(shè)置。(記得最后把填充變?yōu)?ldquo;0”,氣泡的效果才會(huì)顯現(xiàn))

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

內(nèi)陰影讓小圓點(diǎn)有周圍產(chǎn)生體積感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

用內(nèi)發(fā)光效果添加體積感同時(shí)做出透光感

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

最終得到如圖的氣泡效果

五、光和投影

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

到這步已經(jīng)快接近完成了,我們來讓這個(gè)玻璃效果更佳的通透一些,如圖我先用形狀工具繪制出球體的高光,投影和玻璃球的折射部分。

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

對(duì)剛才生硬的形狀分別調(diào)節(jié)羽化參數(shù)

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

最終投影和光的羽化效果如圖

六、最終潤色

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

大致效果已經(jīng)出來了,最終加上文字,進(jìn)入潤色環(huán)節(jié),這里大家可以印蓋圖章后轉(zhuǎn)為智能對(duì)象,然后加cameraraw濾 鏡效果進(jìn)行調(diào)節(jié)。

完成:

圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)_theoat.com.cn

制作起來并不復(fù)雜,用的還是我們之前學(xué)習(xí)過的,就是有些細(xì)微之處需要耐心在制作,后期設(shè)計(jì)一下是一個(gè)完美的藝術(shù)品。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
茵一紫蘋2019-03-08 06:05
點(diǎn)贊
qq1710904662018-08-14 04:24
qq1710904662018-08-14 04:23
有的細(xì)節(jié)還是不會(huì)做我的作業(yè):
尖尖的牙簽2018-07-26 10:09
LZ 辛苦了。不回都不好意思啊
尖尖的牙簽2018-07-26 10:09
LZ 辛苦了。不回都不好意思啊
尖尖的牙簽2018-07-26 10:09
LZ 辛苦了。不回都不好意思啊
熱火永遠(yuǎn)火2018-07-26 07:07
我是新來的 多向大家學(xué)習(xí)啊 呵呵
熱火永遠(yuǎn)火2018-07-26 07:07
我是新來的 多向大家學(xué)習(xí)啊 呵呵
熱火永遠(yuǎn)火2018-07-26 07:07
我是新來的 多向大家學(xué)習(xí)啊 呵呵
星辰海2018-07-26 09:39
孟婆湯真得好喝2018-07-26 08:38
我是新來的 多向大家學(xué)習(xí)啊
孟婆湯真得好喝2018-07-26 08:38
我是新來的 多向大家學(xué)習(xí)啊
孟婆湯真得好喝2018-07-26 08:38
我是新來的 多向大家學(xué)習(xí)啊
寶寶看這里2018-07-26 03:06
感謝大大無私奉獻(xiàn)
寶寶看這里2018-07-26 03:06
感謝大大無私奉獻(xiàn)

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

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