AI繪制一組童話里的夢幻卡通城堡建筑

建筑是空間的詩學,是簡單幾何抽象美感的極致表現(xiàn)。盡管我們并沒有學建筑設計,但還是可以從建筑的美學中汲取到靈感。最適合用以繪制建筑的還是矢量軟件,比如AI等。今天我們就用AI來繪制一組童話里的夢幻城堡建筑,通過繪制這些繁復的細節(jié),你將要學會:
1、通過豐富的細節(jié)描繪,從最簡單的幾何體入手,理解建筑里的幾何美學層次。
2、增加對AI里的"形"的處理能力,熟悉形狀工具、路徑查找器、變形效果等工具的運用。
一、繪前準備
在繪制前,我們先來預定一組配色。既然是繪制城堡,就會讓人聯(lián)想到童話,那么配色的風格可以傾向童話夢幻感。
步驟01
先確立三個主色,其他的輔助色可以在這些主色的基礎上做微調(diào)變化。讓畫面顯得更有層次。
色彩的摸索,的確不是看上去那么容易。除了依靠自己的經(jīng)驗把握,以及對各種資源的收集,AI里也內(nèi)置了很多風格配色。
步驟02
建筑物的繪制前應該做好對各種城堡圖片的參考,特別在細節(jié)處理上要格外注意。繪制好草圖后,根據(jù)你的草圖來規(guī)劃AI里的圖層層次。打開AI,新建一個2232px*1626px的文檔。強烈建議大家下載最新版本的AI,在新版本的AI里完美像素對齊的方式非常簡便,操作易行,這比舊版本要提升了許多。
將圖層提前規(guī)劃出來,并進行更名排列妥當。
二、第一座城堡
繪制第一座城堡,你需要安排出合理的結構和色彩層次。
步驟03
先在背景圖層上繪制出鋪滿整屏的背景矩形,填充非常淺的紫紅色。然后在此基礎上繪制出城堡的墻面,以及整體的大型。分配好相應的色彩。
步驟04
其中最亮的紅色是作為陰影而存在。雖說我們繪制的是扁平化風格,但是增添一些陰影細節(jié),會讓畫面更加靈動。繼續(xù)增加城堡的結構,陰影的形狀安排在原有形狀的下方,略往下2個像素的位置。
建筑的畫法非常簡單,是簡單幾何的羅列堆疊,經(jīng)過這種繁復的"建造"過程,最終結果才能出彩。而有些地方,為了更符合城堡的童話效果,需要在簡單幾何之上有一些變體。
例如類似如下齒梳的形狀,就需要在簡單幾何的基礎上做一些變化。先繪制兩個矩形,然后將矩形合并,通過移動錨點成為兩個梯形,合并兩個梯形。然后將尖銳的錨點所在的角度變?yōu)閳A角。用同樣的方式建立起一排圓角三角形,然后用排列的三角去"減去"原來的形狀。最后就能得到我們需要的形狀。
步驟05
用上一步所講的方法繪制下方的形狀,并為建筑物增加窗戶。窗戶的色彩填充較深的紫藍色。窗的形狀是由一個圓角矩形轉化而來的,當然你也可以用一個半圓與矩形相加。
步驟06
繼續(xù)增加窗戶的部分,并為建筑增加一個欄桿。欄桿的繪制需要很多條狀矩形的均勻排列,因此這里運用【混合工具】,混合方式為"指定的步數(shù)"來做出欄桿的形狀。根據(jù)你的實際需要填入所需的參數(shù)。然后點擊【混合>建立】
步驟07
為墻面增加一些磚的矩形,畫面會顯得更活潑,色彩填充比較接近陰影的色彩,但其實它們并不相同。想要色彩更靈動的方法,并不是使畫面更多色彩,而是在同樣色彩里多一些微妙的變化。完成后再為城堡增加一個底座。
步驟08
最后完成城堡的屋頂部分。先為屋頂繪制出輻射狀的線條,最后增加最頂部的裝飾。這個環(huán)節(jié)必不可少,屋頂?shù)难b飾能起到畫龍點睛的作用。
步驟09
與此同時,在頂端的左側再增加一個"小型城堡"。這個小城堡的屋頂部分我們已經(jīng)完成了,直接復制過來即可。城墻的部分則稍微需要簡單幾何的變體。先繪制一個矩形,再利用兩個圓角矩形去"減"矩形。留下中間的矩形點擊錨點將其往上縮短并圓角化成為一粒水滴狀裝飾。
到此為止,第一座城堡就完成了。讓我們鎖上這個圖層,以免接下的操作會影響到它。往后的操作都這樣保持著彼此獨立的圖層。
三、第二座城堡
第二座城堡比第一座城堡稍寬,細節(jié)上更繁瑣,它也是視覺的中心焦點所在。
步驟10
在繪制第一座城堡的時候,我們其實已經(jīng)將色彩和形狀都作出了一定的規(guī)劃,那么接下的繪制也將變得更容易。因為你已經(jīng)知道,比如窗戶大概什么樣,萬變不離其宗,尋求整體協(xié)調(diào)并不困難。運用最基礎的簡單幾何來構建墻體。
步驟11
為屋頂?shù)膲w的部分增加一點裝飾,這個裝飾形狀我們已在 STPE 09 里講過制作方法了,所不同的是多了幾個階梯狀的圓角矩形,而這里需要注意的是為了讓畫面更有美感,圓角矩形的形狀應該是逐步遞減,這時最好使用【縮放工具】,以等比80%的參數(shù)進行縮小操作。再為建筑當中的形狀邊緣增加一些屬于陰影的線條,形成一定的深度層次,最后增加一個屋頂。
步驟12
此處的細節(jié)更為豐富,一定要有耐心。繼續(xù)為其增加一些線條裝飾,這些線條可以用直線工具繪制,也可以用矩形來繪制,按照你平時的繪圖習慣,比如這里對于階梯狀線條的處理,橫豎線條的粗細并不一致,因此我先用直線工具繪制,然后又將其進行連接處理,最后再進擴展。
這里的窗戶有著古堡風格,根據(jù)幾個簡單的圖形相加減,繪制時需要注意陰影的處理。對于陰影的色彩,我們在此是這樣定義的,如果陰影位于紅色墻面,那就填充紅色,陰影位于黃色墻面,就填充淺橙色。而圓弧狀的陰影的淺橙色稍帶紅,顯出些微變化。
步驟13
看上去這是最復雜的部分,其實分解開來并不復雜。其中關鍵的部分是柱頭的處理,以及陰影細節(jié)的把握。柱頭的部分將一角作圓角處理,非常和諧的銜接了上下兩個部分。
步驟14
繼續(xù)在下方添加上窗戶,并增加墻體的紅磚部分。
步驟15
窗戶上額外添加一些細節(jié)裝飾,并增加城堡的大門和底座,利用圓角矩形繪制大門。門環(huán)部分用簡單幾何相加即可。
步驟16
最后為其增加位于其后方的部分,左右兩個尖頂在第一座城堡時我們已經(jīng)繪制過了,復制過來即可。而最上方一座的尖頂需要更為復雜的裝飾以彰顯其中心地位的作用。
前兩座繪制好的城堡如下(注意它們的位置關系):
三、第三座城堡
步驟17
先設定好基礎大形,這座城堡的尖頂在靠近底部的位置略有弧度,大家可以用鋼筆工具繪制出,或者先畫出三角形,再對其邊緣角度的錨點做一定的處理。
步驟18
再增加窗戶的部分,窗戶可以是更為有趣的形狀,利用錨點變化圓角就可以處理得非常輕松??梢钥吹阶铐敳康募t色陰影,這里我們將其的混合模式調(diào)整為正片疊底,就有實際陽光照耀下的陰影遮蓋的效果。
步驟19
繪制剩下的窗戶、磚墻、屋頂線條以及尖頂裝飾。完成最后的繪制。
三、第四座城堡步驟20
第四座城堡是一個"附屬",因此在造型上也非常簡單。其中唯一需要注意的地方是它和第一座城堡間有一定的遮擋關系和陰影,這個陰影是一個黑色的條狀矩形,只是將其混合模式改為正片疊底,透明度降至30%。
這時可以說城堡的主體就已經(jīng)完成了。
四、組合氛圍步驟21
周邊環(huán)境的繪制以單色的"剪影"為佳。這里我們將城堡置于水面之上,先繪制出遠景中的城堡"剪影"。城堡遠景繪制出兩個不同的剪影形狀,利用這兩個形狀"擺"出整個遠景造型。這個部分可以自由發(fā)揮。
步驟22
再繪出天空的白色云朵。云朵的形狀也可以經(jīng)由幾個規(guī)則幾何相加,這是最簡單的繪制云朵的辦法。
步驟23
繪制水面的氛圍,可以用倒影的方式。這部分可以放到PS中處理,在PS中打開我們的文檔。
PS的背景可以設置為水天兩界。將城堡的圖案復制一層并設置垂直翻轉。為這個垂直翻轉的圖層添加蒙版,在蒙版上應用黑白漸變,并將圖層的混合模式變?yōu)?quot;變暗",透明度降至89%。這樣就做出了水面倒影。
最后大功告成:
色可色,非常色
老子的道德經(jīng)里說"名可名,非常名",這句話其實可以通用萬物,單就從色彩上,我們就可以說:當一個顏色被叫做紅色的時候,其實它并不是紅色。因此也可以這樣說:色可色,非常色。
我們不知不覺之中被概念綁架太久了,而設計時無形中也暴露出了這種束手束腳的習性。比如一說畫一只鴨子,百分之九十的人都會填充黃色。對色彩的命名一開始其實只是一個分類工具,然而我們卻反之把工具當做事物本身。這件事看起來并非那么嚴重,但積累越多,對我們的發(fā)揮就越受限。
設計并非是按照既定計劃在按部就班,往往讓你的作品出彩的因素是那些計劃以外的驚喜。你也可以稱之為靈感。有人以為靈感可以從天而降,其實靈感有靈感的因果。靈感迸發(fā)與你大腦中對概念消滅的多少成正比。而消滅概念又談何容易呢?
好吧,我們說不積跬步無以至千里,什么一萬小時專家理論的就別管了。每天去體會一下對色彩的感知,純?nèi)蝗タ瓷识灰芩遣皇羌t配綠或者藍配黃,做一個你自己的配色集,給每個配色取個名字,符合這個風格。一開始也許你并不習慣,久而久之你就會形成對色彩的敏感。
這個提法是源于很多人問過我應該看什么色彩書。我看過很多本色彩理論的書,理論上都很不錯,但離實踐還有距離。我覺得與其看書不如看風景,與其看風景不如直接去面對色彩,重新去認識你所見到的每一種顏色。看看每天早上空氣中是什么顏色,晚上太陽余溫未退時又是什么顏色。想想存在于PS的色板中#ffffff和#fffff9的更多無限的可能。在色彩方面還沒能尋路的小伙伴,我能提供的捷徑就是,知道自己的短板,配色完后再讓PS調(diào)色工具來多嘗試一下,比如改變一下曲線,調(diào)整一下色彩平衡等等。設計始終是一件未完成的作品,時間允許,就不要輕易止步。
相關文章
ai怎么混合兩種顏色? illustrator混合兩個色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設置描邊,該怎么操作呢?下面我們就來看看ai設置描邊的多種方法2023-12-19
- ai原位復制怎么用?復制圖形的時候,想要原位復制粘貼,該怎么操作呢?下面我們就來看看ai原位復制快捷鍵介紹2023-12-19
ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設計的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉化為黑白稿的技巧2023-11-12- ai怎么設計迷宮字體效果?我們需要使用分割網(wǎng)格結合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細的設計過程2023-11-02