版權(quán)申明：本文原創(chuàng)作者"佐伊的世界"，感謝"佐伊的世界"的原創(chuàng)經(jīng)驗(yàn)分享！

AI制作一幅矢量風(fēng)格的萬(wàn)圣節(jié)詭異背景圖，教程中主要用到了網(wǎng)格工具和圖像描摹，主要介紹了天空、天空中的月亮、月亮的光暈背景、樹(shù)枝、松樹(shù)、房屋剪影、徑向漸變橢圓以及蝙蝠的繪制過(guò)程，效果非常恐怖，充滿著濃濃的詭異氛圍，感興趣的一起動(dòng)手試試吧！

本次教程來(lái)自于偶然看到的一篇國(guó)外教程，雖然簡(jiǎn)單，但是感覺(jué)還不錯(cuò)，分析了下，加上自己理解做了中文版分享給各位！

在本次教程中，你將學(xué)會(huì)怎么在AI中通過(guò)使用網(wǎng)格工具和圖像描摹來(lái)制作一幅矢量風(fēng)格的充滿鬼意思氛圍的萬(wàn)圣節(jié)背景圖。

一個(gè)小教程，沒(méi)什么難點(diǎn)，希望各位親自己最好動(dòng)手做了試試哦！

最終效果：

主要過(guò)程：

1、繪制天空

第一步：首先登場(chǎng)的就是網(wǎng)格工具！

首先畫(huà)一個(gè)矩形填充顏色為（#354459）；接下來(lái)這一步你可以通過(guò)兩種方式來(lái)實(shí)現(xiàn)：你可以使用網(wǎng)格工具（U）通過(guò)手動(dòng)設(shè)置節(jié)點(diǎn)給這個(gè)矩形制作網(wǎng)格效果；或者直接通過(guò)對(duì)象—>創(chuàng)建漸變網(wǎng)格（6行，5列）。當(dāng)完成了這一步后，接著選中最頂端那一排的節(jié)點(diǎn)填充顏色（#1E2937）為它們上色。如下截圖所示，選中最下面3排的節(jié)點(diǎn)和左數(shù)第一列第3,4排的節(jié)點(diǎn)，填充黑色（#000000）。

緊接著，如下截圖所示，我這里分為3個(gè)部分通過(guò)使用3種顏色完成天空的繪制。圖一中所示，選中第三行左數(shù)2至5列的4個(gè)節(jié)點(diǎn)，填充顏色（#6A7A93）；圖二中所示，選中第四行左數(shù)第三列的這個(gè)節(jié)點(diǎn)，填充顏色（#B6BECF）;圖三中所示，選中第二行第五列這個(gè)節(jié)點(diǎn)，填充顏色（#23313F）。

第二步：制作天空中的月亮！

本次教程在文末下載部分提供了素材下載，本次教程中的月亮是使用素材圖片通過(guò)在AI中置入圖片，然后選中圖片通過(guò)窗口—>圖像描摹，選擇模式為灰度，設(shè)置灰度值為20后確定，這樣這個(gè)小月亮就搞定了！如圖所示：

圖像描摹之后，緊接著擴(kuò)展這幅圖像，通過(guò)對(duì)象—>擴(kuò)展就OK了！這下擴(kuò)展之后的圖像就是矢量圖了。因?yàn)閿U(kuò)展之后的圖片中月亮和白底是成組的，所以直接解組干掉背景白底和周邊一些不需要的白色圖形，就OK了，妥妥的！之后繪制一個(gè)圓，填充顏色（#FAFAFA）做為月亮的底圖。最后再?gòu)?fù)制這個(gè)底圓，填充顏色（#FBF9EA），90%透明度，模式為疊加，放在最上層，如下圖所示：

第三步：繪制月亮的光暈背景！

首先繪制一個(gè)圓，設(shè)置徑向漸變，顏色變化如下圖所示：（#F9F5E1->#E3E0CD->#000000）

接著再畫(huà)一個(gè)更大的圓，同樣的設(shè)置徑向漸變，顏色變化如下圖所示：（#F0EEDD->#D8D8C7->#000000）

接著同時(shí)選中這兩個(gè)漸變圓，設(shè)置透明圖100%，模式為濾色，如下圖所示：

最后將兩個(gè)圓上下左右居中對(duì)齊，小圓在頂層，然后兩圓成組置于月亮圖層底層，如下圖所示：

第四步：繪制樹(shù)枝！

這里的樹(shù)枝也不用自己去畫(huà)啦！當(dāng)然要是你愿意嘗試或者繪畫(huà)功底好，那就盡情繪畫(huà)吧！我這里采取了快捷的方法，你們可以打開(kāi)我下載文件里面提供的圖片，里面就有樹(shù)枝的素材。方法一樣，置入到AI里面，然后選中之后執(zhí)行窗口->圖像描摹，模式黑白，閾值118，然后將得到的結(jié)果圖執(zhí)行對(duì)象->擴(kuò)展，得到矢量圖，然后解組，將樹(shù)枝外的部分全部干掉！得到結(jié)果如下圖所示：

