Illustrator結合PS快速的製作3D建築插畫
這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。
文章出處是來自優設的矢量教程類文章,寫教學的作者是shejishiyj,感謝shejishiyj提供Illustrator教程的實作教學。
教學大綱:
春節將至,很多公司都喜歡用2.5D 插畫的形式展現盤點這一年,相較純扁平風會更有趣,而繪製方法比3D建模簡單多了,比如這篇教程,用5步就可以實現2.5 插畫的效果。
Illustrator教程教學開始
春節將至,很多公司都喜歡用2.5D 插畫的形式展現盤點這一年,相較純扁平風會更有趣,而繪製方法比3D建模簡單多了,比如這篇教程,用5步就可以實現2.5 插畫的效果。
這個作品其實來源於公司內部的一次設計比賽,關於2017年的公司海報,然後順便就拿來當作品做了。
有時候可能大家會想,設計到底如何和企業需求結合起來,讓自己的設計更有價值。很多時候,設計師們覺得自己的設計才華被公司的需求限制而無法發揮,亦或私底下做了很多設計練習,但是公司並不買帳。
所以,當你的推動設計能給公司帶來價值和利益的時候,你在團隊內部也好,公司影響力也好,都會有一定的提高。舉個糖炒栗子:你覺得公司的Logo或者品牌形象有點過時,你可以私底下針對公司品牌方面做練習和優化,拿出一個方案來推動品牌形象的改版。
一個優秀的設計師應該將企業文化和品牌影響以設計的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發揮。
好了,下面先看幾張我廢寢忘食,連戰8天(第一次做,多包涵)的圖吧。
猴!那麼下面正式開始教程!
1. 構思
首先我們不需要考慮要如何下手,或者如何用工具來實現這個插畫效果。先構思一下整一個框架或者小建築的一些細節,一些有趣的點,用草稿畫一下。如果要畫一個很大場景的同學就務必要先畫草稿再下手,否則你的場景會很混亂。
2.空間結構的把握
這裡用到了眾所周知的軸測圖畫法,當然這個畫法的起源要追溯到很久遠了,http://www.ituring.com.cn/article/788 大家可以看看這裡,非常詳細的解釋了軸測圖的應用。下面再介紹一下參考線的畫法,R神在教程中也提到了這個步驟,我再拿出來放一下。
3. 確定光源
好的,為了讓物體更加立體,我們需要區分他的受光面和背光面,不同的光源會產生不同的陰影。
4. 製作零件,搭積木
這實際上就是一個搭積木的過程,過程比較繁瑣和枯燥,這一次的小車,我大概用了3000+的圖層,但是各位客官放心,這裡有一套武功秘籍:AI(3D),這個方法之前還不知道,肉桑告訴我的,灰常好用。大家可以嘗試不同的形狀用3D做出來的效果,做的時候多思考,活學活用。
案例拆解:
其實並不複雜對不對,這樣很快就可以完成小房子的搭建一個小房子了~!大夥也可以去嘗試製作一個水果屋子,糖果屋之類的。
5. PS潤色,繪製細節
並沒真正大功告成,點睛之筆就在這裡:
1)新建空白圖層,想對哪些元素加細節,就給他新建一個空白圖層,並做個蒙板。
2)空白圖層的模式改為疊加,透明度調整到50%左右,這個看自己喜好,但不建議很高。
3)用畫筆繪製高光,陰影,漸變(漸變可用圖層樣式)
感想
要說最難的,就屬開頭了。因為之前沒做過類似的插畫,所以也只是嘗試,但是畢竟想做一個比較大場景的圖,一開始壓根沒有勇氣去做,後來大家也看到了,硬着頭皮就上了。當然我自己認為不足的地方太多了,然後也耗費了太多的時間,現在一邊找點空閑的時間一邊再優化。
但是這次做下來之後確實收穫很多,尤其是對物體結構和空間的把握提高了。步子跨的有點大會扯着蛋,所以建議夥伴們不要一開始就想做很大很多,先從一個小的練習開始做。
耐心是一個設計師的基本品質。
–本文轉載自 http://www.missyuan.net 教學網 —
文章永久連結為: Illustrator結合PS快速的製作3D建築插畫