嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

設(shè)計(jì)師看了都會(huì)收藏的色塊矢量插畫教程來(lái)了!【零基礎(chǔ)】

2022-7-28    seo達(dá)人

圖片

知識(shí)重點(diǎn):構(gòu)圖層次、色彩搭配、元素豐富操作工具:數(shù)位板 | illustrator操作難度:  

首先給大家介紹一位來(lái)自塞爾維亞插畫家 Alex Krugli。他擅長(zhǎng)通過(guò)豐富的圖形組合和絢麗的色彩表達(dá),來(lái)使原本簡(jiǎn)單的畫面內(nèi)容變得層次豐富,百分百吸引你的眼球。

圖片

圖片

圖片

*圖片來(lái)自插畫師 Alex Krugli,僅供賞析

 

 

分析Alex Krugli的畫風(fēng)特點(diǎn) 

1.、扁平風(fēng)圖形插畫,元素幾何化概括,組合豐富,畫面飽滿,無(wú)空間透視變化,無(wú)肌理效果。

圖片

2.、構(gòu)圖層次豐富,有前景,中景,遠(yuǎn)景幾個(gè)部分組成。

圖片

3.、色調(diào)統(tǒng)一又富有變化,運(yùn)用互補(bǔ)色使畫面更有視覺(jué)沖擊力 。

圖片

4.、圖形裝飾豐富,給簡(jiǎn)潔的造型增加更多的可看性。

圖片

我真是一個(gè)善于總結(jié)的好學(xué)生,下面開始畫起來(lái)吧~

 

 

圖片

本次的主題我想以建筑為主元素,構(gòu)建一個(gè)室外場(chǎng)景畫面,首先我們可以去百度或者花瓣搜索些漂亮的房子照片,找找靈感,關(guān)鍵詞可以是歐式建筑,復(fù)古小房子等。

搜索建筑素材圖片時(shí),需要注意兩點(diǎn):

1、幾何感強(qiáng)

2、設(shè)計(jì)感強(qiáng)的建筑做參考

這里我找到了兩張建筑圖片,將其中一張作為主元素建筑,另一張作為遠(yuǎn)景建筑群,然后可以再去找找場(chǎng)景相關(guān)的素材,如:車輛、郵筒、植物等,同樣也是靠百度啦~

圖片

圖片來(lái)源網(wǎng)絡(luò),僅供賞析

 

 

圖片

在 Alex Krugli 的插畫作品中,非常注重畫面層次的劃分,我們可以先分析一張他的作品。

從顏色分區(qū)可以看出畫面分了四個(gè)層次,圖中的紅色區(qū)域是畫面的前景,藍(lán)色是中前景,綠色是中后景,紫色是遠(yuǎn)景。

圖片

那如何把畫面安排的有序且豐富呢?

1. 劃分建筑層次,由近及遠(yuǎn)。如圖,建筑可以有單體和建筑群兩種形式,相互穿插,區(qū)別各個(gè)層次建筑的大小寬窄高低,中景建筑一般占比最大,比較密集,前景建筑起遮擋作用,背景建筑概括,占比較小。

圖片

2. 拉開建筑大小等級(jí),近大遠(yuǎn)小。(如下圖中近似造型的建筑在畫面中大小變化)

圖片

3. 豐富建筑剪影形,高矮、粗細(xì)、方圓相互結(jié)合。

圖片

4. 近景的造型更復(fù)雜,背景簡(jiǎn)化處理。

圖片

通過(guò)分析確定了我的構(gòu)圖方向,利用搜集的素材,我們可以大致的擺放一下位置,將畫面分四個(gè)層次,藍(lán)色區(qū)域的中景建筑是這次畫面的主體元素,紅色前景區(qū)域起到遮擋作用,綠色中后景區(qū)域豐富了畫面的層次,紫色遠(yuǎn)景作為背景襯托前面的元素。

圖片

 

 

圖片

  • 主體建筑物的繪制

1. 抓住照片中建筑物最有特點(diǎn)的幾個(gè)地方

圖片

2. 根據(jù)構(gòu)圖調(diào)整建筑的長(zhǎng)寬比例,用幾何形體概括外形,扁平處理,不做透視的變化。注意:對(duì)參考照片做一些主觀的調(diào)整,不要完全一樣哦~

