AI教程!用線造景: 教你用線條繪制希臘小鎮(zhèn)風(fēng)景
一直研究線條,就會(huì)發(fā)現(xiàn),線條除了表現(xiàn)我們普通日常所見(jiàn)的圖標(biāo)化的個(gè)體以外,還可以表現(xiàn)更大更復(fù)雜的風(fēng)景。但是后者會(huì)有一定難度,如果線條比較粗的情況下,尤其無(wú)法更好去展示細(xì)節(jié)(比如要表現(xiàn)云朵或者空中漂浮的柳絮等)。

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位
- 類(lèi)型:圖像處理
- 大?。?/span>275MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2019-11-04
憑空有了靈感,想到了"簡(jiǎn)化"這一條路。嘗試用簡(jiǎn)化的方法,雖然看起來(lái)粗糙,但又進(jìn)入到新的層面。我想我們不是要單單造景,而是要傳遞景色。因此,景色用線和色塊的組合,就這樣一步步展開(kāi)。
靈感來(lái)源:
作品大千之鏡,這一組作品就是基于粗線+景色的方式來(lái)創(chuàng)作,其中重點(diǎn)的表現(xiàn)是"色"(漸變組合)。

提示:
外景的繪制,需要非常概括化。由于這里我們的規(guī)劃是把景物畫(huà)在一個(gè)小圓矩形的框內(nèi),其實(shí)空間是很有限的。因此線條的設(shè)置也就要趨于簡(jiǎn)單。
簡(jiǎn)化是一個(gè)非常重要的思路,你可以用照片開(kāi)始研究。當(dāng)然,在創(chuàng)作的時(shí)候,不止借鑒了一張照片,而是把多張照片進(jìn)行結(jié)合參考。
參考照片里的布局、構(gòu)圖、透視……然后提煉最基本的形狀。

構(gòu)建基礎(chǔ)線條
如果在細(xì)節(jié)并不累贅的情況下,簡(jiǎn)化的圖案可以采用網(wǎng)格來(lái)幫助表達(dá)。當(dāng)然這取決于你的習(xí)慣。
STEP 01
打開(kāi)AI,新建一個(gè)1600*1600px的文檔。在這個(gè)文檔中畫(huà)出一個(gè)圓角矩形,然后在這個(gè)圓角矩形當(dāng)中謀篇布局。首先用幾個(gè)線條把最大的基礎(chǔ)形勾勒出來(lái)。外框線條采用30px,而內(nèi)部的線條可以稍微減小,變?yōu)?5px,再細(xì)可以變?yōu)?0px。
線條的粗細(xì)設(shè)置原則就是讓其遵循一定的韻律感,比如都是5的倍數(shù)。

圖案猶如搭積木那樣建立起整個(gè)畫(huà)面。
STEP 02
繼續(xù)以搭積木的邏輯來(lái)填滿左邊建筑群的畫(huà)面。這時(shí)我們要學(xué)會(huì)跳出「技」的思維層面,這在我的授課經(jīng)驗(yàn)當(dāng)中也反復(fù)和學(xué)生強(qiáng)調(diào):我們并不是在學(xué)會(huì)如何畫(huà)這個(gè)對(duì)象,比如這里我們?cè)诶L制小鎮(zhèn)風(fēng)景。我們學(xué)會(huì)的是背后的創(chuàng)作思維。
通過(guò)畫(huà)小鎮(zhèn)、建筑的過(guò)程來(lái)訓(xùn)練自己對(duì)線條造型的能力。而這個(gè)能力表現(xiàn)出來(lái)就是既符合建筑的外形,又能讓它看起來(lái)美觀自然。

STEP 03
繼續(xù)往下,就是把我們的形狀再一次優(yōu)化。優(yōu)化形狀有兩個(gè)層面需要注意:
1)形狀銜接是否閉合
2)整體的形狀是否均勻
這是宏觀和微觀的兩個(gè)方向。然后再適當(dāng)調(diào)整增刪形狀。

