2.5D漸變插畫教程
使用Illustrator繪制炫酷2.5D漸變插畫


最近不光是C4D火,2.5D插畫也很流行。很多創(chuàng)意插畫都采用了這種方式來表現(xiàn),相比于扁平化的風(fēng)格,2.5D風(fēng)格在視覺表現(xiàn)力上更加立體炫酷,使得這種風(fēng)格的插畫活躍在banner、海報(bào)、APP和網(wǎng)頁設(shè)計(jì)中。那么這種插畫如何去著手制作呢,其實(shí)只要掌握了其中透視關(guān)系就能夠完成。


在開始設(shè)計(jì)創(chuàng)作之前,簡(jiǎn)單的草圖必不可少,這樣可以快速清晰的構(gòu)建插畫的大致結(jié)構(gòu),特別是大型插畫,如果你不提前繪制出草圖將會(huì)十分混亂無從下手。


2.5D插畫最重要的步驟便是骨骼線網(wǎng)格的搭建,再?gòu)?fù)雜的圖形都要乖乖臣服于它的框架之下,可以說解決了骨骼線,你就搞定了2.5D風(fēng)格的精髓,我們后續(xù)的設(shè)計(jì)創(chuàng)作都是基于骨骼線網(wǎng)格去完成的,那么如何搭建這個(gè)骨骼線網(wǎng)格呢。


有了骨骼線網(wǎng)格我們便可以參考網(wǎng)格線繪制出每一個(gè)面,一定要嚴(yán)格按照網(wǎng)格線去繪制,不能有絲毫誤差,否則面與面之間的銜接會(huì)出現(xiàn)難看的縫隙。

這里我們將幾個(gè)大的模塊依次拆分慢慢畫出來。

重復(fù)有規(guī)律排列的組件,我們用到AI中的“再次變換”“切斜工具”。例如上圖中的窗戶,繪制一個(gè)矩形,復(fù)制一個(gè),菜單-對(duì)象-變換-再次變化(Ctrl+D)得到另外3個(gè)相同矩形,最后全選,使用傾斜工具,傾斜30度。


文字工具創(chuàng)建一個(gè)數(shù)字7,擴(kuò)展后選擇菜單欄-效果-3d-凸出和斜角,在彈出的設(shè)置面板中選擇位置-等角-右方,設(shè)置凸出大小20。

再次擴(kuò)展3d處理后的文字,填充漸變色,補(bǔ)充光效光暈渲染完成數(shù)字7設(shè)計(jì)。


橢圓工具、顏色漸變給建筑加上光效粒子點(diǎn)綴。

利用同樣的方法我們可以繪制出其他模塊。


利用混合工具我們可以分別繪制出立體管道、立體文字和氣泡框。
混合工具設(shè)定間距的模式有三種,平滑顏色、指定的步數(shù)、指定的距離。
指定的步數(shù):兩個(gè)圖形之間過渡圖形的數(shù)量。
指定的距離:每個(gè)圖形之間過渡圖形的距離。
平滑顏色:通常用于顏色漸變中。



使用鋼筆工具,繪制調(diào)節(jié)人物結(jié)構(gòu)。掌握一定的人體形態(tài)、結(jié)構(gòu)、塊面基礎(chǔ)就能畫出漂亮的pose。
無繪畫基礎(chǔ)可以使用我的方法,從火柴人骨架到胸腔、盆腔的位置關(guān)系開始,養(yǎng)成良好的繪畫習(xí)慣。


重復(fù)利用上述辦法逐步填充豐富畫面,最后我們加點(diǎn)自己喜歡的文字排版上去,一副炫酷的2.5d插畫就完成了。








































