如何在 Illustrator 中繪製卡通

已發表: 2022-03-10
快速總結↬畫一幅漫畫絕非易事。 它把我們變成了導演、作家、敘述者。 通過卡通或漫畫,你講述了一個發生在特定時間、特定環境、特定角色的故事。 這就是為什麼您將在這裡學習的不僅僅是如何在 Adob​​e Illustrator 中繪製卡通,而是如何決定角色、地點和情況。 在拿起你的鉛筆或軟件工具之前,問問自己,“我的主題是什麼?” 你將使用多少個角色,他們會是誰? 他們將反對什麼背景? 他們將生活在什麼時代? 你會把它們放在什麼場景中? 通過本教程中的步驟,我將向您解釋我自己的選擇。 讓我們開始。

畫一幅漫畫絕非易事。 它把我們變成了導演、作家、敘述者。 通過卡通或漫畫,你講述了一個發生在特定時間、特定環境、特定角色的故事。

在 Illustrator 中繪製卡通

這就是為什麼您將在這裡學習的不僅僅是如何在 Adob​​e Illustrator 中繪製卡通,而是如何決定角色、地點和情況。 在拿起你的鉛筆或軟件工具之前,問問自己,“我的主題是什麼?”

  • 你將使用多少個角色,他們會是誰?
  • 他們將反對什麼背景?
  • 他們將生活在什麼時代?
  • 你會把它們放在什麼場景中?

通過本教程中的步驟,我將向您解釋我自己的選擇。 讓我們開始。

跳躍後更多! 繼續往下看↓

關於 SmashingMag 的進一步閱讀

  • 如何在 Illustrator 中創建睡蓮
  • 40 個優秀的 Adob​​e Illustrator 教程
  • 來自世界各地藝術家的鼓舞人心的插畫作品
  • 來自世界各地藝術家的精美 Photoshop 插圖

1. 主題

我為我的漫畫選擇的主題與最近的一個發現有關。 我們第一次接收到由引力波引起的信號。 愛因斯坦在 1918 年首次提出引力波存在的理論。令人興奮!

那麼,我的漫畫有什麼更好的主題呢?

2.性格

那麼,我要畫的角色是愛因斯坦。

打開 Adob​​e 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 + CControl + B粘貼在後面。 向下移動我們剛剛粘貼的形狀,並將其顏色設置為#172432。

圖片

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

圖片

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

圖片

現在,為愛因斯坦寫公式的地方畫一個大黑板。

使用矩形工具(M)繪製一個矩形,顏色設置為#172432。

圖片

我們需要在黑板上寫一些公式,它們需要看起來好像是用粉筆寫的。

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

圖片

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

圖片

取愛因斯坦矢量並將其放在黑板的一側。

4.期間

我們漫畫的拍攝時間大約是 1920 年。愛因斯坦關於引力波的理論可以追溯到 1918 年。為此,我插入了一部舊電話,愛因斯坦會談論的那種。

5. 場景

我想把愛因斯坦放在一個他正在和外星人交談的場景中,外星人正在給他這些信息。 (畢竟這是一部卡通片——應該有點搞笑!)

用鉛筆工具(N)在右上角畫一朵雲,然後用白色填充它(#ffffff)。

圖片

使用圓角矩形工具 (M),繪製一個矩形,並將其四角圓化,直到它們完全彎曲。 將填充設置為#d6d989,將描邊設置為#000000。

使用橢圓工具 (L),畫出眼睛和瞳孔,將顏色設置為 #787fad。

圖片

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

圖片

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

圖片

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

圖片

結論

圖片

我們完成了!

插畫卡通

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

愛因斯坦漫畫
最後,追溯愛因斯坦漫畫。