輕松5步就可以做出高大上的2.5D插畫

2018-01-03 4904 0
編者按:春節(jié)將至,很多公司都喜歡用2.5D 插畫的形式展現(xiàn)盤點這一年,相較純扁平風會更有趣,而繪制方法比3D建模簡單多了,比如這篇教程,用5步就可以實現(xiàn)2.5 插畫的效果! 這個作品其實來源于公司內(nèi)部的一次設(shè)計比賽,關(guān)于2017年的公司海報,然后順便就拿來當作品做了。 有時候可能大家會想,設(shè)計到底如何和企業(yè)需求結(jié)合起來,讓自己的設(shè)計更有價值。很多時候,設(shè)計師們覺得自己的設(shè)計才華被公司的需求限制而無法發(fā)揮,亦或私底下做了很多設(shè)計練習,但是公司并不買帳。 所以,當你的推動設(shè)計能給公司帶來價值和利益的時候,你在團隊內(nèi)部也好,公司影響力也好,都會有一定的提高。舉個糖炒栗子:你覺得公司的Logo或者品牌形象有點過時,你可以私底下針對公司品牌方面做練習和優(yōu)化,拿出一個方案來推動品牌形象的改版。 一個優(yōu)秀的設(shè)計師應(yīng)該將企業(yè)文化和品牌影響以設(shè)計的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發(fā)揮。 好了,下面先看幾張我廢寢忘食,連戰(zhàn)8天(第一次做,多包涵)的圖吧。 gaga20170116那么下面正式開始教程!
1. 構(gòu)思 首先我們不需要考慮要如何下手,或者如何用工具來實現(xiàn)這個插畫效果。先構(gòu)思一下整一個框架或者小建筑的一些細節(jié),一些有趣的點,用草稿畫一下。如果要畫一個很大場景的同學就務(wù)必要先畫草稿再下手,否則你的場景會很混亂。 uisdc-inset-20170116-2
2.空間結(jié)構(gòu)的把握 這里用到了眾所周知的軸測圖畫法,下面再介紹一下參考線的畫法,R神在教程中也提到了這個步驟,我再拿出來放一下。 uisdc-inset-20170116-3
3. 確定光源 好的,為了讓物體更加立體,我們需要區(qū)分他的受光面和背光面,不同的光源會產(chǎn)生不同的陰影。 uisdc-inset-20170116-4
4. 制作零件,搭積木 這實際上就是一個搭積木的過程,過程比較繁瑣和枯燥,這一次的小車,我大概用了3000+的圖層,但是各位客官放心,這里有一套武功秘籍:AI(3D),這個方法之前還不知道,肉桑告訴我的,灰常好用。大家可以嘗試不同的形狀用3D做出來的效果,做的時候多思考,活學活用。 uisdc-inset-20170116-5 uisdc-inset-20170116-6 uisdc-inset-20170116-7 uisdc-inset-20170116-8 uisdc-inset-20170116-9 uisdc-inset-20170116-10
案例拆解:
uisdc-inset-20170116-11 uisdc-inset-20170116-12 其實并不復(fù)雜對不對,這樣很快就可以完成小房子的搭建一個小房子了~!大伙也可以去嘗試制作一個水果屋子,糖果屋之類的。
5. PS潤色,繪制細節(jié) 并沒真正大功告成,點睛之筆就在這里:
1)新建空白圖層,想對哪些元素加細節(jié),就給他新建一個空白圖層,并做個蒙板。
2)空白圖層的模式改為疊加,透明度調(diào)整到50%左右,這個看自己喜好,但不建議很高。
3)用畫筆繪制高光,陰影,漸變(漸變可用圖層樣式) uisdc-inset-20170116-13 感想 要說最難的,就屬開頭了。因為之前沒做過類似的插畫,所以也只是嘗試,但是畢竟想做一個比較大場景的圖,一開始壓根沒有勇氣去做,后來大家也看到了,硬著頭皮就上了。當然我自己認為不足的地方太多了,然后也耗費了太多的時間,現(xiàn)在一邊找點空閑的時間一邊再優(yōu)化。 但是這次做下來之后確實收獲很多,尤其是對物體結(jié)構(gòu)和空間的把握提高了。步子跨的有點大會扯著蛋,所以建議伙伴們不要一開始就想做很大很多,先從一個小的練習開始做。 耐心是一個設(shè)計師的基本品質(zhì)。 
23
評論區(qū)(0)
正在加載評論...