停更了兩期的制圖教室又回來啦~要問為啥停更?相信關(guān)注咱們公眾號(hào)的小伙伴一定發(fā)現(xiàn)了最近有超多內(nèi)容超贊超豐富的公開課,日程排的滿滿當(dāng)當(dāng)?shù)?,咱制圖教室只好先讓位給我們超火爆的公開課啦~不過,簡(jiǎn)單易學(xué)出效果的教程我們?cè)缇蜏?zhǔn)備好啦~這一期帶大家一起學(xué)習(xí)網(wǎng)紅插畫風(fēng)效果圖的制作~
說到效果圖,大家常用的一定是V-ray渲染+PS后期制作。V-ray渲染作為一種能夠真實(shí)還原建筑場(chǎng)景的表達(dá)手段,一直是建筑學(xué)的必備技能。然鵝!渲染技術(shù)也不是人人都能輕松GET,大神和小白之間的差距可不是一點(diǎn)點(diǎn),正因如此,面對(duì)心水的網(wǎng)紅圖紙,許多建筑學(xué)的小伙伴只能望而卻步。
但是最近,一種扁平化插畫風(fēng)格的效果圖席卷建筑圈,一些先鋒事務(wù)所從拼貼藝術(shù)(Collage Art)汲取靈感,繪制出了堪稱藝術(shù)品的效果圖。這種效果圖畫風(fēng)清新,表達(dá)重點(diǎn)突出,擅長于此的事務(wù)所甚至能形成自己的畫風(fēng),突出自己的差異性。這樣的風(fēng)格對(duì)于建筑學(xué)的小伙伴們來說,無疑是大家學(xué)習(xí)和模仿的首選,不僅制作成本低,學(xué)習(xí)難度也是讓人欣喜的低。
所以~今天的教程,我們將帶大家一起拆解一幅由法國插畫家Marie-Laure Cruschi繪制的建筑插畫,雖說這不是一張嚴(yán)格意義上的建筑學(xué)效果圖,但是,通過拆解這張圖,大家可以明顯發(fā)現(xiàn),這種技法輕松好上手,效果還很不錯(cuò)。相信通過這張圖的拆解學(xué)習(xí),大家可以GET到這類風(fēng)靡建筑圈的圖紙制作技能。
好啦,話不多說,來一起看看吧~
STEP 1
模型準(zhǔn)備
所抄繪的原作實(shí)際上是一幅插畫作品,小編猜想,原作者應(yīng)該是直接利用AI來進(jìn)行創(chuàng)作的。但對(duì)于我們自己方案的效果圖來說,一定是先有方案模型作為繪圖的前提。
所以在這里我們按照原作大致還原了一個(gè)SU模型,用以模擬同學(xué)們自己的方案模型。
原作中模型的角度基本上為一個(gè)正立面圖,作為扁平風(fēng)格的效果圖我們一般采用最簡(jiǎn)單的呈現(xiàn)方式,多以平行投影圖為主(立面、軸測(cè)),如需表達(dá)內(nèi)部空間,多采用一點(diǎn)透視,幾乎很少采用兩點(diǎn)透視或是三點(diǎn)透視。但需要注意的是在建筑左側(cè)的挑檐處增加了一個(gè)軸測(cè)方向來表現(xiàn)進(jìn)深,這樣有利于增加畫面的豐富性~我們可以將模型中的挑檐的位置上移,軸測(cè)的進(jìn)深表達(dá)在后續(xù)Ai中進(jìn)行處理。
STEP 2
角度選取
選取模型的正立面平行投影
步驟:相機(jī)——平行投影;相機(jī)——標(biāo)準(zhǔn)試圖——前視圖
需要注意的是,這里的標(biāo)準(zhǔn)視圖方向根據(jù)建模方向而異,需要自己選擇調(diào)整。
STEP 3
底圖導(dǎo)出
調(diào)整好角度之后我們需要將模型導(dǎo)出為二維圖形在Ai中進(jìn)行后期處理
步驟:文件——導(dǎo)出——二維圖形
在彈出對(duì)話框中將輸出類型改為dwg格式,其余值默認(rèn)即可
STEP 4
Ai處理線稿及上色
在Ai中打開上面導(dǎo)出的dwg文件,將線稿復(fù)制新建一層以保護(hù)源文件便于修改,同時(shí)將原圖層鎖定。
處理好線稿之后開始上色。關(guān)于配色可以參考相關(guān)配色網(wǎng)站,美術(shù)功底棒棒噠小伙伴也可以自行在Ai中調(diào)色,這里我們就直接吸取原圖的配色啦~
這里我們使用實(shí)時(shí)上色工具(K)進(jìn)行上色。
步驟:選擇線稿副本圖層——全選所有線條(快捷鍵Ctrl+A)——使用實(shí)時(shí)上色工具(快捷鍵K)——單機(jī)以建立實(shí)時(shí)上色組
便可在線條圍合的封閉區(qū)域內(nèi)上色
GIF演示
利用實(shí)時(shí)上色工具將大體顏色完成,其余位置利用鋼筆工具繼續(xù)細(xì)化
添加細(xì)節(jié)的邏輯為,在實(shí)時(shí)上色組內(nèi)繼續(xù)添加線條劃分上色區(qū)域再進(jìn)行顏色填充
以左側(cè)小體量陰影為例
步驟:使用選擇工具(V)—— 再圖像區(qū)域雙擊一次進(jìn)入線條隔離模式 —— 再雙擊一次進(jìn)入實(shí)時(shí)上色組隔離模式 —— 用鋼筆添加線段劃分區(qū)域 —— 使用實(shí)時(shí)上色工具(K)進(jìn)行填色
GIF演示
部分細(xì)節(jié)調(diào)整結(jié)束,其余部分如墻面肌理,室內(nèi)空間為節(jié)省時(shí)間轉(zhuǎn)至PS繼續(xù)處理
STEP 5
Ai導(dǎo)出PNG
刪除線稿:原作中沒有線稿,全部為色塊,在進(jìn)入PS處理之前,我們也將線稿去掉
步驟:全選(Ctrl+A)——在左上角將描邊調(diào)為無
然后將文件導(dǎo)出成PNG格式以保留透明信息
STEP 6
PS處理
原作建筑立面有部分肌理,利用PS在相應(yīng)位置疊加一層肌理
利用參考線、選取、油漆桶等豐富室內(nèi)空間
將白色背景圖層隱藏導(dǎo)出PNG格式備用
STEP 7
植物繪制
建筑主體的繪制到此就基本完成了,接下來將進(jìn)行建筑外環(huán)境的營造。原作效果驚艷的一個(gè)重要原因正是外部環(huán)境的營造。這里我們要在Ai中通過鋼筆工具細(xì)心繪制每一個(gè)配景。當(dāng)然啦,有素材的情況下,我們可以直接上素材,這會(huì)省掉我們很多精力和時(shí)間~但是想要標(biāo)新立異,有時(shí)候我們還是要費(fèi)些心思來搞一套自己的素材的,而且以后也可以一直用,并不是個(gè)浪費(fèi)時(shí)間的事兒哦~
來看看我們的植物制作過程吧~
植物1:
首先用鋼筆工具畫一個(gè)類似的形狀,任意顏色填充無描邊,然后選擇這個(gè)圖案鎖定(Ctr+2)
然后再用鋼筆工具在其上繪制一些不規(guī)則的形狀
解鎖綠色圖案(Ctrl+Alt+2),全選整個(gè)圖形(Ctrl+A),打開路徑查找器(Shift+Ctrl+F9),選擇減去頂層
微調(diào)顏色
植物2
首先先畫一個(gè)無填充有描邊的橢圓,將其鎖定(Ctrl+2)
然后在橢圓的基礎(chǔ)上繪制樹干,注意樹干的走向和節(jié)枝關(guān)系,需要注意的是,樹枝的末端應(yīng)突出橢圓范圍
繪制完成后將枝干部分全選(Ctrl+A),右鍵編組——解鎖橢圓(Ctrl+Alt+2)——微調(diào)橢圓形狀——選擇橢圓——右鍵——排列——置于頂層
全選整個(gè)圖形(枝干+橢圓)——右鍵建立剪切蒙版——用鋼筆工具補(bǔ)全樹干
使用選擇工具(V)雙擊圖案進(jìn)入剪切組,在單擊枝干部分即可編輯枝干。此時(shí)左上角有兩個(gè)圖標(biāo),切換可分別編輯內(nèi)容(被剪切路徑)和剪切路徑
最后微調(diào)樹干描邊粗細(xì)和顏色即可
STEP 8
室外環(huán)境繪制
最后進(jìn)行室外環(huán)境的完善,將之前保存的調(diào)整之后的建筑的PNG格式圖片在Ai中置入,調(diào)整好位置。
利用鋼筆工具,以不規(guī)則幾何形狀的形式勾繪出背景。需要注意的是配色的處理,與建筑部分的要求一致。
逐漸完善各個(gè)區(qū)域,注意不同區(qū)域區(qū)分不同的圖層,以及圖層之間的上下遮蓋關(guān)系
將之前畫好的植物直接復(fù)制進(jìn)來,在這里如果為節(jié)省時(shí)間,植物不需畫太多,兩三個(gè)即可,復(fù)制變形微調(diào)即可
完成之后將圖片另存為JPG格式,進(jìn)入PS進(jìn)行最后處理
STEP 9
PS后期處理
首先利用剪裁工具(C)對(duì)圖片進(jìn)行修剪
原作有一層顆粒的肌理感,在這里我們利用PS的雜色濾鏡進(jìn)行處理
首先在原圖層上新建一層,填充一個(gè)淡一點(diǎn)的灰色——濾鏡——雜色——添加雜色
按照自己的喜好調(diào)整參數(shù)
之后調(diào)整這一圖層的圖層模式,透明度即可
最后添加文字,我們的圖紙就繪制完成啦!
聯(lián)系客服