AI來繪制卡通風(fēng)格的城市建筑插畫
步驟四: 第四所房子
1.移動(dòng)到第四個(gè)房子的圖層,創(chuàng)建一個(gè)100 x 180px(#E96D6E)矩形,將其完全放置在之前創(chuàng)建的房子的右側(cè)。
2.添加一個(gè)108 x 6px的部分(#A55559),然后是一個(gè)100 x 50px(#D46363)高,一個(gè)輔助108 x 6px,然后創(chuàng)建一個(gè)三角形,如roof(#7A3939)寬度為100px 和高度22px。
在屋頂?shù)捻敳肯旅鎰?chuàng)建一個(gè)微妙的陰影,通過繪制一個(gè)100×4px的矩形,并使用#BD5859著色。

3.接下來,我們需要?jiǎng)?chuàng)建窗口。 抓住橢圓工具(L),創(chuàng)建一個(gè)30 x 30像素稍深的有色框(#A55559),將其垂直和水平對(duì)齊到其下方的矩形。

在中間添加一個(gè)藍(lán)色的18 x 18px的圓形(#cce1ff),在其頂部對(duì)齊兩個(gè)4 x 28px的矩形,入圖:

要完成這棟房子的頂部,添加一些更暗的有色磚(#C25B5B),寬度為16px,高度為8px。

4.聚焦在建筑物的下部,我們需要?jiǎng)?chuàng)建堆疊的水平線。 要做到這一點(diǎn),創(chuàng)建兩個(gè)100 x 2px形狀,使用較淺的陰影#EF787E顏色,并將其位置如下:
第一行:
X:754px Y:380px 第二行:
X:754px Y:553px 一旦你把它們鎖在位,我們需要?jiǎng)?chuàng)建一個(gè)混合28步之間的兩個(gè)。
首先選擇兩行,轉(zhuǎn)到對(duì)象>混合>混合選項(xiàng),并更改間距到指定的步驟,在值字段中輸入28 ,然后去對(duì)象>混合>使實(shí)際創(chuàng)建混合。


現(xiàn)在讓我們創(chuàng)建中間窗口。 抓取矩形工具(M)并繪制一個(gè)50 x 44px的深色形狀(#A55559),我們將使用這些坐標(biāo)定位:
X:754px Y:420px
5.接下來使用以下值創(chuàng)建三個(gè)(#CCE1FF)矩形:
左側(cè)頂部矩形 寬:5px / 高:28px 左側(cè)底部矩形 寬:5px /高:6px 右邊矩形 寬:10px /高:38px 我們將對(duì)齊每個(gè)段彼此的距離為4px,左邊矩形創(chuàng)建好,我們將拖動(dòng)重復(fù)相同的一個(gè)放在的右邊。
最后,復(fù)制和粘貼第二個(gè)房子窗臺(tái)的底部較寬的部分,并加寬直到每一邊在窗框外面約4px,。

6.對(duì)于門的制作,只需復(fù)制第三個(gè)房子的,并調(diào)整其寬度,直到框架具有38px和內(nèi)部較暗部分26px。 然后使用以下坐標(biāo)定位:
X:754px Y:506px

7.一旦有了門,我們需要?jiǎng)?chuàng)建樓梯和欄桿。
從基礎(chǔ)開始,創(chuàng)建三個(gè)矩形(#fcc8d1),其值如下堆疊:
第一個(gè)矩形 寬:56px / 高:6px 第二個(gè)矩形 寬:50px / 高:6px 第三個(gè)矩形 寬:44px /高: 6px 然后,我們需要?jiǎng)?chuàng)建四個(gè)4 x 14px的矩形(#fcc8d1),我們將彼此相距6px,然后對(duì)它們進(jìn)行分組(Ctrl G),將它們對(duì)齊到樓梯底部。
軌道的最后一塊將是一個(gè)更寬的34 x 4px矩形(#fcc8d1),放置到位于先前創(chuàng)建的對(duì)象的頂部。 顏色#FCC8D1中的所有元素編組,以便他們不會(huì)丟失。

編好組后左對(duì)齊到門放置好;

步驟五: 第五所房子
1.移動(dòng)到第五個(gè)房子的圖層上進(jìn)行制作,我們將開始創(chuàng)建一個(gè)216 x 160px的矩形(#D46363),并將其放在第四個(gè)建筑的右側(cè)。然后添加兩個(gè)陰影(#C25B5B),一個(gè)在左邊,一個(gè)在頂部,保持6px的恒定寬度。
在矩形的頂部添加一個(gè)較暗的220 x 8px形狀(#914444),然后再畫另一個(gè)較高的二樓194 x 100px(#D46363),將它們垂直對(duì)齊。
我們的二樓需要添加一個(gè)陰影,以及通過繪制一個(gè)194 x 6px的矩形(#C25B5B)當(dāng)作陰影和一個(gè)屋頂部分 202 x 8px形狀(#914444)入圖:

2.接下來,我們將從第二個(gè)房子中復(fù)制水箱,并將其放置在我們的屋頂?shù)挠覀?cè),調(diào)整水箱的寬度,以便它更寬 。

3.我們還要?jiǎng)?chuàng)造屋頂?shù)姆鍪帧?我們將創(chuàng)建一個(gè)42 x 30px較暗的對(duì)象(#C7BABA),畫一組四個(gè)6 x 24px的矩形,彼此距離為6px。 要完成扶手,只需在先前創(chuàng)建的形狀的頂部添加一個(gè)48 x 6px的矩形。

組合扶手的所有組成元素,并將它們朝向屋頂?shù)淖髠?cè)。

4.我們的下一步是創(chuàng)建窗口。 為了使事情更容易,我們將從第三個(gè)房子中復(fù)制,并使用以下坐標(biāo)定位:
X:852px Y:338px

我們調(diào)整的小窗口,通過刪除水平線和第二個(gè)藍(lán)色矩形,然后我們將內(nèi)框架部分向下移動(dòng)幾個(gè)像素,并將我們的藍(lán)色的色調(diào)更改為#D6E5FC。

現(xiàn)在我們需要做的是創(chuàng)建兩個(gè)副本在右側(cè),彼此相距20px的距離,確保組合這三個(gè)(Ctrl G)。

我們有第一行窗口,只需拖動(dòng)并創(chuàng)建兩個(gè)副本朝向我們的房子的底部,保持彼此之間的距離20px,確保刪除第二行的中間一個(gè)。

5.在頂行窗口中添加一個(gè)電視天線,創(chuàng)建一個(gè)20 x 20px的圓形,使用#EADADB對(duì)其進(jìn)行著色,然后添加一些細(xì)節(jié),如下圖所示。

效果圖:

6.最后,我們需要添加門來完成我們的小房子。 因?yàn)樗c第三個(gè)房子有著一樣的尺寸和顏色,我們將復(fù)制(command C)和放置(command F)它在我們最后一個(gè)建筑,確保垂直中心。

現(xiàn)在我們完成了所有的房子(好棒呀),將添加一些細(xì)節(jié)來完成我們的插圖。
相關(guān)文章

ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18
ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28
ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19
ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19
ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30
ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30
Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12
ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02





