前言：
一直研究線條，就會(huì)發(fā)現(xiàn)，線條除了表現(xiàn)我們普通日常所見的圖標(biāo)化的個(gè)體以外，還可以表現(xiàn)更大更復(fù)雜的風(fēng)景。但是后者會(huì)有一定難度，如果線條比較粗的情況下，尤其無法更好去展示細(xì)節(jié)（比如要表現(xiàn)云朵或者空中漂浮的柳絮等）。當(dāng)時(shí)我的有點(diǎn)卡在這個(gè)思路上沒有進(jìn)展。
過兩天，我突然憑空有了靈感，想到了“簡化”這一條路。嘗試用簡化的方法，雖然看起來粗糙，但又進(jìn)入到新的層面。我想我們不是要單單造景，而是要傳遞景色。因此，景色用線和色塊的組合，就這樣一步步展開。
靈感來源：
于是我有了這一組作品大千之鏡，這一組作品就是基于粗線+景色的方式來創(chuàng)作，其中重點(diǎn)的表現(xiàn)是“色”（漸變組合）。
提示：
本操作注重設(shè)計(jì)思維的過程，不涉及到軟件的具體詳細(xì)操作，如果對(duì)軟件操作生疏的小伙伴，可以移步到這里看看這個(gè)簡單的快速上手AI的操作視頻。
參考照片不等于臨摹照片
外景的繪制，需要非常概括化。由于這里我們的規(guī)劃是把景物畫在一個(gè)小圓矩形的框內(nèi)，其實(shí)空間是很有限的。因此線條的設(shè)置也就要趨于簡單。
簡化是一個(gè)非常重要的思路，你可以用照片開始研究。當(dāng)然，我在創(chuàng)作的時(shí)候，不止借鑒了一張照片，而是把多張照片進(jìn)行結(jié)合參考。
參考照片里的布局、構(gòu)圖、透視……然后提煉最基本的形狀。
如果有興趣你可以看下面這支視頻：
構(gòu)建基礎(chǔ)線條
如果在細(xì)節(jié)并不累贅的情況下，簡化的圖案可以采用網(wǎng)格來幫助表達(dá)。當(dāng)然這取決于你的習(xí)慣。
STEP 01
打開AI，新建一個(gè)1600*1600px的文檔。在這個(gè)文檔中畫出一個(gè)圓角矩形，然后在這個(gè)圓角矩形當(dāng)中謀篇布局。首先用幾個(gè)線條把最大的基礎(chǔ)形勾勒出來。外框線條采用30px，而內(nèi)部的線條可以稍微減小，變?yōu)?5px，再細(xì)可以變?yōu)?0px。
線條的粗細(xì)設(shè)置原則就是讓其遵循一定的韻律感，比如都是5的倍數(shù)。
圖案猶如搭積木那樣建立起整個(gè)畫面。
STEP 02
繼續(xù)以搭積木的邏輯來填滿左邊建筑群的畫面。這時(shí)我們要學(xué)會(huì)跳出「技」的思維層面，這在我的授課經(jīng)驗(yàn)當(dāng)中也反復(fù)和學(xué)生強(qiáng)調(diào)：我們并不是在學(xué)會(huì)如何畫這個(gè)對(duì)象，比如這里我們?cè)诶L制小鎮(zhèn)風(fēng)景。我們學(xué)會(huì)的是背后的創(chuàng)作思維。
這里我引用一段豐子愷在《認(rèn)識(shí)繪畫》這本書里的原話：
“圖畫就同數(shù)學(xué)和體育一樣。人生不一定要畫蘋果、香蕉、花瓶、茶壺。原不過是借這種研究來訓(xùn)練人的眼睛，使眼睛正確而又敏感，真而又美。”
用在這里，就是通過畫小鎮(zhèn)、建筑的過程來訓(xùn)練自己對(duì)線條造型的能力。而這個(gè)能力表現(xiàn)出來就是既符合建筑的外形，又能讓它看起來美觀自然。
STEP 03
繼續(xù)往下，就是把我們的形狀再一次優(yōu)化。優(yōu)化形狀有兩個(gè)層面需要注意：
1）形狀銜接是否閉合
2）整體的形狀是否均勻
這是宏觀和微觀的兩個(gè)方向。然后再適當(dāng)調(diào)整增刪形狀。
STEP 04
增加細(xì)節(jié)一般來說是最后一步的框架工作。這時(shí)我們又要切換一個(gè)角度：剛開始我們把線的作用看作是建立輪廓，這時(shí)，需要拿線來當(dāng)作細(xì)節(jié)的描繪擔(dān)當(dāng)。比如下面用一個(gè)蘋果作例子，你就能理解了。線的兩個(gè)作用：勾勒和描繪，在這里就能體現(xiàn)出來。
因此這里增加的細(xì)節(jié)（窗戶、門、波浪、海鳥等）都是發(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)于色彩陣列。
STEP 05
依據(jù)上面的理論，我獲得了這個(gè)色彩陣列。我們的色彩就從這里開始。主色確定為藍(lán)色（這從我們的照片里獲得了靈感），次色為粉色和薄荷綠。
STEP 06
當(dāng)然，色彩陣列的作用并不是要讓我們用上所有的色彩，仍然根據(jù)實(shí)際的情況去繁化簡。在關(guān)鍵的色彩上進(jìn)行不斷的嘗試，找到最好的組合。
運(yùn)用形狀生成器工具來進(jìn)行上色，把主色進(jìn)行分布。
STEP 07
繼續(xù)運(yùn)用上次色薄荷綠，這時(shí)大家要注意色彩的微妙變化，在單一色彩出現(xiàn)的時(shí)候，看起來一切都很完美，一旦加入了第二種顏色情況就開始變復(fù)雜了。
這也和我們平時(shí)生活是一樣的，一個(gè)人的時(shí)候什么都好，兩個(gè)人就會(huì)出現(xiàn)人際關(guān)系。復(fù)雜的讓人頭疼也讓人歡喜的關(guān)系，就帶來了更多的生機(jī)和起伏。
我們看到雖然我們運(yùn)用次色，但也在部分色塊上帶來了更多的色彩上的變化，這也是有了色彩陣列后可以輕易做到的。
STEP 08
第三種色彩是紅色，我們可以繼續(xù)運(yùn)用在圖形中。
STEP 09
主要的色彩控制在三種，剩下的色彩可以繼續(xù)在現(xiàn)有色彩基礎(chǔ)上再微調(diào)，比如調(diào)整色彩的明度或者飽和度來獲取更為細(xì)膩的變化。
注意在這里的白色的運(yùn)用。
光影漸變
由于有光，我們才得已看見不同的色彩。根據(jù)這個(gè)真理，如果要想獲得更為豐富的光感，漸變也是一個(gè)非常重要的上色要素。
STEP 10
在運(yùn)用漸變前，我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡，然后再根據(jù)光線的情況進(jìn)行微調(diào)。
而且對(duì)于漸變，我們需要加以克制，只需要選取其中一種色彩，然后在這個(gè)色彩比較窄的范圍內(nèi)進(jìn)行微調(diào)。比如在這里我們將紅色用上漸變，使紅色產(chǎn)生一些微妙的變化。
STEP 12
然后給建筑補(bǔ)上陰影，陰影的出現(xiàn)根據(jù)“美且真”的原則來安排。這里可能很多人會(huì)問什么是“美且真”原則，下面同樣是出自豐子愷的《認(rèn)識(shí)繪畫》的一段描述：
圖畫兼有欣賞與實(shí)用兩種效果。欣賞是美的，實(shí)用是真的，故圖畫練習(xí)必須兼顧“真”和“美”這兩個(gè)條件。具體地說：譬如描一瓶花，要仔細(xì)觀察花、葉、瓶的形狀、大小、方向、色彩，不使描錯(cuò)。這是“真”方面的功夫。同時(shí)又須巧妙地配合，巧妙地布置，使它妥帖。這時(shí)“美”方面的功夫。
了解了這個(gè)原則，就在練習(xí)中去試探畫面這兩個(gè)要素的平衡。
陰影的制作需要注意的是三點(diǎn)：
1）找到光源
2）陰影顏色的配置
3）不必完全寫實(shí)
這三點(diǎn)可以通過下面這個(gè)視頻中詳細(xì)給大家演示：
完成后的效果如下：
點(diǎn)狀高光
創(chuàng)作最后一步，這里我們?cè)黾恿艘粋€(gè)小細(xì)節(jié)，也是突然想到的點(diǎn)睛之筆，給畫面增加點(diǎn)狀高光。
STEP 13
在平面構(gòu)成中，一個(gè)點(diǎn)可以是一個(gè)圓點(diǎn)，也可以是一個(gè)小方塊。在這個(gè)畫面當(dāng)中，我們就利用白色的小方塊來制造畫面的高光部分。
增加了點(diǎn)狀高光的畫面，就會(huì)讓畫面更加活潑。
最終效果：
后記：背后的思路
寫這篇文章我整理出了三段視頻，通過視頻也許會(huì)給初學(xué)者更多啟發(fā)。我之前一直糾結(jié)在是做視頻還是寫文章兩條路子，本來想文章+視頻是最好的方式，各取所需。但是后來操作過程發(fā)現(xiàn)兩條路沒辦法并行。只能在文章當(dāng)中，穿插更多我認(rèn)為值得展開的部分。
視頻作為文章的補(bǔ)充，而文章又作為視頻的補(bǔ)充。雖然現(xiàn)在大家都說沒時(shí)間看文字，視頻也更加直接，但是我始終覺得潛心學(xué)習(xí)的東西，用文字是更易于查詢和記錄的。視頻和文章都無法取代彼此。
希望我們可以繼續(xù)以這樣的方式交流下去。
原文鏈接：飛屋設(shè)計(jì)
