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

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