編按：

    科技的發(fā)展讓我們得以享受虛擬現(xiàn)實(shí)，對(duì)應(yīng)到設(shè)計(jì)上，我們也越來(lái)越不滿足于二維平面的表達(dá)。今天小編就帶你一起來(lái)學(xué)習(xí)下立體3D插畫的繪制。

3D本來(lái)是一種非常精準(zhǔn)的技術(shù)型的處理方式，需要非常復(fù)雜的數(shù)據(jù)計(jì)算，也需要軟件進(jìn)行建模等。而設(shè)計(jì)師在安排一副有3D風(fēng)格的插畫時(shí)，其實(shí)并不一定需要數(shù)據(jù)的精確模擬，說(shuō)到底，插畫作品是更貼近藝術(shù)的，因此在風(fēng)格的處理上就可以更為自由。為了遵循3D的視覺模式，簡(jiǎn)單的3D效果用AI、PS等軟件就可以做到，這需要的不僅是對(duì)于軟件3D模塊功能的熟練程度，還需要的是平時(shí)對(duì)于周遭世界的觀察力和表達(dá)能力。

今天我們要學(xué)會(huì)的將是：

1、熟練掌握AI中的3D工具的技巧

2、簡(jiǎn)單的立體感插畫繪制技巧

基礎(chǔ)地面

STEP 01

打開AI，新建一個(gè)700700px的文檔。在新文檔中先繪制出兩個(gè)375290的矩形，一個(gè)填充為深色，一個(gè)填充為亮色。應(yīng)用了3D效果后再填充適合的顏色也可。這里所繪制的兩個(gè)矩形分別稱為土地的基底。

STEP 02

先選用亮色那一個(gè)矩形作為地表，進(jìn)入【效果>3D>凸出與斜角】，在參數(shù)面板中我們可以通過(guò)調(diào)整實(shí)際的參數(shù)大小來(lái)應(yīng)用3D場(chǎng)景中的角度旋轉(zhuǎn)等情況，也可以直接利用軟件預(yù)設(shè)值，比如在此我們?cè)?span>“位置”這個(gè)選項(xiàng)下拉框里選擇“等角-上方”，就不再需要調(diào)整旋轉(zhuǎn)的角度。接著將透視設(shè)置為20°，凸出厚度修改為10。通過(guò)勾選“預(yù)覽”，對(duì)最終效果進(jìn)一步確認(rèn)，從而再對(duì)參數(shù)作進(jìn)一步調(diào)整。

如果透視角度為零，整個(gè)立方體就會(huì)顯得不自然，這一點(diǎn)相信學(xué)過(guò)素描繪畫將不會(huì)忽視。

STEP 03

這時(shí)，已經(jīng)轉(zhuǎn)為3D造型的矩形變?yōu)榱肆⒎襟w，而這個(gè)略薄的立方體將作為我們的基底表皮。為了對(duì)它進(jìn)一步調(diào)色，這時(shí)需要選中它以后進(jìn)入【對(duì)象>擴(kuò)展外觀】，使它成為路徑。然后利用組合快捷鍵【Ctrl+Shift+G】（取消編組），連續(xù)按三次，將這個(gè)立方體分解為不同的塊面。

STEP 04

立方體的三個(gè)面分別填充為三個(gè)色彩。色值參考如下。

STEP 05

接下將深色的矩形也轉(zhuǎn)為3D效果，所用方法與前一個(gè)矩形類似，只是在突出厚度上保持為50。

STEP 06

將這個(gè)對(duì)象放置于前一個(gè)淺色的立方體下方，這時(shí)的空間概念要非常清晰。擴(kuò)展對(duì)象后再對(duì)其解散編組，成為獨(dú)立的面，分別對(duì)每一個(gè)面進(jìn)行填色處理。

營(yíng)造山水

3D插畫中的高山流水想要逼真，必然要凸顯出一種空間感。AI軟件里的3D效果對(duì)于規(guī)則的幾何形有凸出的作用，它能增加物體的厚度，比如像我們上一節(jié)所運(yùn)用過(guò)的矩形變?yōu)榱⒎襟w，而對(duì)于不規(guī)則的造型則很難勝任，還需要我們自己來(lái)繪制。

STEP 07

讓我們先來(lái)繪出山的造型。大家都知道山體大致是一個(gè)圓錐體，因此在繪制山的形體時(shí)就要隨時(shí)將這個(gè)圓錐的造型放在心中，透視空間方向也要心中有數(shù)，這也是我們最開始就繪制好基底地面的原因。再利用鋼筆工具繪制山體，大致符合這一圓錐體造型即可，大自然造型總是千奇百態(tài)的。在這里我們?yōu)槠涮畛涮壹t色。

STEP 08

為了豐富山體效果，讓我們?yōu)樯襟w增加一些高光，這會(huì)在原來(lái)的基礎(chǔ)上大大提升立體感。高光是比山體本身更為明亮的色彩。

STEP 09

一座山峰并不能表現(xiàn)出山體的豐富，因此我們需要再繼續(xù)繪制不同形態(tài)的山峰一起組成類似群山的樣式。

STEP 10

由于山峰中需要有河流的經(jīng)過(guò)，因此再繪制一系列群山，在意境上會(huì)更加長(zhǎng)遠(yuǎn)。這里完全憑著自由創(chuàng)作，大家應(yīng)該學(xué)會(huì)這類最簡(jiǎn)單的山脈的畫法，在扁平化的插畫中最常見，也最容易駕馭。

STEP 11

有了山脈以后，河流的繪制更為簡(jiǎn)單，運(yùn)用鋼筆工具畫出兩條封閉的曲線，然后填充為水藍(lán)色。

STEP 12

在河流靠近地基邊緣的部分繪出一個(gè)“分流”的形狀，再根據(jù)分流后的水流繪出下注的形態(tài)。運(yùn)用鋼筆繪制嚴(yán)格說(shuō)并沒(méi)有什么必須遵循的原則，只需要符合自然觀感即可。

STEP 13

將下注的水流填充另一種不同的藍(lán)色，選中其中一股較大的水流，進(jìn)入“透明度”面板，為其添加蒙版，點(diǎn)擊蒙版待被框選中后，則在這股水流的位置繪制出一個(gè)類似的四邊形，將其運(yùn)用黑白漸變填充，就能讓這個(gè)圖形變?yōu)橐环N自上而下漸隱的透明視覺效果。這時(shí)，記得一定要重新點(diǎn)選回蒙版左邊的對(duì)象，否則你還將繼續(xù)停留在蒙版的編輯中。

STEP 14

按照上一步同樣的方式處理另一股水流，然后在水流的末端，運(yùn)用鋼筆工具或者鉛筆工具，畫出白色的浪花造型，使得傾瀉而下的水流飛濺出水花。為了看清白色水花，讓我們?cè)谒袑?duì)象的下方添加一個(gè)純色矩形作為背景。

山水的部分就此繪制完畢。

森林表現(xiàn)

STEP 14

增加樹木的點(diǎn)綴，才會(huì)表現(xiàn)森林的特色。這里我們先來(lái)看看樹木的畫法，我們選用了松樹林木的外形，它呈現(xiàn)圓錐體形態(tài)。先繪制出一個(gè)三角，再慢慢通過(guò)細(xì)節(jié)的增加刪減變?yōu)橐徽w樹的造型。圖示中已經(jīng)表達(dá)出了繪制的過(guò)程。繪制好一顆樹，就可以調(diào)節(jié)大小并復(fù)制出更多的樹木，點(diǎn)綴于其上。注意大小的對(duì)比安排要突出，才能擴(kuò)大人眼對(duì)于這片樹林的空間感。比如比較大的樹木最好不要太多，要能和小的樹木交錯(cuò)排列。

STEP 15

為河流中心增加一艘小船，你可以任意安排小船的形態(tài)，比如我們?cè)诖水嬕恢圾B立于船只的造型。而船體的形狀也要符合透視的法則，與整個(gè)畫面協(xié)調(diào)起來(lái)。

STEP 16

最后增加一些細(xì)節(jié)，例如天空飛翔的鳥兒，以及河流的白色水紋。最終效果如下：

本文配套的練習(xí)素材請(qǐng)加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

AI教程，繪制細(xì)節(jié)豐富的水上夢(mèng)幻童話城堡

輕松四步，打造波普藝術(shù)風(fēng)格人像

AI教程，繪制極簡(jiǎn)時(shí)尚插畫頭像

版權(quán)信息：

原標(biāo)題：懸浮森林！AI繪制3D矢量風(fēng)格插畫

出處：ifeiwu   作者：飛屋睿UIdesign