©藍調國際
回復文末的關鍵詞
即可免費獲取素材
大家好,我是小意。
最近看了德國著名藝術出版社Taschen出版得一本名為Cabins的畫冊,內容為由法國插畫家Marie-Laure Cruschi創作的一系列非常精美漂亮的小房子的插畫▼
書裡的這些作品即時如今被稱為扁平化風格,也是其開端。
這股熱潮蔓延至設計界,便成了插畫風的代表,在Behance和Pinterest,以及國外事務所官網等平臺發揚光大:
@James Gilleard,Behance
讀者和觀眾的評價也說明了這樣的扁平系插畫風有著怎樣的獨特魅力和生長態勢:
而插畫風運用的範圍除了表現場景的建築效果圖外,早已延伸到其他設計領域。
憑藉其簡明的線條、鮮明的色彩,無渲染無調子的質感,成功在諸多建模渲染美化軟體生產的平面設計作品中佔有一席之地,見於海報,分析圖和書籍中:
你也許會覺得這種畫風有點幼稚,不是甲方爸爸喜歡的那種高大上調調。但實際上國內很多建築景觀事務所都有插畫風格的項目作品:
成都奧園·雲璟示範區©藍調國際
©GND設計集團
那麼,如此受歡迎的插畫風效果,是怎樣一步步生成的呢?
那還用問?當然是用插畫素材P出來畫出來的啦!
1.用畫圖軟體或手繪掃描打出線稿:
2.用AI對線稿進行初步處理,將複雜的線條簡化,並初步填上明暗色調:
3.用AI進一步填色,具體可參照色卡模板:
4.用PS進行最後的細節、材質、色彩深化:
以上圖片@Down the Street Designs,Behance
當然,時間有限的設計師和插畫師們也可以用現成的插畫素材搞定,比如:
插畫風的生成過程中,AI(Adobe illustrator)這一軟體幾乎是必不可少的。而提到AI,又繞不開另一個概念:矢量圖。
所以就接著往下講講關於插畫風格的衍生物——同樣走萌系路線的矢量(軸側)插畫風:
在此之前,先了解一下什麼是矢量圖(摘自百度):
矢量圖每個對象都是一個自成一體的實體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量圖是根據幾何特性來繪製圖形,矢量可以是一個點或一條線,只能靠軟體生成。文件佔用內在空間較小,因為這種類型的圖像文件包含獨立的分離圖像,可以自由無限制的重新組合。
它的特點是放大後圖像不會失真,和解析度無關,適用於圖形設計、文字設計和一些標誌設計、版式設計等。
最通俗的理解,PPT上的形狀也可以視為最簡單的矢量圖:
矢量圖的常見格式有.ai、.eps和.cdr,這對常用AI畫圖的設計師而言再熟悉不過。
因其簡單親和、格式小,易編輯修改,且便成為了動圖、海報、平面設計、UI和WEB界面、分析圖和場景表現的常用風格和素材:
簡單的矢量圖作為配景用在建築分析圖和生活場景上,不會搶了建築的主體地位,且平添別具一格的敘事性和趣味性:
▼
WAF競賽的最高獎獲獎作品《髒街42號樓的輪迴》也能見到矢量素材的身影:
如果概念是設計的骨架,那麼敘事是設計的靈魂,讓他人能真正理解你的設計是如何一步步推進演變的。
在敘事化(講故事)的圖紙、競賽、作品集盛行的現今,基於AI的矢量風格不失為很好的敘事表現風格。
而現實中,明確採用單一風格的表現手段很少,就像插畫風與矢量風之間其實是無法明確定義的那樣。
同樣是簡明的線稿加填色,單純的光影,兩種扁平系風格互相碰撞,又會擦出怎樣的火花?
這些結合了插畫風的配色和矢量風素材配景的圖紙,又是怎樣誕生的?
根據出圖方式,主要有以下三種「流派」:
1、AI徒手暴力流派
該流派的傳人多為插畫師,只用AI徒手起稿、填色,調整,直接粗暴有療效:
2、手繪+AI+PS綜合流派
手繪起稿+AI調線型、上色+PS調整,適合畫插畫,和簡單的建築場景:
3、Sketchup+AI+PS三刀流派
無論是建築規劃景觀系的萌新還是大佬,常年畫軸測、分析圖、場景效果圖,還有一堆課設、競賽、作品集圖紙,必然會選擇純軟體建模出圖這一流派——因為建好的模型可以重複利用,再加上各種現成素材配景,圖紙豈不是信手拈來?
純軟體的三刀流派的矢量插畫風圖紙的畫圖思路大致是:Sketchup建模、導圖+AI調整線型、上色、添加矢量配景素材+PS後期(也可以在AI中完成後期調整):
(點擊圖片觀看詳細教程)
看不清楚?這裡有慢動作~
圖片來源:LAC丨ArchStudio
上圖場景看似複雜,肯細心填色,搭配好的素材,其實可以快速上手。
軸測分析圖也可以用同樣的技法:
圖看完了,那麼問題也來了:
總共6.5G的素材包內,包含軸測和立面兩種主要視角的矢量插畫風素材。根據素材種類,又細分為人物、植物、交通工具、家具、天空等11類,還包含常用做設計、P海報、畫分析圖最常用的小圖標合集和部分矢量插畫及分析圖教程。
02 矢量植物素材合集
(ai,eps,psd,png等格式)
03 矢量剪影素材合集(ai格式)
04 矢量圖標標識合集
(ai,eps,psd,png,ppt等格式)
05 矢量插畫風格立面人物素材
(ai,eps,psd等格式)
06 矢量插畫風立面家具素材(ai格式)
07 矢量插畫風立面交通工具素材(eps格式)
08 矢量插畫風軸測人物及場景
(ai,eps,png,psd等格式)
09 矢量插畫風軸測交通工具素材
(ai,eps,png等格式)
10 矢量插畫風軸測家具素材
(ai,psd,png等格式)
11 矢量插畫風軸測建築景觀素材
(eps格式)
如果你想了解更多專業插畫風格表現技法,我們也有相應的實惠課程助你快速提升:
點擊圖片查看詳細信息▼
點擊圖片查看詳細信息▼
[免費獲取方式]
▼
掃一掃下方二維碼
進入本公眾號後臺後
回復關鍵詞
矢量1119
設計e周教育微信號 yizhoudesign
設計e周官網v.ieday.cn
【更多素材】
精選EXR動態透視貼圖合集合集▼
PS版的一鍵散布神器,彩平快速種樹的秘密▼
Enscape精選材質合集▼
更多插件及設計資源