ps怎么設(shè)計(jì)圓形插畫效果的日出圖標(biāo)?

ps中想要制作一個(gè)日出圖標(biāo),該怎么繪制漂亮的圓形日出標(biāo)志恩?下面我們就來看看詳細(xì)的教程。
一、草圖階段
草圖階段很重要的是確定好大致的構(gòu)圖,按照一個(gè)圓形來作為畫框是非常常見的圖標(biāo)的代表,當(dāng)然作為圖標(biāo)有時(shí)候可大可小。但是大家應(yīng)該可以看到,這里波浪的部分是海面,而右邊的圓是太陽,上面這些分散的點(diǎn)就是水珠。這個(gè)景象大家應(yīng)該并不陌生。
二、拆分基礎(chǔ)形
扁平化的插畫無一不是從基礎(chǔ)形開始,保持基礎(chǔ)形的簡潔是非常重要的一步。那我們就需要將草圖進(jìn)行拆分,其實(shí)這副插畫的基礎(chǔ)形就只有兩個(gè):圓形和波浪形。接下來我們就要考慮怎樣得到這兩個(gè)形狀,以及這兩個(gè)形狀應(yīng)該怎么組合成畫面。
三、海面的基礎(chǔ)形
首先,我們打開PS新建一個(gè)文檔,我這里的文檔大小設(shè)置為 1280*720px ,然后用橢圓工具畫出一個(gè)圓,這個(gè)圓形就是其中的一個(gè)基礎(chǔ)形。
再利用鋼筆工具來繪制波浪形。要得到這個(gè)波浪形其實(shí)有很多方法,在AI里我們可能用的是【路徑查找器】或者【形狀生成工具】,但在PS里我們用的是【蒙板】來實(shí)現(xiàn)。先繪制出波浪的上部形狀,然后下方形狀隨意,通過給這個(gè)形狀添加圓形的蒙板,它就能呈現(xiàn)我們想要的形狀。
這時(shí)我們可以先把色彩設(shè)置為黑白灰,將形狀安排好以后再完成填色。所以將這個(gè)波浪形放置在圓形上方,使得它們對齊。然后再復(fù)制一個(gè)波浪形,這個(gè)波浪形可以先去掉蒙板,旋轉(zhuǎn)調(diào)整以后再次添加圓形的蒙板。
繼續(xù)復(fù)制波浪形以完成下方的形狀效果。這就是我們構(gòu)想中的海面的效果。這時(shí)還可以繼續(xù)的進(jìn)一步調(diào)整到理想狀態(tài)。
四、太陽和水珠的基礎(chǔ)形
太陽是圓形所以畫起來很容易,太陽光的發(fā)散這里我們可以繼續(xù)復(fù)制三個(gè)圓,每一個(gè)比原來那個(gè)大一點(diǎn),這樣來制造光線往外擴(kuò)的效果。按照計(jì)劃增加水珠,散落整個(gè)畫面上。
五、填色
接下我們就要開始填色,首先來確定主色,比如這里我設(shè)定為藍(lán)色,那么再確定一個(gè)輔助色,比如在這里的綠色,然后漸變色可以在這兩個(gè)色彩之間過渡。藍(lán)色的飽和度和亮度比綠色稍低,這樣就容易形成光線的感覺。
先將漸變工具的兩端色彩設(shè)置好,這時(shí)我們要用到的是徑向漸變,先將背景進(jìn)行填色。運(yùn)用徑向漸變就能使中央的部分有發(fā)光的感覺(這是我們上一次講到的)。
波浪形的填色也是同樣,但需要注意要選中的不是原有用鋼筆工具所繪制的形狀,所以在這里要先將波浪形(也就是帶著蒙板的圖層)先轉(zhuǎn)為智能對象,再進(jìn)行點(diǎn)選。每個(gè)選區(qū)都才用同樣的配色,但由于是漸變填色,因此它們之間也會有比較清晰的分界。
最后完成整個(gè)波浪的造型。
太陽的顏色可以選用橙色,采用的平涂的純色。利用三個(gè)大小不等的重疊的同心圓,就能表現(xiàn)光線的感覺。下面兩個(gè)圓需要降低透明度。
利用白色的透明度的徑向漸變來制作水珠的效果。
轉(zhuǎn)為智能對象,繼續(xù)復(fù)制第一個(gè)做好的水珠,然后散布在合適的位置。
后記:漸變用色,關(guān)鍵是色
漸變用色,關(guān)鍵是色。講了這么多次漸變,感覺就是其實(shí)重點(diǎn)還是在對顏色的運(yùn)用上。有些顏色過度非常自然,有些就有點(diǎn)怪異。我本人是很喜歡玩色彩的,平時(shí)沒事我都喜歡把顏料往紙上亂涂,所以這個(gè)還是要從喜歡入手。人家總結(jié)了那么多理論,我看過都會忘記,但是真正自己鼓搗出來的,才記得深刻,理解也杠杠噠。
我之前在和虎課那邊合作講了一系列的色彩課,非?;A(chǔ)的色彩課。后來我想著自己其實(shí)也想繼續(xù)再深挖下去。設(shè)計(jì)理論的書看過不少,深以為還是老書寫得好。但是每個(gè)人吸收方式不同,關(guān)鍵是找到自己的口味。老的書不太重視運(yùn)用,都是空空蕩蕩的大理論,但是非常適合我。我想大概很多干貨愛好者是看不下這類書的。所以我是個(gè)薦書無能,大家真想學(xué)習(xí),和我一起,找找感覺,可能真是適合自己的路呢?
以上就是ps設(shè)計(jì)圓形日出圖標(biāo)的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
ps怎么設(shè)計(jì)扁平化的風(fēng)景插畫?
ps怎么設(shè)計(jì)扁平化的試管圖標(biāo)的插畫?
相關(guān)文章
ps怎么設(shè)計(jì)一款簡單的吉它圖標(biāo)?
ps怎么設(shè)計(jì)一款簡單的吉它圖標(biāo)?ps中想要畫一個(gè)簡單的吉他符號,該怎么繪制呢?下面我們就來看看ps設(shè)計(jì)吉他圖標(biāo)的教程,需要的朋友可以參考下2018-02-22ps怎么設(shè)計(jì)雙半圓環(huán)抱的圖標(biāo)? ps立體圖標(biāo)的設(shè)計(jì)方法
ps怎么設(shè)計(jì)雙半圓環(huán)抱的圖標(biāo)?ps中想要設(shè)計(jì)一個(gè)立體的圖標(biāo),該怎么設(shè)計(jì)兩個(gè)半圓互相環(huán)抱的圖標(biāo)呢?下面我們就來看看ps立體圖標(biāo)的設(shè)計(jì)方法,需要的朋友可以參考下2018-02-12ps怎么設(shè)計(jì)大卡車圖標(biāo)? ps畫卡車圓形標(biāo)志的教程
ps怎么設(shè)計(jì)大卡車圖標(biāo)?ps中設(shè)計(jì)圖標(biāo)很方便,想要設(shè)計(jì)一款大卡車的圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看ps畫卡車圓形標(biāo)志的教程,需要的朋友可以參考下2018-02-09ps怎么設(shè)計(jì)挖掘機(jī)圖標(biāo)? ps設(shè)計(jì)挖掘機(jī)圖標(biāo)的教程
ps怎么設(shè)計(jì)挖掘機(jī)圖標(biāo)?ps中想要設(shè)計(jì)一個(gè)圖標(biāo),該怎么設(shè)計(jì)挖掘機(jī)圖標(biāo)呢?下面我們就來看看ps設(shè)計(jì)挖掘機(jī)圖標(biāo)的教程,需要的朋友可以參考下2018-02-08ps怎么圓形的皇冠圖標(biāo)? ps繪制皇冠圖形的教程
ps怎么圓形的皇冠圖標(biāo)?ps中想要畫一個(gè)圓形的圖標(biāo),該怎么回執(zhí)有皇冠的圖標(biāo)呢?下面我們就來看看ps繪制皇冠圖形的教程,需要的朋友可以參考下2018-02-08ps怎么設(shè)計(jì)柚子圖標(biāo)? ps畫柚子logo的教程
ps怎么設(shè)計(jì)柚子圖標(biāo)?ps中想要畫一個(gè)柚子的圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看ps畫柚子logo的教程,很簡單,需要的朋友可以參考下2018-02-07ps怎么設(shè)計(jì)圓角app圖標(biāo)? ps設(shè)計(jì)圖標(biāo)的教程
ps怎么設(shè)計(jì)圓角app圖標(biāo)?ps中想要設(shè)計(jì)一款手機(jī)app圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看ps設(shè)計(jì)圖標(biāo)的教程,很簡單,需要的朋友可以參考下2018-02-05ps怎么設(shè)計(jì)立體幾何圖形logo? ps制作科技行業(yè)圖標(biāo)的教程
ps怎么設(shè)計(jì)立體幾何圖形logo?ps中想要設(shè)計(jì)一個(gè)立體的logo,代表科技公司的標(biāo)志,該怎么設(shè)計(jì)呢?下面我們就來看看ps制作科技行業(yè)標(biāo)志的教程,需要的朋友可以參考下2018-02-05ps怎么繪制購物車的圖標(biāo)? ps購物車的制作方法
ps怎么繪制購物車的圖標(biāo)?現(xiàn)在網(wǎng)購都會出現(xiàn)購物車,該怎么繪制購物車圖標(biāo)呢?下面我們就來看看使用ps購物車的制作方法,需要的朋友可以參考下2018-02-01ps怎么設(shè)計(jì)鉆石獎(jiǎng)牌圖標(biāo)? ps設(shè)計(jì)圖標(biāo)的教程
ps怎么設(shè)計(jì)鉆石獎(jiǎng)牌圖標(biāo)?ps中想要設(shè)計(jì)一款獎(jiǎng)牌圖標(biāo),該怎么設(shè)計(jì)呢?今天我們就來看看使用ps設(shè)計(jì)圖標(biāo)的教程,需要的朋友可以參考下2018-02-01