如何在 Illustrator 中繪製卡通
已發表: 2022-03-10畫一幅漫畫絕非易事。 它把我們變成了導演、作家、敘述者。 通過卡通或漫畫,你講述了一個發生在特定時間、特定環境、特定角色的故事。

這就是為什麼您將在這裡學習的不僅僅是如何在 Adobe Illustrator 中繪製卡通,而是如何決定角色、地點和情況。 在拿起你的鉛筆或軟件工具之前,問問自己,“我的主題是什麼?”
- 你將使用多少個角色,他們會是誰?
- 他們將反對什麼背景?
- 他們將生活在什麼時代?
- 你會把它們放在什麼場景中?
通過本教程中的步驟,我將向您解釋我自己的選擇。 讓我們開始。
關於 SmashingMag 的進一步閱讀:
- 如何在 Illustrator 中創建睡蓮
- 40 個優秀的 Adobe Illustrator 教程
- 來自世界各地藝術家的鼓舞人心的插畫作品
- 來自世界各地藝術家的精美 Photoshop 插圖
1. 主題
我為我的漫畫選擇的主題與最近的一個發現有關。 我們第一次接收到由引力波引起的信號。 愛因斯坦在 1918 年首次提出引力波存在的理論。令人興奮!
那麼,我的漫畫有什麼更好的主題呢?
2.性格
那麼,我要畫的角色是愛因斯坦。
打開 Adobe Illustrator。
通過轉到“文件”→“放置”插入我在 Illustrator 中提供的文件。
現在,通過轉到“對象”→“畫板”→“適合藝術品邊界”來調整畫板。 您的畫板的尺寸現在應該與您剛剛插入的文件相匹配:2305 × 3250 像素。
阻止您剛剛放置文件的圖層。 雙擊圖層名稱並將其重命名為“草圖”。

在 Mac 上按Command + L
或在 Windows 上按Control + L
在“Sketch”圖層上方創建另一個圖層,並將其命名為“線條”。

現在,我們需要使用鋼筆工具 (P) 跟踪圖像,類似於我在之前的教程中向您展示的方式。
我們在這裡要學習的不僅僅是形狀的描摹,而是如何描摹一幅畫的黑色輪廓。
我們這樣做是因為我們正在繪製卡通,卡通通常在形狀周圍有這個黑色輪廓以區分它們。
雙擊描邊的顏色,並將十六進制值設置為#FF06A0
。
我們使用這種顏色來區分畫板上的線條。 我們稍後會更改它。

將繪圖放大 200%,然後使用鋼筆工具 (P) 開始繪製臉部輪廓。

這樣做直到你畫出頭頂。

畫完頭部輪廓後,畫出內部輪廓。

現在,選擇您創建的兩個輪廓,外部和內部輪廓,然後單擊形狀生成器工具( Shift + M
)。
轉到按鈕以交換填充和描邊顏色( Shift + X
),然後單擊那個小箭頭。 描邊的顏色現在應該更改為填充的顏色。


現在,啟用 Shape Builder 工具( Shift + M
),並將光標放在我們之前創建的兩個輪廓之間的空白處。 您將看到類似透明背景的東西,它表示形狀生成器工具將在其中創建形狀的空間。

只需單擊,您將看到所選區域被賦予填充顏色。

因此,我們為我們的卡通創建了一個填充顏色的輪廓。
現在,讓我們對其他身體部位重複相同的動作:鬍鬚、眼睛、耳朵、鼻子、頭髮等。
對於小形狀,比如額頭皺紋,你可以畫一個封閉的形狀,然後用填充交換筆觸。


對於像眼睛這樣的形狀,使用橢圓工具 (L) 並將描邊粗細設置為 8 點。

這是我們迄今為止的工作。 請注意我是如何關閉路徑的,即使它們覆蓋了臉部。 我這樣做是因為我們只需單擊一下就可以用顏色填充形狀,只需創建一個封閉的路徑。
然後,我們將隱藏一些部分,將一個部分放在另一個上面。 但我們稍後會看到。

拿著舊手機的手有點不同。 在這裡,您必須將手畫成兩種形狀:手指和手掌。 使用鉛筆工具 (N) 進行操作。

瞧! 這是我們的圖紙:

隱藏“草圖”圖層,您將看到干淨的矢量。

現在,雙擊魔棒工具(Y),然後在彈出窗口中選擇“填充顏色”,將容差設置為 20。
以這種方式設置工具後,它將選擇具有相同填充顏色的所有對象。 只需單擊您的工作即可查看它的實際效果。
選擇它們後,雙擊填充顏色並將其設置為#000000。 您的圖像應如下所示:

再次雙擊魔棒工具 (Y) 並選擇“描邊顏色”,將容差設置為 20。單擊您的圖像,現在將選擇具有相同顏色的所有描邊。 將顏色設置為#000000。
現在,我們的圖像將具有全黑色輪廓。

