僅需5步 Illustrator結(jié)合PS快速制作2.5建筑插畫

很多公司都喜歡用2.5D 插畫的形式展現(xiàn)盤點(diǎn)這一年,相較純扁平風(fēng)會更有趣,而繪制方法比3D建模簡單多了,比如這篇教程,用5步就可以實(shí)現(xiàn)2.5 插畫的效果。
這個(gè)作品其實(shí)來源于公司內(nèi)部的一次設(shè)計(jì)比賽,關(guān)于2017年的公司海報(bào),然后順便就拿來當(dāng)作品做了。
有時(shí)候可能大家會想,設(shè)計(jì)到底如何和企業(yè)需求結(jié)合起來,讓自己的設(shè)計(jì)更有價(jià)值。很多時(shí)候,設(shè)計(jì)師們覺得自己的設(shè)計(jì)才華被公司的需求限制而無法發(fā)揮,亦或私底下做了很多設(shè)計(jì)練習(xí),但是公司并不買帳。
所以,當(dāng)你的推動(dòng)設(shè)計(jì)能給公司帶來價(jià)值和利益的時(shí)候,你在團(tuán)隊(duì)內(nèi)部也好,公司影響力也好,都會有一定的提高。舉個(gè)糖炒栗子:你覺得公司的Logo或者品牌形象有點(diǎn)過時(shí),你可以私底下針對公司品牌方面做練習(xí)和優(yōu)化,拿出一個(gè)方案來推動(dòng)品牌形象的改版。
一個(gè)優(yōu)秀的設(shè)計(jì)師應(yīng)該將企業(yè)文化和品牌影響以設(shè)計(jì)的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發(fā)揮。
好了,下面先看幾張我廢寢忘食,連戰(zhàn)8天(第一次做,多包涵)的圖吧。
猴!那么下面正式開始教程!
1. 構(gòu)思
首先我們不需要考慮要如何下手,或者如何用工具來實(shí)現(xiàn)這個(gè)插畫效果。先構(gòu)思一下整一個(gè)框架或者小建筑的一些細(xì)節(jié),一些有趣的點(diǎn),用草稿畫一下。如果要畫一個(gè)很大場景的同學(xué)就務(wù)必要先畫草稿再下手,否則你的場景會很混亂。
2.空間結(jié)構(gòu)的把握
這里用到了眾所周知的軸測圖畫法,當(dāng)然這個(gè)畫法的起源要追溯到很久遠(yuǎn)了,http://www.ituring.com.cn/article/788 大家可以看看這里,非常詳細(xì)的解釋了軸測圖的應(yīng)用。下面再介紹一下參考線的畫法,R神在教程中也提到了這個(gè)步驟,我再拿出來放一下。
3. 確定光源
好的,為了讓物體更加立體,我們需要區(qū)分他的受光面和背光面,不同的光源會產(chǎn)生不同的陰影。
4. 制作零件,搭積木
這實(shí)際上就是一個(gè)搭積木的過程,過程比較繁瑣和枯燥,這一次的小車,我大概用了3000+的圖層,但是各位客官放心,這里有一套武功秘籍:AI(3D),這個(gè)方法之前還不知道,肉桑告訴我的,灰常好用。大家可以嘗試不同的形狀用3D做出來的效果,做的時(shí)候多思考,活學(xué)活用。
案例拆解:
其實(shí)并不復(fù)雜對不對,這樣很快就可以完成小房子的搭建一個(gè)小房子了~!大伙也可以去嘗試制作一個(gè)水果屋子,糖果屋之類的。
5. PS潤色,繪制細(xì)節(jié)
并沒真正大功告成,點(diǎn)睛之筆就在這里:
1)新建空白圖層,想對哪些元素加細(xì)節(jié),就給他新建一個(gè)空白圖層,并做個(gè)蒙板。
2)空白圖層的模式改為疊加,透明度調(diào)整到50%左右,這個(gè)看自己喜好,但不建議很高。
3)用畫筆繪制高光,陰影,漸變(漸變可用圖層樣式)
感想
要說最難的,就屬開頭了。因?yàn)橹皼]做過類似的插畫,所以也只是嘗試,但是畢竟想做一個(gè)比較大場景的圖,一開始壓根沒有勇氣去做,后來大家也看到了,硬著頭皮就上了。當(dāng)然我自己認(rèn)為不足的地方太多了,然后也耗費(fèi)了太多的時(shí)間,現(xiàn)在一邊找點(diǎn)空閑的時(shí)間一邊再優(yōu)化。
但是這次做下來之后確實(shí)收獲很多,尤其是對物體結(jié)構(gòu)和空間的把握提高了。步子跨的有點(diǎn)大會扯著蛋,所以建議伙伴們不要一開始就想做很大很多,先從一個(gè)小的練習(xí)開始做。
耐心是一個(gè)設(shè)計(jì)師的基本品質(zhì)。
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02