前言

宇宙流星風(fēng)是最近風(fēng)靡歐美的一種插畫風(fēng)格，自從網(wǎng)頁扁平化以后，元素表現(xiàn)就在各種“形”的方面挖掘新風(fēng)格來推波助瀾，就像我們知道的長陰影就是其一，這種用圓角表現(xiàn)的流星風(fēng)格的插畫，能表現(xiàn)出色彩更為豐富的層次，圓角的表現(xiàn)又顯得柔和可愛，大多用在太空主題的作品中，傳遞出太空星系的速度感和神秘感。

百葉窗的基底

STEP 01

百葉窗算是一種窗簾嗎？就算吧，你一定記得這種水平橫條帶來的遮光革命。先保留一點(diǎn)記憶，再打開AI，文檔大家可以參考我的參數(shù)。繪制一個(gè)矩形的藍(lán)紫色背景。這里的藍(lán)紫色是為了契合太空的主題，你也可以選用其它的顏色作為背景。

STEP 02

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

STEP 03

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

再刪掉紫色。這就剩下我們所需要的“百葉窗”。這些被刪掉的矩形看似多此一舉，其實(shí)它發(fā)揮的是“占位”的作用。

STEP 04

這時(shí)，你會看到在STEP 02中所畫的一個(gè)圓形和一個(gè)矩形，這一步要做的是，把圓形移動到最上一層，矩形與“百葉窗”填充相同顏色放置于圓形的下方，然后將其合并。在合并前，我建議大家最好把百葉窗中的其中一條矩形復(fù)制一個(gè)拿出來放在一邊，用于補(bǔ)充繪制的時(shí)候的備用形。

流星尾巴的拖曳

STEP 05

選中上一步的基礎(chǔ)形，這時(shí)會看到出現(xiàn)了每一個(gè)錨點(diǎn)。你需要知道的是，這里的“百葉窗”其實(shí)就是類似流星的尾巴，因此尾巴要自然，勢必需要有點(diǎn)錯落有致的感覺。因此，你完全可以利用“直接選擇工具”選中錨點(diǎn)進(jìn)行移動。

還記得備用形嗎？這里也可以用上作為尾巴的末端拖曳的形狀。

STEP 06

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

STEP 07

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

STEP 08

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

STEP 09

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

這里需要注意的是對于這種自由構(gòu)圖的把握，也就是讓它們盡量疏密均勻。

讓尖銳的變圓滑

STEP 10

如果使用AI版本為CC，你可以在選中所有的矩形的時(shí)候，在其中一個(gè)矩形上利用直接選擇工具拖動矩形內(nèi)的四個(gè)圓點(diǎn)，往中心移動，就讓矩形變成了圓角。如果是舊版本的AI，則需要你運(yùn)用效果中的“風(fēng)格化>圓角”來處理。

STEP 11

靠邊緣的一個(gè)矩形，把它修整一下，最后的效果就出來了。

STEP 12

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

后記

其實(shí)這類風(fēng)格能做出很多款，我們這一次只學(xué)習(xí)一款，如果你手癢，也可以自己先來試試這個(gè)樣式，如果你還覺得不夠，繼續(xù)關(guān)注我們，我們將和你分享更多最新潮流風(fēng)格的設(shè)計(jì)制作方法。

原文地址：ifeiwu