AI怎么設(shè)計(jì)懸浮效果的2.5D建筑物插畫?

AI中想要設(shè)計(jì)一幅建筑插畫,該怎么繪制2.5d建筑插畫呢?下面我們就來看看詳細(xì)的教程。
這里主要還是講繪制思路和方法,插畫具體的結(jié)構(gòu)的構(gòu)思還是要自己思考,參考第一點(diǎn),說多了也無用。
1. 先來看插畫中最大的地基體塊
這個體塊是AI進(jìn)行繪制的,通過這個例子講解AI和PS如何協(xié)同作圖,也會通過這個例子進(jìn)行延伸講解,希望能夠解決所有插畫中所需的2.5D透視色塊繪制問題。
下面開始進(jìn)行:
① 打開PS新建畫布大小為1600*1200PX,分辨率72,填充顏色任意
② 打開AI新建畫布,大小建議和PS中畫布大小一致,直接利用形狀工具六邊形繪制形狀。
③ 接下來重頭戲來了。選中三角形點(diǎn)擊 效果-3D-凸出和斜角,彈出窗口如下(著重觀察紅線選項(xiàng))。
按照下圖設(shè)置則會得到需要的圖形(其它的各種樣式下文舉例)
④ 接下來點(diǎn)擊 對象-擴(kuò)展外觀,然后在圖像上右鍵取消編組,全選復(fù)制至PS中粘貼為形狀圖層,剛粘貼完發(fā)現(xiàn)是一個顏色,這時(shí)候使用錨點(diǎn)工具(快捷鍵A),選中各個面的錨點(diǎn)分別摁快捷鍵Ctrl+shift+J提取,各個面就會分離,接下來就可以分別上色(因上圖為后期教程補(bǔ)充圖片,高度大小略微不一致,按照你的大小做即可)
2. 接下來開始繪制道路、山峰、和漂浮的云朵、和太陽。
① 道路的繪制
首先繪制一個各個夾角約60°參考線作為透視統(tǒng)一標(biāo)準(zhǔn),道路如下圖繪制,如有其它小元素統(tǒng)一按照輔助線透視繪制。
路標(biāo)也是同一個道理
② 山峰的繪制沒什么難度直接勾畫即可(最好分個亮面暗面,山頂有雪使用剪切蒙版即可)
③ 云朵的繪制和太陽的繪制主要還是透視的問題,這一步我使用AI來進(jìn)行解決。AI中太陽的繪制非常簡單,直接畫圓,運(yùn)行 效果-3D-凸出和斜角,設(shè)置如下圖
云朵的繪制一樣的道理,按照上圖步驟直接繪制圖形,運(yùn)行效果-3D-凸出和斜角。運(yùn)行的結(jié)果粘貼到PS中,如需調(diào)整方向水平翻轉(zhuǎn)即可。
1. 接下來是插畫的各個細(xì)節(jié)部件的繪制,將分別展示各個部件,復(fù)雜的適當(dāng)講解。
① 人物的繪制(這個很簡單稍微費(fèi)點(diǎn)時(shí)間,配色自己把握)
② 車輛的繪制(這個也很簡單,費(fèi)點(diǎn)時(shí)間,不過需要按照透視來,透視拿捏不準(zhǔn)的可以按照上面步驟中的參考線繪制)
③ 樹木的繪制(樹木有很多種,大家可以多多嘗試,我的樹木是再AI中繪制形狀執(zhí)行3D來進(jìn)行)
④ 其余形狀繪制(剩下的都很簡單,也可不必按照我繪制的形狀,自定義也可)
將所有的組件組合之后如下圖:
1. 在顏色上做最后的調(diào)整,在這里我確定了一個主光源。(在此建議各位要敢于嘗試調(diào)試出各種色樣優(yōu)秀的配色)
2. 繪制一個美美噠背景就完成嘍~
3.最后歡迎各位交作業(yè)啦~看的再多也不如動手來的實(shí)在,在教程中我也是盡量建議大家學(xué)習(xí)方法,方法會了一通百通。不給出具體數(shù)值自己多去嘗試,嘗試出來了自己就記住了,自己在創(chuàng)作的時(shí)候就能夠用的出來。加油嘍~
以上就是ai繪制2.5d建筑物插畫的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
相關(guān)文章
- AI怎么繪制2.5d立體樓梯?ai中想要畫立體樓梯,該怎么畫樓梯呢?下面我們就來看卡ai樓梯的畫法,很簡單,需要的朋友可以參考下2018-08-20
- ai怎么設(shè)計(jì)2.5d小板凳素材?ai中想要設(shè)計(jì)扁平化的一個小場景,該怎么設(shè)計(jì)2.5d立體的小板凳呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-06
- ai怎么設(shè)計(jì)2.5d立體瀑布式信息圖表?圖表描述的信息比較清晰,圖表的樣式也很多樣化,想要制作瀑布式圖表,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2018-07-27
- 超流行的2.5D風(fēng)格插畫你會了嗎?今天小編就給大家?guī)鞟I制作非常漂亮的2.5d立體字插畫教程,作者講解的很詳細(xì),想要學(xué)習(xí)2.5d插畫制作技巧的朋友千萬不要錯過哦2018-06-21
- ai怎么繪制立體2.5D效果的彩色魔方?之前我們介紹過使用ai繪制魔方的技巧,今天我們就來看看使用ai繪制2.5d立體效果魔方的教程,需要的朋友可以參考下2018-06-03
- 本篇給腳本之家的Illustrator教程學(xué)習(xí)者們帶來AI繪制2.5d建筑矢量插畫圖文教程,好玩有趣還實(shí)用,感興趣的朋友歡迎前來一起分享學(xué)習(xí)2018-05-23
- 本教程依然延續(xù)之前的2.5D風(fēng)格,教腳本之家的Illustrator教程學(xué)習(xí)者使用AI快速繪制2.5d風(fēng)格的小汽車插畫的方法,教程講解的挺詳細(xì),想要學(xué)習(xí)2.5d風(fēng)格插畫繪制技巧的朋友可2018-05-16
ai怎么怎么設(shè)計(jì)2.5d立體的木門? ai卡通木門的設(shè)計(jì)方法
ai怎么怎么設(shè)計(jì)2.5d立體的木門?ai中想要設(shè)計(jì)一款立體的木門,該怎么設(shè)計(jì)呢?下面我們就來看看ai卡通木門的設(shè)計(jì)方法,很簡單,需要的朋友可以參考下2018-04-17- ai怎么設(shè)計(jì)一款2.5d立體的博士帽?ai中想要畫一個立體的博士帽,該怎么繪制呢額?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-04-13
ai怎么設(shè)計(jì)2.5d商場建筑? ai繪制房子的教程
ai怎么設(shè)計(jì)2.5d商場建筑?商場是常見的建筑物,想要繪制一個商場建筑物,該怎么設(shè)計(jì)呢?下面我們就來看看ai繪制房子的教程,需要的朋友可以參考下2018-04-12