學會這2種辦法就不愁畫2.5d插畫

2.5d效果在今年已經是不太流行的一種設計風格了,但是有一些特殊場合利用2.5d的技法結合當下流行的一些色彩元素、質感也是能設計出一幅不錯的作品。

學會這2種辦法就不愁畫2.5d插畫

作品來源:dribbble by kerwin1840



接下來我給大家介紹畫2.5d的插畫2個方法,估計我分享的第一個方法大家很少見,這個方法幫我和我們團隊在2016年完成一幅“史詩級”的Leeco生態city.(偷笑

學會這2種辦法就不愁畫2.5d插畫

過去兩年了,現在看起來不是那麼fashion,不過重要的是技法~技法~技法~嘻嘻)

學會這2種辦法就不愁畫2.5d插畫

Design by lemall ued designer:hellen、 阿四、 落夏



下面就直接進入正題吧

01

AI-動作記錄

這個動作記錄方法解決的問題主要兩點:

1、複雜的圖形找角度。

2、適用於大場景規劃和一些細節的刻畫,比如玻璃面等等。

效果展示

先看下操作示例吧

學會這2種辦法就不愁畫2.5d插畫


如何設置2.5d的動作記錄

step1:畫好3組正方形(分別代表3個視圖的角度—頂視圖、左視圖、右視圖)

step2:在“窗口”—打開“動作”面板。

step3:在動作面板裡—選中“新建動作”—開始錄製(可以命名視圖的名字)

學會這2種辦法就不愁畫2.5d插畫


學會這2種辦法就不愁畫2.5d插畫


step4:那就開始錄製動作了。

學會這2種辦法就不愁畫2.5d插畫


首先選中第一步的圖形,右鍵縮放—高度縮放86.6%。

然後再選中圖形右鍵——傾斜-30度。

接著一步是選中圖形右鍵—旋轉-30度。

學會這2種辦法就不愁畫2.5d插畫


step5:最後選中結束記錄動作。這樣就生成了左視圖的動作了。

學會這2種辦法就不愁畫2.5d插畫


接下來右視圖、頂視圖動作記錄方法同樣。

學會這2種辦法就不愁畫2.5d插畫


如何設計一個city?

像城市規劃師一樣規劃每個區域

需要考慮的是:由平面圖—2.5d視角的展現

呈現出來展現在app、pc端上的效果的完整性

學會這2種辦法就不愁畫2.5d插畫


像建築師一樣打造每個建築

結合幾個生態的區域,利用代表性的特徵來建設每一棟樓,比如手機區是突出手機的特徵,智能硬件區是以硬件的主要產品建造起來的建築物。

學會這2種辦法就不愁畫2.5d插畫


組合起來的不同區域

學會這2種辦法就不愁畫2.5d插畫


現如今已經消失了的幾個區:(

接下來再講一下元素設計中

2.5d比較好用的另一個方法

02

AI-3D效果

step1:畫好平面圖形

學會這2種辦法就不愁畫2.5d插畫


step2:選中圖形—“效果”—“3d”—“突出和斜角”

學會這2種辦法就不愁畫2.5d插畫


step3:設置“突出和斜角”裡的參數達到我們想要的角度。(不同參數設置,角度也不一樣哦)

學會這2種辦法就不愁畫2.5d插畫


step4:選中轉換完成的3d圖形,在“對象”中選“擴展外觀”,就可以得到我們需要的元素了。

學會這2種辦法就不愁畫2.5d插畫


step5:對元素結合當下的一些質感和設計做出調整。就得到不同角度效果圖啦。

學會這2種辦法就不愁畫2.5d插畫


3d方法做的放大鏡不同角度的效果

03

寫在最後

技能方法與設計創意思路孰重孰輕?我們在工作中經常看到有這樣兩類設計師。一類是很有想法,但是卻技能有限表現不出來;另一類是畫畫很好,很有質感,但是卻缺乏新穎與創意思路。

實際上,這兩個方面都很重要,但是我更認為技能可以通過後天的勤奮練習彌補,技能和工具能提升我們工作上的效率和表現的範圍,但是設計思路與審美才是重中之重,也就是我們最基本的美學—構圖、顏色、立意、使用、流行趨勢等等。我們在不斷修煉了自己內功同時再修煉技能方法那就猶如如虎添翼了。


分享到:


相關文章: