當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫(4)

來(lái)源:站酷 作者:不詳 學(xué)習(xí):11902人次

本篇教程通過(guò)AI繪制具有畫面感的3D矢量插畫,我們要學(xué)會(huì)的是熟練的掌握AI中的3D工具技巧和簡(jiǎn)單的樓梯插畫繪制,3D是一種非常精準(zhǔn)的技術(shù)型的處理方式,需要較為復(fù)雜的數(shù)據(jù)計(jì)算,也需要軟件進(jìn)行建模等,難度中等,具體如何知足同學(xué)們根據(jù)教程來(lái)學(xué)習(xí)一下吧。

效果圖:

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn
m.theoat.com.cn

操作步驟:

繪制基礎(chǔ)部分

STEP 01

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 02

先選用亮色那一個(gè)矩形作為地表,進(jìn)入【效果>3D>凸出與斜角】,在參數(shù)面板中我們可以通過(guò)調(diào)整實(shí)際的參數(shù)大小來(lái)應(yīng)用3D場(chǎng)景中的角度旋轉(zhuǎn)等情況,也可以直接利用軟件預(yù)設(shè)值,比如在此我們?cè)?ldquo;位置”這個(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ì)忽視。

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

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è)立方體分解為不同的塊面。

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 04

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 05

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 06

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

營(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ù),這也是我們最開(kāi)始就繪制好基底地面的原因。再利用鋼筆工具繪制山體,大致符合這一圓錐體造型即可,大自然造型總是千奇百態(tài)的。在這里我們?yōu)槠涮畛涮壹t色。

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 08

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 09

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 10

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 11

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 12

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 13

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 14

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

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

森林表現(xiàn)

STEP 15

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 16

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

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

STEP 17

最后增加一些細(xì)節(jié),例如天空飛翔的鳥(niǎo)兒,以及河流的白色水紋。

最終效果如下:

AI插畫制作,用AI繪制具有畫面感的3D矢量插畫_m.theoat.com.cn

一張具有3D感的插畫就制作完成了,有一點(diǎn)小清新風(fēng)格,同學(xué)們一起來(lái)制作看看吧。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!