讓我們給愛因斯坦上色。
將皮膚顏色設置為#FBD2B7 的十六進制值。
使用選擇工具 (V) 選擇頭部,然後單擊 Live Paint Bucket (K)。 單擊臉部以使用選定的顏色填充它。

對其他形狀做同樣的事情,給它們相同的顏色:耳朵、下巴、脖子、手。 請記住,您必須先選擇一組對象,然後使用 Live Paint Bucket (K) 為它們著色,否則它將不起作用。
注意:如果您無法使用 Live Paint Bucket (K) 為某些內容著色,則可能意味著您的對象具有開放路徑。 它發生在我的手指上:

在這種情況下,您可以使用 Blob Brush 工具 ( Shift + B
) 為手指的內部形狀著色。 將顏色設置為#FBD2B7,將畫筆的權重設置為 30 點,並填充手指和其他具有開放路徑的形狀。

當您以這種方式著色時,顏色位於路徑上方。 要將其移動到路徑下,只需選擇顏色形狀並按⌘
和[
將其向下移動。

如果其他對象覆蓋在手指上,請選擇它們並將它們向下移動,就像對手指顏色所做的那樣。 或者您可以右鍵單擊並選擇“排列”→“向後發送”將它們發送回去。
用這兩種方法繼續著色。
請注意,當您用顏色填充小鬍子時,愛因斯坦小鬍子下的路徑是如何消失的:

請記住,您可以向前移動對象(右鍵單擊 →“排列”→“向前移動”或⌘ + ]
)或向後移動(右鍵單擊 →“排列”→“向後發送”或⌘ + [
)以找到它們的正確位置.
這是我們的愛因斯坦著色。

我們仍然需要糾正一些事情。 由於我們之前的追踪,古董手機的聽筒被分成了幾塊:

我們必須將這些部分統一為一個。 選擇手機後,啟用 Shape Builder 工具( Shift + M
)並拖動我們需要統一的對象:


現在,我們必須擺脫愛因斯坦耳下的那條線:

我們將使用剪刀工具 ©。 選擇我們的兩條線並將它們切割成四個地方,如下所示:

現在,選擇切割線並刪除它們。

結果如下:

3.環境(實驗室)
讓我們繼續看下一張圖片。
當我們想到愛因斯坦時,首先想到的(嗯,在我看來)是實驗室和黑板。
讓我們在另一個畫板上畫出我們的實驗室。
單擊畫板工具( Shift + O
),然後單擊菜單中的“新建畫板”。 您將獲得具有相同高度和寬度的第一個畫板的副本。

將寬度設置為上表的兩倍:



你應該有這樣的東西:

是時候創建房間了。 我們需要一個地板和兩堵牆。 房間的色調和顏色將相似,因為房間是背景。
由於不同的顏色和厚實的邊緣,角色會脫穎而出。 背景的統一色調不會分散正在發生的事情。

創建一個新圖層並將其命名為“房間”。 阻止其他層。
使用鋼筆工具 (P) 並繪製一個多邊形,就像我的圖像中的那樣。 將填充顏色設置為#424974。
使用矩形工具 (M) 繪製前牆。 把它分成兩種顏色,這樣我們就有了一個更有活力的背景。 底部矩形使用#53649C,頂部矩形使用#424974。
最後,插入側壁。 您可以再次使用矩形工具。 然後,通過右鍵單擊將您的形狀放在地板下,然後單擊“排列”和“向後發送”(或⌘ + [
)。
我把它分成兩種形狀。 底部矩形設置為#65739B,頂部矩形設置為#506799。

在卡通實驗室裡,你會發現奇怪的機械、按鈕、屏幕和把手。 讓我們創建我們的第一台機器,一個屏幕和一個手柄。
使用矩形工具 (M) 創建一個矩形,大小為 587 × 323 像素,顏色設置為 #6A75AA。

使用圓角矩形工具 (M) 在其中創建另一個矩形,顏色設置為 #172432。
轉到“效果”→“變形”→“弧形”並選擇“水平”。 將彎曲設置為 3%,在“失真”下,將“水平”設置為=0%
,將“垂直”設置為-4%
。

使用鋼筆工具 (P),創建三個矩形來繪製屏幕的邊,如下所示。



最後,再次使用鋼筆工具繪製一條鋸齒形線,顏色設置為#D8D89C,筆劃粗細設置為 5 點。
畫一條線,如下所示:

現在,創建另一個尺寸為 160 × 372 像素且顏色設置為 #6A75AA 的矩形。 放在第一個旁邊。

使用鋼筆工具,繪製矩形的邊,方法與第一個相同。

在這個矩形內創建另一個矩形,顏色設置為#172432。

再次創建一個矩形,從插槽中出來,如下所示:

用相同的顏色畫出把手的旋鈕。
在另一邊,使用橢圓工具 (L) 創建兩個圓,尺寸與旋鈕相同,顏色設置為 #6A75AA。

選中兩個圓圈後,轉到路徑查找器面板並單擊“減號”(或選擇“效果”→“路徑查找器”→“減號”)。 你會得到這個形狀:

將其應用於我們的旋鈕以獲得燈光效果。

重複相同的步驟來創建我們的第二台機器。 繪製一些形狀,例如梯形和圓形,顏色設置為#6A75AA。

對我們的第三台機器做同樣的事情,這次是矩形、圓形和正方形。 您可以通過重複前面的步驟來創建每個對象。
要創建伸出地面的管道,只需繪製兩個相同尺寸的矩形,560 × 158 像素。

右鍵單擊底部管道並選擇“變換”→“旋轉”,角度設置為 90°。
用兩個矩形做一個 L 形:

選擇兩個矩形,轉到路徑查找器面板並單擊“聯合”。
使用直接選擇工具 (A),選擇生成的形狀。 一些小圓圈會出現,給你動態的角落。 單擊並拖動此處顯示的右下角:

這是結果:

現在讓我們在桌子上工作。
畫一個簡單的矩形,讓它延伸到畫板之外,讓它看起來在前景中。
淺紫色的顏色是#787FAD,深紫色的顏色是#6A75AA,照明的顏色是#8C92AD(非常淺的紫色)。

使用橢圓工具 (L) 創建一個按鈕,設置為#F7DF79。
用我們第一台機器的方式繪製底部的側面,顏色設置為#D3B42F 和#8E6621。

以相同的方式創建所有其他按鈕,使用以下顏色:
- 紅色按鈕:#DD7676、#DB5A5A、#D84141
- 綠色按鈕:#C0C478、#BFBB32、#9B962A
- 棕色按鈕:#937A44、#A08453、#8E6621
- 藍色按鈕:#34495E,#172432
- 粉色按鈕:#E0B39D,#DD9376
使用鋼筆工具 (P),創建一個帶有較暗邊的彎曲形狀。 這將是另一個旋鈕的底部,顏色為 #787FAD 和 #424974:

再次使用鋼筆工具在形狀的中心創建一條曲線。 將筆劃權重設置為 16 點。

現在,用兩個簡單的矩形創建一個手柄。

使用我們值得信賴的技術創建手柄的側面,顏色為 #172432、#2a4359 和 #3a4a56。

讓我們創建一個未來主義的表格。
使用橢圓工具 (L) 創建一個橢圓,然後拖動錨點,如下所示:

點擊Control + C
和Control + B
粘貼在後面。 向下移動我們剛剛粘貼的形狀,並將其顏色設置為#172432。

通過添加如下所示的其他形狀、簡單的橢圓和兩個三角形來完成您的未來主義表格。

我還在桌子上創建了幾個對象,一本書和一盞燈,只需使用形狀、矩形和橢圓工具。

現在,為愛因斯坦寫公式的地方畫一個大黑板。
使用矩形工具(M)繪製一個矩形,顏色設置為#172432。

我們需要在黑板上寫一些公式,它們需要看起來好像是用粉筆寫的。
拿起鉛筆工具(N)並寫一些公式(我的幾乎都是編出來的!)。 將#e6e6e6 設置為顏色。 完成後,選擇你寫的內容,進入畫筆面板,然後點擊右上角的小箭頭:

選擇“打開畫筆庫”→“藝術”→“ArtisticChalkCharcoalPencil”,選擇最後一種炭筆,在黑板上給你一個漂亮的炭筆效果。

取愛因斯坦矢量並將其放在黑板的一側。
4.期間
我們漫畫的拍攝時間大約是 1920 年。愛因斯坦關於引力波的理論可以追溯到 1918 年。為此,我插入了一部舊電話,愛因斯坦會談論的那種。
5. 場景
我想把愛因斯坦放在一個他正在和外星人交談的場景中,外星人正在給他這些信息。 (畢竟這是一部卡通片——應該有點搞笑!)
用鉛筆工具(N)在右上角畫一朵雲,然後用白色填充它(#ffffff)。

使用圓角矩形工具 (M),繪製一個矩形,並將其四角圓化,直到它們完全彎曲。 將填充設置為#d6d989,將描邊設置為#000000。
使用橢圓工具 (L),畫出眼睛和瞳孔,將顏色設置為 #787fad。

使用鋼筆工具和橢圓工具,繪製兩個小天線。

畫一個小矩形,這將是它的手機,並通過抓住一個角度並向下拖動光標來傾斜它。

使用鉛筆工具,畫出拿著電話的手和一些電話信號線。

結論

我們完成了!

我希望你喜歡這個教程。 歡迎在下方留言,向我們展示你的漫畫! 最後但並非最不重要的一點是,你們中的一些人正在詢問愛因斯坦的高分辨率圖像。 所以你去:
