此次的教程靈感來自于大神Hash Elias的作品，很喜歡其表現(xiàn)形式，于是就做了同系列的作品致敬。第一次制作教程，有不足之處希望多包涵。

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位

• 類型：圖像處理
• 大小：275MB
• 語言：簡體中文
• 時間：2019-11-04

查看詳情

我們開始發(fā)散思維，因為需要表現(xiàn)光感，場景以夜景為首選。同時，夜景的元素很多，這里選擇了剛過完不久的萬圣節(jié)元素來烘托氣氛，像蝙蝠、墓碑、蜘蛛、南瓜等，可以依照喜好添加。

先看看效果圖

步驟1 – 建立背景

1. 新建一個1280*600px的畫布，分辨率為72

2. 運用矩形工具，畫出1280*600px的漸變紫色背景，命名為背景一，色值如下左圖

復(fù)制一層矩形，改變漸變參數(shù)，表現(xiàn)上深下淺的光影關(guān)系，命名為背景二，色值如下右圖

當前效果如下

步驟2 – 分層繪制

仔細觀察動圖的運動規(guī)律，我們可以大致將其分為5大層與人物裝飾元素層，分別畫出虛實與遠近效果,擺放位置后期可靈活調(diào)整。

1. 第一層場景繪制

第一層在離我們視覺最近的位置，所以圖層應(yīng)該在最上方，不被遮擋

用鋼筆勾出地面起伏形狀，此步驟需要注意的是起始位置和結(jié)束位置的錨點高度應(yīng)在用一水平線，這是為了后期做AE位移時，前后位置能更好的銜接

接著添加小裝飾~

以上部分繪制完成后，編組并重命名為一層地面

然后分別繪制左右兩顆樹，兩棵樹單獨成組，分別命名為右樹和超大樹。

到了這一步第一層就繪制完成了，整體效果如下

2. 第二層場景繪制

與第一層一樣，繪制起伏地面要注意前后的銜接位置，第二層的曲線坡度較高，與一層的起伏位置最好稍微錯開，讓畫面顯得更有層次，并添加一些小的元素

一層的墓碑與小草可以沿用，變換一下大小方向與顏色，擺放在合適的位置,其余的草可以用鋼筆繪制

復(fù)制兩遍一層的右樹，改變其顏色與大小，其中一棵樹添加一只蜘蛛，增強趣味性

繪制完后，地面部分編一個組(含小植物)，命名為第二層，兩顆蘑菇樹分別編組，命名為二層左樹、二層右樹

復(fù)制第一層最大樹的樹干部分，縮小后放置第二層的中間位置，此時效果如下圖

3.第三層場景繪制

第三層的效果較為簡單，復(fù)制二層樹干，可自由調(diào)節(jié)枝丫做出一些變化，錯落分布在一二層間隙位置，不透明度改為40%，分別給三棵樹命名為三層左樹、三層中樹、三層右樹，效果如圖

4.云層場景繪制

得到以上效果之后，添加了云層與帳篷來豐富畫面

繪制完成后，放在二層的圖層下，三層的圖層上，注意前后關(guān)系

5.第四層場景繪制

和第三層的步驟一樣，第四層也是復(fù)制三棵樹干，可以去掉枝丫的部分，將不透明度改為15%

步驟3 – 繪制人物與裝飾

這個階段，大致的場景已經(jīng)繪制好了，這時候我們添加人物與一些小的裝飾元素~

南瓜燈繪制不難，需要注意光影關(guān)系。燈與燈棍分開，重命名~

以南瓜燈發(fā)光區(qū)域為圓心，繪制直徑為314px的圓，顏色#ffe5a4，圖層混合模式改為柔光，放在人物與南瓜燈的圖層下

人物層要注意，放在一層下方二層上方的位置，整理好圖層的前后順序

畫面效果還可以更生動點，這時候我們添加蝙蝠與一些螢火蟲~

運用橢圓工具，畫一個直徑為16px的圓，描邊2.1px、色值#fb882b，填充#fddb67

原位復(fù)制一個圓，大小改為7.5px，去掉描邊，填充#fddb67

給大圓添加高斯模糊

螢火蟲有大有小，有遠有近，所以可以復(fù)制多層改變其大小，自由分布~

接下來用鋼筆繪制蝙蝠~

畫面整體效果如下

最新評論