圖片

TIPS:這里我用了三角形和方形作為大的框架,給人穩(wěn)定的感覺(jué),內(nèi)部添加半圓形、圓形,增加變化,給建筑物添加活力。

圖片

 

  • 遠(yuǎn)景建筑群的繪制

1. 概括建筑群中的幾種建筑形態(tài)

圖片

2. 將幾種建筑形重新組合,做高低大小的演變,形成新的建筑群,添加植物、臺(tái)階等元素豐富層次變化,并添加建筑內(nèi)部的細(xì)節(jié)。

圖片

參考之前插畫師 Alex Krugli 對(duì)建筑層次的處理,將畫好的建筑群放置在畫面中,這里注意主建筑占比最大,建筑群需要做近大遠(yuǎn)小處理。并且建筑要有高有低,有寬有窄,相互穿插配合。

圖片

 

  • 其他元素的繪制
建筑群繪制之后,接下來(lái)我們就要豐富畫面的其他層次,前景加上車輛,植物,街道,郵筒等元素對(duì)中景進(jìn)行遮擋,背景用遠(yuǎn)山天空延伸畫面,還有人物,增添畫面的活力。

1. 汽車的繪制:

① 對(duì)車輛進(jìn)行平面化處理,將前側(cè)兩個(gè)面用一個(gè)平面概括。

圖片

② 用幾何圖形進(jìn)行概括和演變,車輛主要用到的幾何形是半圓角矩形和圓形。

圖片

2. 郵筒的繪制:同樣也是對(duì)照片進(jìn)行幾何圖形的概括,主要用到了半圓形、矩形以及圓形。

圖片

然后我們將二者和小植物做組合搭配,形成畫面的前景,元素組合的形式可以避免元素的單一,并且更有層次。

圖片

3. 植物:植物同樣可以從照片中提取幾何形,再進(jìn)行演變,這里我通過(guò)照片提取了圓角矩形,三角形,圓形,再通過(guò)組合疊加的形式,演變成新的幾何形。植物在畫面中可以作為前景,或者穿插聯(lián)系其他單體,也可以作為點(diǎn)綴元素重復(fù)出現(xiàn)。

圖片

4. 人物:人物在畫面中也是起到點(diǎn)綴的作用,面積不大,不需要五官的刻畫,畫出基本動(dòng)態(tài)即可。

① 從照片中提取動(dòng)態(tài)。

圖片

② 優(yōu)化人物比例并修改動(dòng)態(tài):頭放大并調(diào)整轉(zhuǎn)向,肩變窄,身體擺正,改變手臂和腿部的動(dòng)態(tài),讓兩個(gè)人物之間有一點(diǎn)互動(dòng)。

圖片

③ 幾何化處理:首先可以概括一下身體各部位的基本幾何形,再套用到動(dòng)態(tài)中去,注意直線概括,使人物更加圖形化。

圖片

最后畫一下背景的遠(yuǎn)山,月亮,云朵,草圖就完成了,啦啦啦~

圖片

 

 

圖片

線稿的繪制是在 illustrator 中完成,在草圖的基礎(chǔ)上添加物體內(nèi)部細(xì)節(jié)并對(duì)整個(gè)畫面做最后的調(diào)整。

1. 建筑的屋頂造型用三角形、梯形、半圓做了統(tǒng)一的規(guī)范。

圖片

2. 在草圖的基礎(chǔ)上,用AI把線稿畫出來(lái)。

3. 統(tǒng)一建筑群中的植物造型,增加了柵爛的元素。植物這里用圓角矩形為基本型,大小疊加,幾個(gè)為一組,穿插在建筑之間。

圖片

4. 在草圖的基礎(chǔ)上,用AI繪制線稿,并增加車的細(xì)節(jié)。

圖片

最后再檢查一下畫面的疏密關(guān)系,線稿就完成了。

圖片

 

 

圖片

1. 梳理黑白關(guān)系

因?yàn)楫嬅娴膶哟伪容^多,我們可以先確定下畫面的黑白關(guān)系,場(chǎng)景設(shè)定是夜晚的場(chǎng)景,整體氛圍可以是暗色調(diào),中景區(qū)域的顏色亮暗對(duì)比較強(qiáng),是重點(diǎn)突出的地方,背景統(tǒng)一在暗調(diào)里,不做太強(qiáng)烈的亮暗對(duì)比,起襯托作用,前景壓暗,穩(wěn)定畫面效果。

圖片

2. 配色:配色我選擇藍(lán)紫色調(diào)為畫面的主色,輔助色選取主色的鄰近色(綠色)來(lái)豐富顏色,互補(bǔ)色(深紅色)來(lái)增強(qiáng)畫面沖擊力,用純度高的橙色與紅色作為畫面的點(diǎn)綴色,使整體配色既和諧統(tǒng)一,又豐富多彩。

圖片

為了避免配色雜亂,可以將畫面分塊,大致安排下畫面顏色的占比,主色大概占到畫面的 65%,鄰近色 15%,互補(bǔ)色 15%,點(diǎn)綴色 5%。

圖片

結(jié)合之前的黑白關(guān)系,我們就可以完成色稿了,注意冷暖的變化也可以體現(xiàn)畫面的層次感,背景偏冷,過(guò)渡到前景,逐漸變暖,我們以植物的顏色變化為例。

圖片

最后整體觀察,注意顏色在畫面中要分布均衡,相互呼應(yīng)。不要一種顏色只出現(xiàn)在一處(如下圖的紅色運(yùn)用),飽和度高一點(diǎn)的點(diǎn)綴色,可以起到點(diǎn)亮畫面的作用。

圖片

 

 

圖片

做完色稿,我們的畫面差不多完成 70% 了,通過(guò)刻畫三部曲,加明暗,加陰影,加裝飾,就可以讓畫面看起來(lái)更絢麗啦,下面請(qǐng)看具體的講解。
  • 建筑的刻畫
1. 加明暗:首先通過(guò)光源分析,確定受光面。

圖片

再通過(guò)提亮受光面顏色,做物體塊面區(qū)分。也可以通過(guò)改變顏色色相,運(yùn)用冷暖色來(lái)豐富顏色。因?yàn)檫@部分建筑位于最中心的位置,我們要把他的分塊做的細(xì)致一些,包括門窗的亮暗都要分開,兩個(gè)三角塔形建筑是離光源最近的地方,所以他們的塊面顏色對(duì)比較強(qiáng),營(yíng)造光影感。

圖片

2. 加陰影:在房檐下方繪制陰影,陰影的添加可以豐富畫面層次,增加體積感。

圖片

3. 加裝飾:創(chuàng)建一些小的裝飾圖形作為花紋填補(bǔ)在塊面中,點(diǎn)面結(jié)合,使畫面裝飾細(xì)節(jié)更為豐富與細(xì)致。注意裝飾圖形的安排要有疏密變化,亮面圖形的顏色可以用物體暗面的顏色,暗面圖形的顏色可以用物體亮面的顏色,既不破壞整體色調(diào),又使畫面更加豐富。

圖片

同理,遠(yuǎn)景建筑也用同樣的步驟刻畫。

1. 加明暗:遠(yuǎn)景的建筑塊面顏色對(duì)比可以減弱,相對(duì)更加統(tǒng)一。

圖片

只需將墻體做一個(gè)亮暗的區(qū)分,窗戶這些小的塊面就不用再做區(qū)分了。

圖片

2. 加陰影:在建筑交接處添加陰影,豐富層次。

圖片

3. 加裝飾:添加裝飾元素,種類可以不用很多,統(tǒng)一一些。

圖片

TIPS:區(qū)分塊面的造型不限于直線的分割,這里我用了 Z 形的基本元素,做不同的造型運(yùn)用到屋頂?shù)姆指钪小?/section>

圖片

 

  • 汽車刻畫

1. 加明暗:物體進(jìn)行明暗的塊面區(qū)分。

圖片

2. 加強(qiáng)明暗對(duì)比:為了拉開與后面建筑的層次,可以加強(qiáng)汽車上塊面的亮暗對(duì)比,同時(shí)也為整體畫面增加亮色。

