使用Illustrator繪製炫酷2.5D漸變插畫

使用Illustrator繪製炫酷2.5D漸變插畫


使用Illustrator繪製炫酷2.5D漸變插畫



最近不光是C4D火,2.5D插畫也很流行。很多創意插畫都採用了這種方式來表現,相比於扁平化的風格,2.5D風格在視覺表現力上更加立體炫酷,使得這種風格的插畫活躍在banner、海報、APP和網頁設計中。那麼這種插畫如何去著手製作呢,其實只要掌握了其中透視關係就能夠完成。


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



在開始設計創作之前,簡單的草圖必不可少,這樣可以快速清晰的構建插畫的大致結構,特別是大型插畫,如果你不提前繪製出草圖將會十分混亂無從下手。


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



2.5D插畫最重要的步驟便是骨骼線網格的搭建,再複雜的圖形都要乖乖臣服於它的框架之下,可以說解決了骨骼線,你就搞定了2.5D風格的精髓,我們後續的設計創作都是基於骨骼線網格去完成的,那麼如何搭建這個骨骼線網格呢。


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



有了骨骼線網格我們便可以參考網格線繪製出每一個面,一定要嚴格按照網格線去繪製,不能有絲毫誤差,否則面與面之間的銜接會出現難看的縫隙。


使用Illustrator繪製炫酷2.5D漸變插畫


這裡我們將幾個大的模塊依次拆分慢慢畫出來。


使用Illustrator繪製炫酷2.5D漸變插畫


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


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



文字工具創建一個數字7,擴展後選擇菜單欄-效果-3d-凸出和斜角,在彈出的設置面板中選擇位置-等角-右方,設置凸出大小20。


使用Illustrator繪製炫酷2.5D漸變插畫


再次擴展3d處理後的文字,填充漸變色,補充光效光暈渲染完成數字7設計。


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



橢圓工具、顏色漸變給建築加上光效粒子點綴。


使用Illustrator繪製炫酷2.5D漸變插畫


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


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



利用混合工具我們可以分別繪製出立體管道、立體文字和氣泡框。

混合工具設定間距的模式有三種,平滑顏色、指定的步數、指定的距離。

指定的步數:兩個圖形之間過渡圖形的數量。

指定的距離:每個圖形之間過渡圖形的距離。

平滑顏色:通常用於顏色漸變中。


使用Illustrator繪製炫酷2.5D漸變插畫


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



使用鋼筆工具,繪製調節人物結構。掌握一定的人體形態、結構、塊面基礎就能畫出漂亮的pose。

無繪畫基礎可以使用我的方法,從火柴人骨架到胸腔、盆腔的位置關係開始,養成良好的繪畫習慣。


使用Illustrator繪製炫酷2.5D漸變插畫




使用Illustrator繪製炫酷2.5D漸變插畫



重複利用上述辦法逐步填充豐富畫面,最後我們加點自己喜歡的文字排版上去,一副炫酷的2.5d插畫就完成了。


使用Illustrator繪製炫酷2.5D漸變插畫


使用Illustrator繪製炫酷2.5D漸變插畫


本教程,只為收藏學習,若圖片內容侵權聯繫小編,立馬刪除!!!(小編分享只為自己和大家學習所用!越努力,越幸運!)


分享到:


相關文章: