當前位置:維知科普網 >

數碼

> 用AI製作唯美的夜景萬聖節插畫教程

用AI製作唯美的夜景萬聖節插畫教程

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

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

先看看效果圖

用AI製作唯美的夜景萬聖節插畫教程

步驟1 – 建立背景

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

用AI製作唯美的夜景萬聖節插畫教程 第2張

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

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

用AI製作唯美的夜景萬聖節插畫教程 第3張

當前效果如下

用AI製作唯美的夜景萬聖節插畫教程 第4張

步驟2 – 分層繪製

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

1. 第一層場景繪製

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

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

用AI製作唯美的夜景萬聖節插畫教程 第5張

接着添加小裝飾~

用AI製作唯美的夜景萬聖節插畫教程 第6張

以上部分繪製完成後,編組並重命名為一層地面

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

用AI製作唯美的夜景萬聖節插畫教程 第7張

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

用AI製作唯美的夜景萬聖節插畫教程 第8張

2. 第二層場景繪製

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

用AI製作唯美的夜景萬聖節插畫教程 第9張

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

複製兩遍一層的右樹,改變其顏色與大小,其中一棵樹添加一隻蜘蛛,增強趣味

用AI製作唯美的夜景萬聖節插畫教程 第10張

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

複製第一層最大樹的樹幹部分,縮小後放置第二層的中間位置,此時效果如下圖

用AI製作唯美的夜景萬聖節插畫教程 第11張

3.第三層場景繪製

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

用AI製作唯美的夜景萬聖節插畫教程 第12張

4.雲層場景繪製

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

用AI製作唯美的夜景萬聖節插畫教程 第13張

繪製完成後,放在二層的圖層下,三層的圖層上,注意前後關係

用AI製作唯美的夜景萬聖節插畫教程 第14張

5.第四層場景繪製

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

用AI製作唯美的夜景萬聖節插畫教程 第15張

步驟3 – 繪製人物與裝飾

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

用AI製作唯美的夜景萬聖節插畫教程 第16張

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

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

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

用AI製作唯美的夜景萬聖節插畫教程 第17張

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

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

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

給大圓添加高斯模糊

用AI製作唯美的夜景萬聖節插畫教程 第18張

螢火蟲有大有小,有遠有近,所以可以複製多層改變其大小,自由分佈~

接下來用鋼筆繪製蝙蝠~

用AI製作唯美的夜景萬聖節插畫教程 第19張

畫面整體效果如下

用AI製作唯美的夜景萬聖節插畫教程 第20張

  • 文章版權屬於文章作者所有,轉載請註明 https://wzkpw.com/shuma/24wz1.html