圖片

● 人物刻畫

人物的刻畫相對(duì)來(lái)說(shuō)比較簡(jiǎn)單了,只做一下明暗變化即可,再區(qū)分手臂與身體的上下關(guān)系以及雙腿的上下關(guān)系。

圖片

 

  • 植物的刻畫

1. 圓角矩形樹的刻畫:首先對(duì)同組樹叢做顏色區(qū)分。

再加上裝飾元素。

圖片

2. 單體植物的刻畫:以下圖三角形植物為例,還是按照區(qū)分塊面,加陰影,加元素的步驟刻畫。注意塊面的曲線分割和顏色的冷暖變化。

圖片

 

  • 遠(yuǎn)景的處理

遠(yuǎn)景對(duì)整個(gè)畫面起襯托作用,先將背景做圖形的分割,在與建筑交接處做重色的襯托,在圖形上延用了 Z 形元素,與屋頂相呼應(yīng),再依次加入月亮星星云彩、小樹、小鳥、圖形裝飾等元素,點(diǎn),線,面相結(jié)合,在統(tǒng)一中富有變化。

圖片

再這樣那樣之后,我們的畫面就完成了,啦啦啦~撒花~

圖片

 

 

圖片

1. 畫面構(gòu)圖的層次安排

2. 照片元素的特征提取,幾何圖形概括及組合

3. 色調(diào)的統(tǒng)一和變化

4. 裝飾元素的添加

那么今天的教程到這里也就結(jié)束了,你學(xué)廢了嗎?喜歡記得點(diǎn)個(gè)贊哦,我們下次再見。

 

原文地址:胡曉波工作室(公眾號(hào))

作者:藍(lán)貴蓮

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)師看了都會(huì)收藏的色塊矢量插畫教程來(lái)了!【零基礎(chǔ)】

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



日歷

鏈接

個(gè)人資料

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 午夜一区二区三区不卡视频| 国内自拍一区| 欧美一区亚洲| 欧美三区在线视频| 亚洲全部视频| 伊人久久婷婷色综合98网| 亚洲一区二区视频| 亚洲尤物视频网| 欧美巨乳波霸| 亚洲久久视频| 一区二区免费在线播放| 欧美日韩国产系列| 日韩亚洲一区在线播放| 亚洲特色特黄| 欧美日韩在线播放| 一本到高清视频免费精品| 一区二区欧美日韩视频| 欧美调教视频| 亚洲欧美国产77777| 欧美一区二区三区久久精品茉莉花 | 亚洲成色777777女色窝| 久久亚洲春色中文字幕久久久 | 亚洲高清一区二区三区| 久久尤物视频| 亚洲国产高清自拍| 亚洲黄色av一区| 欧美巨乳在线观看| 亚洲在线1234| 免费在线日韩av| 夜夜夜久久久| 国产日韩精品一区二区三区在线| 欧美在线视频在线播放完整版免费观看 | 亚洲人精品午夜| 欧美日韩中文字幕日韩欧美| 在线亚洲一区| 久久亚洲春色中文字幕久久久| 亚洲国产成人tv| 欧美日韩在线三级| 久久精品国产亚洲5555| 亚洲国产高清在线| 欧美一区二区视频97| 伊人影院久久| 欧美日韩综合视频网址| 欧美一区二区三区久久精品茉莉花| 另类图片综合电影| 中文日韩在线| 国产综合在线看| 欧美激情在线狂野欧美精品| 亚洲综合精品自拍| 欧美成人精品高清在线播放| 一区二区三区毛片| 狠狠色噜噜狠狠狠狠色吗综合| 欧美激情第10页| 性欧美在线看片a免费观看| 欧美国产一区二区在线观看 | 黑丝一区二区| 欧美精品一区二区三区视频| 欧美一区1区三区3区公司| 亚洲欧洲偷拍精品| 久久天天狠狠| 午夜日韩av| 99精品国产福利在线观看免费 | 亚洲精品日韩精品| 国产日韩欧美在线一区| 欧美另类一区| 久久亚洲免费| 午夜免费在线观看精品视频| 亚洲国产日韩精品| 麻豆91精品| 欧美在线视频a| 在线综合亚洲| 亚洲久久视频| 亚洲激情视频网| 一区在线观看| 国产日韩一区二区| 国产精品v欧美精品v日本精品动漫 | 亚洲三级免费观看| 欧美xx视频| 久久嫩草精品久久久久| 欧美一区二区三区免费视频| 中文久久精品| 99在线视频精品| 亚洲青涩在线| 亚洲激情av| 91久久线看在观草草青青| 永久555www成人免费| 国产一区美女| 国产亚洲福利一区| 国产精品自在在线| 国产精品日韩欧美| 国产精品五月天| 国产精品视频午夜| 国产精品av免费在线观看| 欧美日韩国产综合网| 欧美精品二区| 欧美区国产区| 欧美性久久久| 国产精品夜夜嗨| 国产欧美在线观看| 国产一区日韩一区| 激情综合网址| 在线观看精品一区| 1024国产精品| 亚洲日韩中文字幕在线播放| 亚洲国产精品电影| 亚洲国产美女精品久久久久∴| 亚洲丰满少妇videoshd| 亚洲第一视频| 亚洲免费观看视频| 亚洲少妇中出一区| 亚洲欧美激情在线视频| 欧美淫片网站| 久久阴道视频| 亚洲盗摄视频| 国产精品99久久久久久久vr| 亚洲一区二区三区在线视频| 欧美影院一区| 欧美大秀在线观看| 欧美视频二区| 国产色综合网| 亚洲国产精品激情在线观看| 亚洲精品一区二区三区不| 亚洲午夜国产成人av电影男同| 午夜精品剧场| 美女视频网站黄色亚洲| 亚洲国内精品在线| 亚洲天堂免费观看| 久久精品九九| 欧美精品一区二区三区在线播放 | 国产日韩一区二区三区在线播放 | 日韩午夜精品| 亚洲欧美日韩国产成人| 欧美中文字幕第一页| 浪潮色综合久久天堂| 亚洲国产精品激情在线观看| aa国产精品| 久久久久久久久久久久久女国产乱| 欧美韩日精品| 国产在线高清精品| 日韩一级精品| 欧美一区二区视频观看视频| 欧美成人免费在线观看| 一本色道久久综合| 久久成人av少妇免费| 欧美精品性视频| 久久精品最新地址| 欧美日韩国产成人精品| 国产日韩欧美在线播放| 99国产精品久久久久老师 | 在线观看精品| 亚洲综合国产精品| 女人色偷偷aa久久天堂| 亚洲一区二区三区在线播放| 免播放器亚洲| 国产欧美一区二区精品秋霞影院| 国产亚洲精品美女| 中文一区字幕| 欧美顶级大胆免费视频| 午夜精品国产更新| 欧美精品亚洲| 亚洲国产精品va在线观看黑人 | 亚洲日本激情| 久久精品伊人| 亚洲少妇在线| 欧美另类高清视频在线| 亚洲高清网站| 久久综合五月天婷婷伊人| 在线视频亚洲一区| 欧美精品一区二区在线观看 | 欧美视频成人| 99国产精品| 亚洲丰满少妇videoshd| 欧美一区二区三区电影在线观看 | 久久久青草青青国产亚洲免观| 国产精品久久久久久久久久三级| 亚洲欧洲久久| 欧美阿v一级看视频| 性伦欧美刺激片在线观看| 欧美午夜视频网站| 一本久久精品一区二区| 亚洲国产精品一区二区尤物区| 久久精品国产精品亚洲| 国产又爽又黄的激情精品视频| 西瓜成人精品人成网站| 在线一区视频| 国产精品草莓在线免费观看| 日韩视频永久免费观看| 在线精品一区二区| 久久久蜜桃一区二区人| 午夜久久久久久久久久一区二区| 国产精品久久久久久五月尺| 亚洲一级免费视频| 夜夜嗨一区二区三区| 欧美日韩综合在线免费观看| 99国产精品国产精品久久| 亚洲日本aⅴ片在线观看香蕉| 欧美黑人国产人伦爽爽爽| 在线免费观看一区二区三区| 久久一区二区三区国产精品| 欧美一区免费视频|