當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

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

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

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

效果圖:

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

靈感來源

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

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

軟件:Photoshop 2019

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

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

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

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

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

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

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

繪制水晶晶體外形

首先還是需要我們在PS中繪制出水晶的外觀輪廓。

STEP 01

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

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

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

STEP 02

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

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

STEP 03

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

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

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

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

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

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

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

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

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

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