圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)

來源:站酷 作者:平面設(shè)計(jì)桃子 學(xué)習(xí):11786人次

本篇制作的是一款質(zhì)感水晶圖標(biāo),全部在PS中來完成,說是圖標(biāo),也可以說是平面的素材,整個(gè)設(shè)計(jì)的是水晶幾何形狀,在設(shè)計(jì)中很容易做出簡(jiǎn)約風(fēng)格,具體還是需要通過教程來制作才可以知道實(shí)際操作起來是什么情況,很多我們平時(shí)看似簡(jiǎn)單的設(shè)計(jì),只要用在對(duì)應(yīng)的地方就可以是很棒的設(shè)計(jì),一起來學(xué)習(xí)一下吧。

效果圖:

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

靈感來源

來自Jose A.ortiz的一組光感作品,看了作品里對(duì)光源把握很好,于是臨摹了一下,有所心得。在他原有的作品上,增加了光的作用,此外也增加了我自己的方法和理解。

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn

軟件:Photoshop 2019

本文對(duì)所涉及的軟件基礎(chǔ)工具不多做特別詳細(xì)的解釋,如果對(duì)工具仍然不熟悉的小伙伴,可以先移步軟件的基礎(chǔ)操作再進(jìn)行實(shí)例練習(xí),本文更多提供的是一種創(chuàng)作的思維過程和方法。

用筆刷實(shí)現(xiàn)漸變

我很喜歡PS的筆刷,但是用來用去發(fā)現(xiàn)最常用的還是默認(rèn)那款。今天我們就用最普通的筆刷來「刷」出色彩。

雖然軟件里有漸變工具,但是要想實(shí)現(xiàn)漸變這一視覺效果,在PS中有無限的實(shí)現(xiàn)途徑。比如今天我們要用的就是用筆刷來實(shí)現(xiàn)漸變。

用筆刷來實(shí)現(xiàn)漸變,和繪畫是一個(gè)道理,非常自由的調(diào)配色彩。這樣能讓漸變的色彩表現(xiàn)更自由。

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn

以上左右兩個(gè)圓的色彩填充就是分別采用了漸變工具、柔邊圓畫筆筆刷。可以看到右邊筆刷刷出的漸變比較自然靈動(dòng),而左邊相對(duì)比較平直,沒有變化。如果想要實(shí)現(xiàn)比較靈活的視覺效果,左邊用漸變工具以后,還需要做更多的處理。

繪制水晶晶體外形

首先還是需要我們?cè)赑S中繪制出水晶的外觀輪廓。

STEP 01

我們可以首先在草圖上找到合適的形態(tài),水晶是一種有機(jī)形態(tài),可以探索多種不同的形態(tài)畫法。

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn

這里大家可以看到我們有多條邊線,這是把位于水晶背面的邊線也表現(xiàn)出來了。這是為了讓我們?cè)谲浖锢L制形狀時(shí)清楚水晶的結(jié)構(gòu),每一個(gè)面都需要填色到位,我們要讓水晶保持透明。

STEP 02

打開PS,新建一個(gè)2000*2000px的文檔,將背景設(shè)置為暗藍(lán)色。一般來說,光感效果都需要暗色背景來襯托其光亮。

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn

STEP 03

按照草圖給定的輪廓線,運(yùn)用鋼筆工具進(jìn)行繪制。繪制的目的是建立起水晶晶體不同的「面」,這樣才能幫助填色。

水晶的晶體一共有8個(gè)面,前后分別表現(xiàn)為4個(gè)面。

圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)_m.theoat.com.cn

前后4個(gè)面是遮擋的關(guān)系(前面擋住了后面),在這里如果降低了圖層的透明度就能看到,因?yàn)橥该鳎@8個(gè)面的視覺相互影響。

相應(yīng)的,在圖層上也需要安排好它們的順序。

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

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

沉の冬2019-12-11 02:20
抱歉。。。牛批,做的很好
zzlqq2019-12-08 08:11
上傳自動(dòng)加水印好不!
查查2019-12-08 01:39
這是我們論壇的水印呀{:5_235:}
沉の冬2019-12-08 09:57
兄弟,大家都是學(xué)習(xí)ps的,下次記得吧右下角的logo去掉。盜圖專業(yè)點(diǎn)。
查查2019-12-08 12:06
牛批,做的很好
zzlqq2019-12-07 09:37
我的作業(yè):

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

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