如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.tlbvwg.live

AI設計制作恐怖萬圣節夜景插畫圖片

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-06-18人氣:

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

首先確定動效類型后,我們開始發散思維,因為需要表現光感,場景以夜景為首選。同時,夜景的元素很多,這里選擇了剛過完不久的萬圣節元素來烘托氣氛,像蝙蝠、墓碑、蜘蛛、南瓜等,可以依照喜好添加。

先看看AI的效果圖

AI設計制作恐怖萬圣節夜景插畫圖片

AI部分繪制—

步驟1 – 建立背景

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

AI設計制作恐怖萬圣節夜景插畫圖片

(Tips:這里要說明一下,最后的效果圖實際尺寸是800*600px,之所以在AI繪制1280*600px,是因為后期AE動效的過程中,畫面移動內容會更豐富,而且AI里超出畫布的部分,AE導入后是不會顯示的,這里就要求我們需要顯示的部分一定要放在畫布內!!)

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

復制一層矩形,改變漸變參數,表現上深下淺的光影關系,命名為背景二,色值如下右圖

AI設計制作恐怖萬圣節夜景插畫圖片

當前效果如下

AI設計制作恐怖萬圣節夜景插畫圖片

步驟2 – 分層繪制

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

1. 第一層場景繪制

第一層在離我們視覺最近的位置,所以圖層應該在最上方,不被遮擋

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

AI設計制作恐怖萬圣節夜景插畫圖片

接著添加小裝飾~

AI設計制作恐怖萬圣節夜景插畫圖片

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

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

AI設計制作恐怖萬圣節夜景插畫圖片

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

AI設計制作恐怖萬圣節夜景插畫圖片

 

2. 第二層場景繪制

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

AI設計制作恐怖萬圣節夜景插畫圖片

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

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

AI設計制作恐怖萬圣節夜景插畫圖片

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

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

AI設計制作恐怖萬圣節夜景插畫圖片

3.第三層場景繪制

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

AI設計制作恐怖萬圣節夜景插畫圖片

4.云層場景繪制

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

AI設計制作恐怖萬圣節夜景插畫圖片

繪制完成后,放在二層的圖層下,三層的圖層上,注意前后關系

AI設計制作恐怖萬圣節夜景插畫圖片

5.第四層場景繪制

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

AI設計制作恐怖萬圣節夜景插畫圖片

 

步驟3 – 繪制人物與裝飾

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

AI設計制作恐怖萬圣節夜景插畫圖片

南瓜燈繪制不難,需要注意光影關系。燈與燈棍分開,重命名~

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

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

AI設計制作恐怖萬圣節夜景插畫圖片

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

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

原位復制一個圓,大小改為7.5px,去掉描邊,填充#fddb67

給大圓添加高斯模糊

AI設計制作恐怖萬圣節夜景插畫圖片

螢火蟲有大有小,有遠有近,所以可以復制多層改變其大小,自由分布~

接下來用鋼筆繪制蝙蝠~

AI設計制作恐怖萬圣節夜景插畫圖片

畫面整體效果如下

AI設計制作恐怖萬圣節夜景插畫圖片

AI的教程到這里就結束了,要整理分層,準備做AE動效了~

分層很重要!分層很重要!分層很重要!

重要的事情說三遍,導入AE之前的準備工作一定要做好,不然后期會很麻煩

AI設計制作恐怖萬圣節夜景插畫圖片

通常來講,沒有刻意分層繪制的同學,畫出來都是在同一個圖層的,所以這里我們需要新建圖層,把每一組放在各自單獨的圖層

這個時候分別給圖層重命名,如圖所示,注意圖層的擺放順序,保存文件~

(Tips:圖層分層的原理,是要分析之后AE的運動規律,分開要動的部分和不需要動的部分,圖層不會太多,操作也比較方便)

好了,愉快地開始AE吧~

AE部分繪制—

步驟1 – 導入AI文件

1. 打開AE,點擊菜單欄的文件,選擇導入

AI設計制作恐怖萬圣節夜景插畫圖片

2.導入后不要新建合成,直接點擊系統建立好的合成文件,這個時候圖層的大小位置就和源文件一樣了,接著修改合成設置,改變合成的寬度~

AI設計制作恐怖萬圣節夜景插畫圖片

 

3.文件打開后,發現光暈和ai里顯示不一樣了,選中光暈圖層,右邊的模式改為柔光,這樣就和原本的效果一樣了~

AI設計制作恐怖萬圣節夜景插畫圖片

為了更清楚的看到效果,我們依舊一層一層依次做動效(可以先把其它層隱藏)

步驟2 – 制作主場景動效

1.第一層動效

要實現地面的循環移動,先將一層地面轉變為預合成,然后在效果和預設面板內找到位移效果添加

AI設計制作恐怖萬圣節夜景插畫圖片

回頂部
黑龙江p62玩法开奖结果查询