接著復(fù)制該圖，選中復(fù)制后得到的圖，執(zhí)行對(duì)象->變換->水平翻轉(zhuǎn)，然后再單獨(dú)使用鋼筆工具繪制一個(gè)樹(shù)的枝干部分（動(dòng)手嘗試下哦，很簡(jiǎn)單的），如下圖所示：

最后一步就是不斷的復(fù)制粘貼，旋轉(zhuǎn)拼貼...別忘記最后整體打組哦?。?！

如下圖所示（一看就明白了）：

第五步：繪制松樹(shù)！

怎么說(shuō)呢！這一步就是鋼筆工具的運(yùn)用，不熟練的話，你可以選擇網(wǎng)上down一棵松樹(shù)的圖片下來(lái)，使用鋼筆工具勾勒出輪廓最后填充黑色（#000000），當(dāng)然如果有點(diǎn)造型或繪畫(huà)基礎(chǔ)的，可以像我這樣直接用鋼筆勾勒一半的輪廓，然后原位復(fù)制（ctrl+c & ctrl+f），就得到一棵松樹(shù)啦?。。∪缦聢D所示：

第六步：繪制房屋剪影（輪廓）！

整體來(lái)說(shuō)方法都一樣，就是利用鋼筆工具勾勒輪廓，然后通過(guò)元素之間的組合，使用路經(jīng)查找器這個(gè)強(qiáng)大的功能，合并，減去等操作，實(shí)現(xiàn)房屋的繪制，如下圖所示：

接著繪制窗戶的裝飾元素——十字架，直接繪制兩條橫短豎長(zhǎng)的線，然后通過(guò)窗口->描邊的配置文件里面的尖角線條得到兩端尖角的線條形狀，然后執(zhí)行對(duì)象->擴(kuò)展外觀，最后路經(jīng)查找器執(zhí)行合并，通過(guò)復(fù)制得到一個(gè)更小的，如下圖所示：

接著把繪制好的窗戶元素一一適應(yīng)大小放到房屋的窗戶上，最后通過(guò)路徑查找器執(zhí)行合并得到房屋元素完整輪廓，如下圖所示：

第七步：繪制徑向漸變橢圓！

這一步，和第二步中繪制月亮光暈一樣的操作步驟，所以這里就不贅述了（有一點(diǎn)，記得模式是濾色哦，這個(gè)很重要?。。。?，直接上結(jié)果圖了，如下圖所示：

接著將這些漸變橢圓適應(yīng)大小和方向一一放到窗戶的后面，作為燈光！如下圖所示：

第七步：繪制最后一個(gè)元素——蝙蝠！

同樣，運(yùn)用鋼筆工具繪制，方法步驟和之前繪制松樹(shù)時(shí)一樣，這里就不贅述了，如下圖所示：

第八步：背景元素組合！

直接上圖：

第九步：給背景添加薄霧效果！

首先分別繪制一個(gè)色值為#EEEEEE的橢圓和一個(gè)由#FFFFFF到#000000徑向漸變的橢圓，如下圖所示：

接著將漸變圖層置于頂層和灰度層疊加在一起，然后執(zhí)行窗口->透明度，制作蒙版選項(xiàng)，選擇模式為濾色，透明度為50%，如下圖所示：

然后將這個(gè)薄霧元素多復(fù)制幾個(gè)找位置放在背景中，如下圖所示：

第十步（最后一步）：給背景添加星星，整理完工！

簡(jiǎn)單來(lái)說(shuō)，方法步驟和繪制月亮光暈以及制作燈光一樣，如下圖所示：

最后的最后，就是利用剪切蒙版功能，將不需要的多余的元素都隱藏掉吧，最后效果圖如下所示：

結(jié)語(yǔ)：整個(gè)教程知識(shí)點(diǎn)都比較簡(jiǎn)單，不過(guò)利用這些知識(shí)點(diǎn)，我們可以嘗試做出很多不同的東西哦！方法都差不多，最后還是得多多練習(xí)嘗試才是哦！寫(xiě)得一般，忘各位輕噴?。?！

還有就是有一年沒(méi)有更新作品啦，好久沒(méi)見(jiàn)了，這一年個(gè)人工作和學(xué)習(xí)安排很緊湊，穩(wěn)步提升英文的同時(shí)，也學(xué)習(xí)日語(yǔ)一年有余，接下來(lái)到年底，準(zhǔn)備多發(fā)些作品和文章吧，分享一些一年中的成長(zhǎng)！同時(shí)也期待能夠早點(diǎn)去到國(guó)外工作吧?。?！謝謝各位看到這里，不要忘記點(diǎn)好評(píng)哦！

教程結(jié)束，以上就是關(guān)于AI制作一幅矢量風(fēng)格的萬(wàn)圣節(jié)詭異背景圖教程的全部?jī)?nèi)容，希望大家喜歡！最后祝大家萬(wàn)圣節(jié)快樂(lè)！

相關(guān)教程推薦：

Illustrator(AI)設(shè)計(jì)打造逼真的萬(wàn)圣節(jié)帶血絲的恐怖眼球?qū)嵗坛?/a>

Illustrator(AI)設(shè)計(jì)繪制萬(wàn)圣節(jié)中的南瓜燈矢量插畫(huà)實(shí)例教程

AI繪制可愛(ài)的萬(wàn)圣節(jié)小怪物插畫(huà)教程