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

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

本次教程來自于偶然看到的一篇國外教程，雖然簡單，但是感覺還不錯，分析了下，加上自己理解做了中文版分享給各位！

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

一個小教程，沒什么難點，希望各位親自己最好動手做了試試哦！

最終效果：

主要過程：

1、繪制天空

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

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

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

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

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

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

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

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

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

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

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

第四步：繪制樹枝！

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

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

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

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

第五步：繪制松樹！

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

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

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

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

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

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

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

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

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

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

第八步：背景元素組合！

直接上圖：

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

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

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

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

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

簡單來說，方法步驟和繪制月亮光暈以及制作燈光一樣，如下圖所示：

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

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

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

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

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

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

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

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

最新評論