前言
宇宙流星風(fēng)是最近風(fēng)靡歐美的一種插畫(huà)風(fēng)格,自從網(wǎng)頁(yè)扁平化以后,元素表現(xiàn)就在各種“形”的方面挖掘新風(fēng)格來(lái)推波助瀾,就像我們知道的長(zhǎng)陰影就是其一,這種用圓角表現(xiàn)的流星風(fēng)格的插畫(huà),能表現(xiàn)出色彩更為豐富的層次,圓角的表現(xiàn)又顯得柔和可愛(ài),大多用在太空主題的作品中,傳遞出太空星系的速度感和神秘感。
百葉窗的基底
STEP 01
百葉窗算是一種窗簾嗎?就算吧,你一定記得這種水平橫條帶來(lái)的遮光革命。先保留一點(diǎn)記憶,再打開(kāi)AI,文檔大家可以參考我的參數(shù)。繪制一個(gè)矩形的藍(lán)紫色背景。這里的藍(lán)紫色是為了契合太空的主題,你也可以選用其它的顏色作為背景。

STEP 02
先從繪制一個(gè)圓形開(kāi)始,這里我們繪制一個(gè)紅色的圓形,關(guān)閉掉描邊。然后再繪制一個(gè)矩形。矩形也同圓形一樣顏色。

STEP 03
現(xiàn)在讓我們?cè)佼?huà)一個(gè)豎直的長(zhǎng)條矩形,然后將矩形復(fù)制成為一排,為了讓它們彼此能無(wú)縫對(duì)齊,我采取移動(dòng)的方式復(fù)制。移動(dòng)的水平方向的距離就是矩形的寬度,這樣能保證它們之間的無(wú)縫銜接。填好數(shù)值后點(diǎn)擊“復(fù)制”,再連續(xù)按“Ctrl+D”,直到矩形鋪滿覆蓋住圓形。這時(shí)選中間隔的矩形,將其填充為紫色。這里的紫色同背景色。

再刪掉紫色。這就剩下我們所需要的“百葉窗”。這些被刪掉的矩形看似多此一舉,其實(shí)它發(fā)揮的是“占位”的作用。
STEP 04
這時(shí),你會(huì)看到在STEP 02中所畫(huà)的一個(gè)圓形和一個(gè)矩形,這一步要做的是,把圓形移動(dòng)到最上一層,矩形與“百葉窗”填充相同顏色放置于圓形的下方,然后將其合并。在合并前,我建議大家最好把百葉窗中的其中一條矩形復(fù)制一個(gè)拿出來(lái)放在一邊,用于補(bǔ)充繪制的時(shí)候的備用形。

流星尾巴的拖曳
STEP 05
選中上一步的基礎(chǔ)形,這時(shí)會(huì)看到出現(xiàn)了每一個(gè)錨點(diǎn)。你需要知道的是,這里的“百葉窗”其實(shí)就是類似流星的尾巴,因此尾巴要自然,勢(shì)必需要有點(diǎn)錯(cuò)落有致的感覺(jué)。因此,你完全可以利用“直接選擇工具”選中錨點(diǎn)進(jìn)行移動(dòng)。
還記得備用形嗎?這里也可以用上作為尾巴的末端拖曳的形狀。

STEP 06
這類效果如果想表達(dá)得更夢(mèng)幻,我認(rèn)為可以通過(guò)這類層層疊疊的方式,比如再來(lái)一個(gè)外圍做底。這時(shí),再畫(huà)一個(gè)圓,填充粉紅色。這個(gè)圓的半徑與第一個(gè)圓的半徑的大小差剛好是“備用形”的寬度(這時(shí)你知道備用形的重要性了吧~)。

STEP 07
再畫(huà)一個(gè)矩形,讓矩形和圓形都置于最底部。這時(shí),聰明如你,大概又會(huì)猜到了吧,步驟同上一層,只是這里的矩形更長(zhǎng)一點(diǎn)。最后一步就是把圓形、矩形和百葉窗形狀都合并。

STEP 08
再使用一次STEP 05的方法來(lái)制作錯(cuò)落的效果。選擇不同的錨點(diǎn)移動(dòng)它們,表現(xiàn)出不同拖曳的情態(tài)。

STEP 09
最后一個(gè),也是采用同樣的方式,先畫(huà)一個(gè)圓形和一個(gè)矩形,放置于最下方。填充為淺藍(lán)色。然后在此基礎(chǔ)上用條狀矩形添加細(xì)節(jié)。

這里需要注意的是對(duì)于這種自由構(gòu)圖的把握,也就是讓它們盡量疏密均勻。
讓尖銳的變圓滑
STEP 10
如果使用AI版本為CC,你可以在選中所有的矩形的時(shí)候,在其中一個(gè)矩形上利用直接選擇工具拖動(dòng)矩形內(nèi)的四個(gè)圓點(diǎn),往中心移動(dòng),就讓矩形變成了圓角。如果是舊版本的AI,則需要你運(yùn)用效果中的“風(fēng)格化>圓角”來(lái)處理。

STEP 11
靠邊緣的一個(gè)矩形,把它修整一下,最后的效果就出來(lái)了。

STEP 12
再來(lái)添加一層圓點(diǎn),讓整體看上去像是在太空的氛圍。增加文字,讓海報(bào)內(nèi)容豐富起來(lái)。最終效果如下。

后記
其實(shí)這類風(fēng)格能做出很多款,我們這一次只學(xué)習(xí)一款,如果你手癢,也可以自己先來(lái)試試這個(gè)樣式,如果你還覺(jué)得不夠,繼續(xù)關(guān)注我們,我們將和你分享更多最新潮流風(fēng)格的設(shè)計(jì)制作方法。
原文地址:ifeiwu
隨機(jī)推薦
- Illustrator教程 | 2006-05-12
- Illustrator教程 | 2019-07-06
- Illustrator教程 | 2019-06-23
- Illustrator教程 | 2007-11-04
- Illustrator教程 | 2006-07-22
- Illustrator教程 | 2019-07-15





















