PS設計教程網歡迎你!

Illustrator結合PS快速的制作3D建筑插畫

文章來源于 優設,感謝作者 shejishiyj 給我們帶來經精彩的文章!
設計教程/矢量教程/Illustrator教程2017-02-05
春節將至,很多公司都喜歡用2.5D 插畫的形式展現盤點這一年,相較純扁平風會更有趣,而繪制方法比3D建模簡單多了,比如這篇教程,用5步就可以實現2.5 插畫的效果。

春節將至,很多公司都喜歡用2.5D 插畫的形式展現盤點這一年,相較純扁平風會更有趣,而繪制方法比3D建模簡單多了,比如這篇教程,用5步就可以實現2.5 插畫的效果。

這個作品其實來源于公司內部的一次設計比賽,關于2017年的公司海報,然后順便就拿來當作品做了。

有時候可能大家會想,設計到底如何和企業需求結合起來,讓自己的設計更有價值。很多時候,設計師們覺得自己的設計才華被公司的需求限制而無法發揮,亦或私底下做了很多設計練習,但是公司并不買帳。

所以,當你的推動設計能給公司帶來價值和利益的時候,你在團隊內部也好,公司影響力也好,都會有一定的提高。舉個糖炒栗子:你覺得公司的Logo或者品牌形象有點過時,你可以私底下針對公司品牌方面做練習和優化,拿出一個方案來推動品牌形象的改版。

一個優秀的設計師應該將企業文化和品牌影響以設計的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發揮。

好了,下面先看幾張我廢寢忘食,連戰8天(第一次做,多包涵)的圖吧。

Illustrator結合PS快速的制作3D建筑插畫

猴!那么下面正式開始教程!

1. 構思

首先我們不需要考慮要如何下手,或者如何用工具來實現這個插畫效果。先構思一下整一個框架或者小建筑的一些細節,一些有趣的點,用草稿畫一下。如果要畫一個很大場景的同學就務必要先畫草稿再下手,否則你的場景會很混亂。

Illustrator結合PS快速的制作3D建筑插畫

2.空間結構的把握

這里用到了眾所周知的軸測圖畫法,當然這個畫法的起源要追溯到很久遠了,http://www.ituring.com.cn/article/788 大家可以看看這里,非常詳細的解釋了軸測圖的應用。下面再介紹一下參考線的畫法,R神在教程中也提到了這個步驟,我再拿出來放一下。

Illustrator結合PS快速的制作3D建筑插畫

3. 確定光源

好的,為了讓物體更加立體,我們需要區分他的受光面和背光面,不同的光源會產生不同的陰影。

Illustrator結合PS快速的制作3D建筑插畫

4. 制作零件,搭積木

這實際上就是一個搭積木的過程,過程比較繁瑣和枯燥,這一次的小車,我大概用了3000+的圖層,但是各位客官放心,這里有一套武功秘籍:AI(3D),這個方法之前還不知道,肉桑告訴我的,灰常好用。大家可以嘗試不同的形狀用3D做出來的效果,做的時候多思考,活學活用。

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

案例拆解:

Illustrator結合PS快速的制作3D建筑插畫

Illustrator結合PS快速的制作3D建筑插畫

其實并不復雜對不對,這樣很快就可以完成小房子的搭建一個小房子了~!大伙也可以去嘗試制作一個水果屋子,糖果屋之類的。

5. PS潤色,繪制細節

并沒真正大功告成,點睛之筆就在這里:

1)新建空白圖層,想對哪些元素加細節,就給他新建一個空白圖層,并做個蒙板。

2)空白圖層的模式改為疊加,透明度調整到50%左右,這個看自己喜好,但不建議很高。

3)用畫筆繪制高光,陰影,漸變(漸變可用圖層樣式)

Illustrator結合PS快速的制作3D建筑插畫

感想

要說最難的,就屬開頭了。因為之前沒做過類似的插畫,所以也只是嘗試,但是畢竟想做一個比較大場景的圖,一開始壓根沒有勇氣去做,后來大家也看到了,硬著頭皮就上了。當然我自己認為不足的地方太多了,然后也耗費了太多的時間,現在一邊找點空閑的時間一邊再優化。

但是這次做下來之后確實收獲很多,尤其是對物體結構和空間的把握提高了。步子跨的有點大會扯著蛋,所以建議伙伴們不要一開始就想做很大很多,先從一個小的練習開始做。

耐心是一個設計師的基本品質。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