四步學會復古扁平幾何風格的插畫設計

這次我給大家分享的是「復古扁平幾何風」插畫的創(chuàng)作技法。不要告訴我你沒有數(shù)位板做不了,只需要動動鼠標,你就能做出下面的效果:







今天我們要學習的這個插畫風格,代表人物是國外插畫師yukaiDu,我們可以吸收她在配色和裝飾圖案的優(yōu)點,然后進行二次創(chuàng)作嘗試。


插畫師yukaiDu的風格十分獨特且有魅力:用色及肌理充滿復古感,畫面元素的幾何概括,人物比例夸張,同時非常喜愛用裝飾圖形,例如各種點狀、線性、幾何形裝飾等等。









 

  知識重點:配色及裝飾圖案的使用

  操作工具:數(shù)位板 | Photoshop

  操作難度:老板再也不用擔心我不會畫畫了






假設我們的主題是設計師在家辦公的場景,所以我們可以百度或花瓣搜索關鍵詞“工作室”、“工作臺”。


在挑選照片場景元素時不要用太擁擠的照片。可以只用一張做參考,當然用兩張照片拼接會更有趣。


TIPS:我們在選擇照片的時候需要注意搜索對象的圖片盡量是正視或全側視圖,這樣的角度方便我們從圖片中提取外形,不受透視變化的影響。




從網(wǎng)上搜索出我們需要繪制物體的照片。接著進行造型概括,對外輪廓進行概括描邊。


需要對場景元素做取舍,提取畫面中清晰、主要、有特點的元素。觀察物體的正確方式應該從物體外輪廓進行觀察概括,通常會用到將物體比作幾何形或拉直線的概括方法。



想要的元素照片中沒有,就可以單獨找元素照片,再放到你的畫面中。畫好的元素也可以進行位置大小調整。




如果沒有找到合適的人物照片參考,可以請自己的小伙伴或者同事比出想要的動作,并拍攝下來。(這里感謝逗哥的傾情出演,還有別扭的無辜亂入)


提取照片輪廓,對人物形體進行夸張?zhí)幚怼?/span>


在照片上描出人物輪廓;

調整人物動作,將身體前傾角度調小,手臂動作更明確,讓整個動態(tài)更自然;

為了讓身體比例更加夸張有趣,我們可以將頭縮小,肩膀放寬,上臂粗下臂小,最后調整發(fā)型。

畫好的人物放置到場景中,草圖就完成了。




接下來我們來配色。鄰近色和同類色讓畫面更加有層次;對比色與互補色讓畫面更加有沖擊力。我們使用70%黃紅色和20%的藍紫色來給畫面配色。其中鄰近色:黃色與橘色,藍色與紫色,互補色:黃色與紫色,對比色:紅色與藍色。



降低線稿透明度并置于頂層,方便整體觀察畫面布局。

將畫面主色定為黃色,輔色為藍紫色,點綴色為紅色。將草圖中墻面進行了上下7:3的分割,將黃色與紫色用“水墨勾線筆進行上色,整體的色調氛圍就確定了。


TIPS:主色和輔色的使用面積一定要拉開比例,不要平均使用。







將畫面中的大面積元素定下來。在墻面黃色的基礎上調整出天花板、人物上衣的亮黃色,窗子的米黃色;在墻面紫色的基礎上調整出窗框與桌面柜子的深紫色;最后椅子使用了紅色,形成點綴。


TIPS: 在已有的顏色上調整飽和度和明度,不需要調整色相。



吸取已上色椅子、墻面的顏色,改變飽和度和明度,將畫框、書本、植物等小元素上色。



將窗外的書本幾何元素根據(jù)之前的方式上色,色稿就完成了。


TIPS: 除了最開始提取的顏色,加入了黑色來壓重、白色來提亮,起到豐富畫面層次的作用。





最后,給畫面增加肌理。肌理的用色比原本的底色顏色深一點,使用柳絮鹽顆粒筆刷為墻面及分散的畫框添加肌理。


TIPS:注意肌理的面積與區(qū)域的安排,當大面積的墻面有肌理時,人物就不要有,過多且平均會使畫面花。同時,柳絮鹽顆粒需要輕輕的使用。





用紅色或黃色給白色畫框添加顆粒肌理。




復制窗戶并往左下移動并改變顏色,給窗花增加厚度。掛畫、電腦、窗外的書本、幾何同理。細節(jié)的部分還是需要勾畫出來的。例如,書本的細節(jié)可以使用水墨勾線筆勾畫出來。



使用水墨勾線筆給畫框、椅子及靠背增加厚度及投影。



最后添加花紋裝飾。

黃色墻面添加紅色點狀花紋。只需要畫一小片,再復制擺放。




添加紫色墻面的格子花紋。



黃色天花板添加斷點橫條紋。使用的依然是水墨勾線筆。

按住【shift】,畫3條橫線。

用橡皮擦擦出斷點,不要太平均,斷線之間要有長短區(qū)別。

復制上面的條紋線,再進行擦除修飾,達到你想要的效果。

另一邊可以直接復制過去再調整。



添加桌子、電腦、花盆等小物件的斷點橫條紋。



添加椅子、地球儀的泡泡形不規(guī)則花紋及波點。



最后在人物服裝及窗外增加幾何形、波浪形圖形裝飾。


TIPS:裝飾圖形密度要低于墻面的點狀和網(wǎng)格紋。否則花紋過于平均,會使畫面沒有疏密對比,缺少主次關系。



最后,給人物服裝、頭發(fā)、手加上高光和暗面。




一張只需要動動鼠標的插畫就duangduang的完成了!我們來看一下這種插畫的應用效果,不管是海報、雜志封面、還是網(wǎng)頁展示都完美適配!



好了,這次插畫教程到這里就結束了,想嘗試的小伙伴們可以關注下圖公眾號回復  插畫ps筆刷 就能領取這篇教程運用到的筆刷包了~Bye~


 


每天更新,
全站高品質素材免費下載!