STEP 04
增加細(xì)節(jié)一般來(lái)說(shuō)是最后一步的框架工作。這時(shí)我們又要切換一個(gè)角度:剛開(kāi)始我們把線的作用看作是建立輪廓,這時(shí),需要拿線來(lái)當(dāng)作細(xì)節(jié)的描繪擔(dān)當(dāng)。比如下面用一個(gè)蘋(píng)果作例子,你就能理解了。線的兩個(gè)作用:勾勒和描繪,在這里就能體現(xiàn)出來(lái)。
因此這里增加的細(xì)節(jié)(窗戶、門(mén)、波浪、海鳥(niǎo)等)都是發(fā)揮線的描繪作用。

到這一步我們的輪廓線就完成了。這時(shí)可以將它們擴(kuò)展外觀。

在很多LOGO設(shè)計(jì)當(dāng)中,到這一步其實(shí)就可以告一段落了,因?yàn)榇蟛糠直馄斤L(fēng)格的LOGO都只需要一個(gè)輪廓,色彩可以是一個(gè)隨機(jī)的單色。
色彩框架
建立色彩框架,其實(shí)就是找到一種觀察色彩的角度。利用兩個(gè)色彩間的關(guān)系演化成一個(gè)色彩陣列。在下面這個(gè)視頻中,你可以了解更多關(guān)于色彩陣列。
色彩陣列:給初學(xué)者的色彩框架圖
STEP 05
依據(jù)上面的理論,我獲得了這個(gè)色彩陣列。我們的色彩就從這里開(kāi)始。主色確定為藍(lán)色(這從我們的照片里獲得了靈感),次色為粉色和薄荷綠。

STEP 06
當(dāng)然,色彩陣列的作用并不是要讓我們用上所有的色彩,仍然根據(jù)實(shí)際的情況去繁化簡(jiǎn)。在關(guān)鍵的色彩上進(jìn)行不斷的嘗試,找到最好的組合。
運(yùn)用形狀生成器工具來(lái)進(jìn)行上色,把主色進(jìn)行分布。

STEP 07
繼續(xù)運(yùn)用上次色薄荷綠,這時(shí)大家要注意色彩的微妙變化,在單一色彩出現(xiàn)的時(shí)候,看起來(lái)一切都很完美,一旦加入了第二種顏色情況就開(kāi)始變復(fù)雜了。
這也和我們平時(shí)生活是一樣的,一個(gè)人的時(shí)候什么都好,兩個(gè)人就會(huì)出現(xiàn)人際關(guān)系。復(fù)雜的讓人頭疼也讓人歡喜的關(guān)系,就帶來(lái)了更多的生機(jī)和起伏。

我們看到雖然我們運(yùn)用次色,但也在部分色塊上帶來(lái)了更多的色彩上的變化,這也是有了色彩陣列后可以輕易做到的。
STEP 08
第三種色彩是紅色,我們可以繼續(xù)運(yùn)用在圖形中。

STEP 09
主要的色彩控制在三種,剩下的色彩可以繼續(xù)在現(xiàn)有色彩基礎(chǔ)上再微調(diào),比如調(diào)整色彩的明度或者飽和度來(lái)獲取更為細(xì)膩的變化。

注意在這里的白色的運(yùn)用。
光影漸變
由于有光,我們才得已看見(jiàn)不同的色彩。根據(jù)這個(gè)真理,如果要想獲得更為豐富的光感,漸變也是一個(gè)非常重要的上色要素。
STEP 10
在運(yùn)用漸變前,我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡,然后再根據(jù)光線的情況進(jìn)行微調(diào)。
而且對(duì)于漸變,我們需要加以克制,只需要選取其中一種色彩,然后在這個(gè)色彩比較窄的范圍內(nèi)進(jìn)行微調(diào)。比如在這里我們將紅色用上漸變,使紅色產(chǎn)生一些微妙的變化。

STEP 11
然后給建筑補(bǔ)上陰影,陰影的出現(xiàn)根據(jù)"美且真"的原則來(lái)安排。
了解了這個(gè)原則,就在練習(xí)中去試探畫(huà)面這兩個(gè)要素的平衡。
陰影的制作需要注意的是三點(diǎn):
1)找到光源
2)陰影顏色的配置
3)不必完全寫(xiě)實(shí)
這三點(diǎn)可以通過(guò)下面這個(gè)視頻中詳細(xì)給大家演示:
線條插畫(huà)中增加陰影的三步技法
完成后的效果如下:

點(diǎn)狀高光
創(chuàng)作最后一步,這里我們?cè)黾恿艘粋€(gè)小細(xì)節(jié),也是突然想到的點(diǎn)睛之筆,給畫(huà)面增加點(diǎn)狀高光。
STEP 12
在平面構(gòu)成中,一個(gè)點(diǎn)可以是一個(gè)圓點(diǎn),也可以是一個(gè)小方塊。在這個(gè)畫(huà)面當(dāng)中,我們就利用白色的小方塊來(lái)制造畫(huà)面的高光部分。
增加了點(diǎn)狀高光的畫(huà)面,就會(huì)讓畫(huà)面更加活潑。
最終效果:


相關(guān)文章
今天的教程,來(lái)自一個(gè)自學(xué)成才的矢量藝術(shù)家:Andrei Marius的分享,在這個(gè)教程中,將告訴大家,如何設(shè)置簡(jiǎn)單的網(wǎng)格,使用使用簡(jiǎn)單的矩形和變換效果2021-03-22
AI教程!用AI繪制一個(gè)經(jīng)典掌上游戲機(jī)
今天,我們來(lái)一個(gè)復(fù)古設(shè)計(jì),常見(jiàn)一個(gè)最具有標(biāo)準(zhǔn)的游戲機(jī):掌上游戲機(jī),就是我們小時(shí)候玩俄羅斯方塊的那種游戲機(jī),現(xiàn)在我們就開(kāi)始吧2021-03-22
AI教程!使用AI制作斑馬條紋圖案畫(huà)筆繪制藝術(shù)字
混合工具所混合的項(xiàng)與項(xiàng)之間,變化的趨勢(shì)是直線,因此用其塑造有弧度并且橫條紋的柱狀結(jié)構(gòu)并不合適,3D則完全是因?yàn)镮llustrator的自帶3D效果過(guò)于基礎(chǔ),無(wú)法塑造稍微復(fù)雜一2021-03-22
AI教程!教你用AI繪制多漸變磨砂風(fēng)格的插畫(huà)
多漸變色風(fēng)格是當(dāng)下十分流行的一種風(fēng)格,比較適合運(yùn)用在特定的場(chǎng)景環(huán)境中。對(duì)于新手來(lái)說(shuō),多漸變色風(fēng)格不太容易上手,對(duì)于設(shè)計(jì)者的基本功要求比較高2021-03-22
用PS與AI制作手繪風(fēng)格的涂鴉藝術(shù)字教程
今天小編分享一篇ps制作手繪風(fēng)格的涂鴉藝術(shù)字圖文教程,教程將向你展示如何使用Photoshop和Illustrator創(chuàng)建一個(gè)生動(dòng)的涂鴉文字效果2021-03-19
如何用AI制作3D鏤空效果?最近又不少小伙伴向小編咨詢(xún)?nèi)绾斡肁I制作3D鏤空效果,那么小編今天就來(lái)教大家如何制作2020-12-22
如何用AI制作立體扭曲特效字?制作海報(bào)的小伙伴們應(yīng)該都會(huì)需要用到制作立體扭曲特效字,下面小編就為大家?guī)?lái)了用AI制作立體扭曲特效字的教程2020-12-21
ai怎么制作科技線條?在ai里想要制作科技感線條,應(yīng)該如何操作呢?有的朋友對(duì)此可能還不太清楚,下文中為大家?guī)?lái)了ai制作科技感線條圖文教程。感興趣的朋友不妨閱讀下文內(nèi)2020-12-08
AI文字如何添加多層描邊?在ai繪制的文字時(shí),想要添加多重描邊效果,該怎么添加呢?下文中為大家?guī)?lái)了AI給文字添加多重描邊效果教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考2020-12-08
AI圖形怎么快速添加紋理?在ai里想要給圖形添加紋理,卻又不知道應(yīng)該如何操作?下文中為大家?guī)?lái)了AI快速給圖形添加紋理教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考一下吧2020-12-07











