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

2022-12-26 10:29:45 來源/作者: / 己有:9人學(xué)習(xí)過

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

效果圖:

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

靈感來源

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

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

軟件: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)

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

繪制水晶晶體外形

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

STEP 01

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

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

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

STEP 02

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

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

STEP 03

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

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

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

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

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