動物派對場景插圖設計

可愛動物派對創意設計

草圖設計

草圖在設計過程中是非常重要的,當然這一點不同的人由於設計的方式不同也會有些不同。剛開始的時候我也沒有繪製草圖的習慣,不過後來通過不斷地深入學習,意識到清晰的草圖可以幫助我構建更好的畫面。


動物派對場景插圖設計


用上色工具給草圖塗上顏色

當我對我的草圖感到滿意時,我喜歡粗略地為我的草圖著色並儘量使其儘可能接近最終顏色。當我做最後的插圖時,一般會使用拾色器I),過程中也會根據需要調整顏色。


動物派對場景插圖設計


準備文件

步驟1

通過轉到“新建”>“新建文檔”(Cmd + N)創建一個新文檔,並將寬度設置為1500像素,將高度設置為1100像素,然後單擊“創建”


動物派對場景插圖設計


第2步

選擇矩形工具(M)並用純色#F8DDC2填充背景並鎖定圖層。創建5個新圖層,並將其命名為Sketches,Racoon,Rabbit,Lion和Misc。我們所有的草圖都將放置在Sketches圖層中,以便我們可以輕鬆隱藏它們並僅將它們打開以供參考。中間三個圖層是我們的角色層,而Misc是我們將所有額外的東西放在後臺的地方。讓我們開始繪製浣熊!


動物派對場景插圖設計


繪製小浣熊

步驟1

隱藏BG層現在並把素描層內浣熊草圖,並設置透明度,調節為25%,並鎖定該層。


動物派對場景插圖設計


第2步

選擇Raccoon圖層並使用橢圓工具(L)創建一個頭部形狀的橢圓。


動物派對場景插圖設計


第3步

選擇直接選擇工具(A)並選擇左右錨點以手動調整它們並獲得所需的形狀。


動物派對場景插圖設計


繼續調整底部錨點並在需要時重新調整左右錨點,直到你能夠獲得浣熊頭部的形狀並將顏色更改為

#71443B。


動物派對場景插圖設計


第4步

使用鋼筆工具(P)開始描繪耳朵並使用#4A292A為其著色。複製並粘貼剛剛創建的形狀,將其調整為更小,重新定位直到它看起來像耳朵內部,並給它一個更暗的顏色

#3D2223。將2個形狀放在頭部後面。


動物派對場景插圖設計


選擇第一組耳朵,右鍵單擊並轉到“變換”>“反射”


動物派對場景插圖設計


選擇垂直並點擊複製,這樣我們就會得到第一隻耳朵的副本。相應地調整位置。


動物派對場景插圖設計


動物派對場景插圖設計


第5步

使用鋼筆工具(P)開始繪製身體。執行此操作時,請注意需要調整的邊緣。這樣,我們才能夠與藝術風格保持一致。


動物派對場景插圖設計


第6步

在仍然選擇鋼筆工具(P)的情況下,繼續跟蹤手和尾部並將它們放置在需要的位置。您可以先開始繪製左手並複製它當作右手。右手需要更暗,所以我們可以清楚地看到它,所以給它一個#613A33顏色。使用#54312D為尾部塗上更深的顏色。


動物派對場景插圖設計


第7步

繼續使用顏色#371F1F鋼筆工具(P)繪製浣熊眼睛周圍的眼圈。這裡我們要繪製一個超出頭部的形狀。現在不要擔心眼圈的重疊部分,因為我們稍後會修剪它。

選擇第一個眼圈,右鍵單擊並再次轉到Transform> Reflect,然後單擊Copy來創建第二個眼圈。相應地我們要重新調整位置。


動物派對場景插圖設計


第7步

繼續使用顏色#371F1F鋼筆工具(P)繪製浣熊眼睛周圍的眼圈。這裡我們要繪製一個超出頭部的形狀。現在不要擔心眼圈的重疊部分,因為我們稍後會修剪它。

選擇第一個眼圈,右鍵單擊並再次轉到Transform> Reflect,然後單擊Copy來創建第二個眼圈。相應地我們要重新調整位置。


動物派對場景插圖設計


回顧一下,需要執行的操作:

選擇頭部和兩個眼貼在一起

Shift + M激活形狀構建器工具

按住鍵盤上的ALT鍵

單擊要刪除的區域(頭部外部的修補區域)


動物派對場景插圖設計


動物派對場景插圖設計


第9步

繪製眼睛,點擊橢圓工具(L)並在按住Shift鍵的同時做一個正圓。點擊直接選擇工具(A)

並稍微向下移動底部錨點,直到獲得類似蛋的形狀。使用旋轉工具(R)稍微旋轉一下,將顏色更改為白色並將其放在第一個眼貼的頂部。反射並複製相同的形狀(右鍵單擊>變換>反射>垂直>複製)並將其放在另一個眼貼上。添加兩個圓圈(M)以完成眼睛。


動物派對場景插圖設計


添加兩個圓圈(M)完成眼睛。


動物派對場景插圖設計


第10步

使用鋼筆工具(P)

,追蹤嘴巴(#563530)和鼻子(#371F1F)。使用橢圓工具(L)創建眉毛(#371F1F)

使用2種顏色#71443B#5D3831橢圓工具(L)創建2根髮束。


動物派對場景插圖設計


第11步

點擊畫筆工具(B)轉到窗口>畫筆打開畫筆面板。在畫筆面板中,轉到菜單>打開畫筆庫>藝術> Artistic_Calligraphic並使用5pt圓刷畫出嘴巴的線條。


動物派對場景插圖設計


動物派對場景插圖設計


第12步

使用矩形工具(M)創建幾個矩形(#371F1F)並像這樣排列它們。


動物派對場景插圖設計


選擇矩形和尾部,激活Shape Builder工具(Shift + M)並使用我們之前學習的技術刪除不需要的形狀。(如果需要查看步驟,請返回步驟8)


動物派對場景插圖設計


第13步

使用矩形工具(M)創建一個矩形(#D05336)並使用直接選擇工具(A),選擇頂部的兩個點並將光標放在其中一個點附近,直到您看到光標變為曲線。單擊並按住該點並向中心移動並根據您的喜好設置曲線。


動物派對場景插圖設計


繼續給帽子添加細節。黃色圓圈(#E6B71F)是使用橢圓工具(L)製作的,線條(筆觸顏色:#E6B71F)是由我們之前使用的相同筆刷創建的,基座(#E6B71F)是由矩形工具(M)創建的。


動物派對場景插圖設計


第14步

您可以通過一起選擇項目並按鍵盤上的CMD + G將某些對象組合在一起。


動物派對場景插圖設計


這樣一個可愛的浣熊就完成了!


動物派對場景插圖設計


繪製小獅子

步驟1

將Lion草圖放置在Sketches圖層中,然後在Lion圖層中創建一個橢圓(#F7AA3A)。


動物派對場景插圖設計


第2步

在黃色圓圈後面創建另一個圓圈(#7E462D),並使用直接選擇工具(A)調整錨點,以獲得獅子鬃毛的形狀。


動物派對場景插圖設計


動物派對場景插圖設計


第3步

使用橢圓工具(M)創建一個新圓(#F7AA3A)複製它(CMD + C)並粘貼到位(編輯>粘貼到位)。將原始黃色圓圈的頂部添加到黃色圓圈的副本。將顏色更改為#512713並將其縮小,您將擁有第一組耳朵,然後複製耳朵並將其放在另一側。


動物派對場景插圖設計


第4步

使用鋼筆工具(P)繪製獅子的身體(#F7AA3A)。至於手,我從我們之前做過的浣熊插圖中複製了同一隻手,將顏色改為#F7AA3A並將其放在獅子的身體後面。

使用橢圓工具(M)創建獅子的腹部補丁(#F2D793)


動物派對場景插圖設計


第5步

使用橢圓工具(L)創建2個正圓做眼睛,創建2個橢圓做眉毛,並將顏色更改為#542619。

並用鋼筆工具(P)描繪出鼻子和嘴巴,然後使用相同的方法繪製出嘴唇。


動物派對場景插圖設計


在做最後的插圖時,我有時會在草圖中更改一些內容,這些內容可以讓我的最終作品更有趣。使用鋼筆工具(P)給頭部周圍添加三角形(#E88F29)。選擇剛剛與頭部一起做的形狀,點擊形狀生成器工具(Shift + M),按住ALT鍵,同時單擊頭部外部三角形的不需要的形狀將其修剪下來。


動物派對場景插圖設計


動物派對場景插圖設計


第6步

從獅子身上移除獅子的鬃毛並使用鋼筆工具(P)添加隨機矩形以添加細節。給它一個#A1633C顏色。


動物派對場景插圖設計


我們通過選擇鬃毛的基部和矩形形狀再次重複修剪過程,激活形狀生成器工具(Shift + M),按住ALT鍵,同時單擊鬃毛外三角形的不需要的區域。


動物派對場景插圖設計


第7步

調整鬃毛到獅子身上,以完成外觀!使用橢圓工具(M)添加兩個橢圓(#F7AA3A和#E78F29),然後將它們添加到頭頂。創建更多圓圈將它們組合成3個一組來製作鬍鬚(#B95E28)。

最後,使用矩形工具(M)製作一個細長矩形並旋轉一點(R)並給它一個顏色#512713繪製出魔杖的底座。


動物派對場景插圖設計


使用鋼筆工具(P)

創建一個簡單的王冠(#E78F29 )。至於舌頭,我們可以創建一個新的圓圈(#D05336)並將其放在嘴的頂部。創建一個新的白色矩形並將其放在魔杖的頂部。

選擇剛剛做的新形狀(王冠除外)以及棒基部和嘴部,然後點擊形狀生成器工具(Shift + M),按住ALT鍵,然後將其修剪下來。


動物派對場景插圖設計


第8步

使用我們之前做的畫筆(Window> Brush),使用畫筆工具(B)繪製出看起來像尾巴的曲線(#E78F29)。然後使用橢圓工具(M)為尖端添加兩個橢圓(#7E462D)。


動物派對場景插圖設計


一頭可愛的獅子已經完成了!


動物派對場景插圖設計


繪製小兔子

步驟1

使用鋼筆工具(P)繪製帽子的形狀(#544062)。創建一個矩形(M),稍微旋轉一下(R),將其著色#32223D。

製作頭部,首先要創建一個白色圓圈(L)並使用直接選擇工具(A)相應地調整錨點以使兔子的頭部朝右。


動物派對場景插圖設計


第2步

繼續使用鋼筆工具(P)並添加更多細節到兔子的身體。需要注意的是並不是所有東西都是白色的,耳朵上還有#D96C5F的額外顏色。


動物派對場景插圖設計


第3步

使用我們之前使用的相同方法,我使用了一個圓圈(M)充當兔子的其中一隻眼睛,至於鼻子使用的是鋼筆工具(P)嘴巴,眨眼和眉毛是用筆刷繪製的。


動物派對場景插圖設計


第4步

通過添加星星製作漂亮的外觀。可以在“工具”面板中找到星形(“窗口”>“工具”>“默認”)。此處的默認圖標是矩形工具。要訪問星形工具,單擊並按住矩形圖標,直到顯示新面板,然後向下拖動到星形工具上以選擇它。創建多個星形的副本(#F4AC40)並使用形狀構建器工具(Shift + M)然後刪減星星和帽子不需要的形狀。


動物派對場景插圖設計


這樣一來三種小動物我們就完成了!


動物派對場景插圖設計


別急,作品還沒完呢,現在讓我們使用相同的方法給角色添加陰影。

添加陰影

從現在開始,我們將僅使用Shape Builder Tool。請記住,您必須先創建陰影形狀,然後將其與基礎形狀一起選擇,選擇Shift + M,按住ALT鍵並開始修剪要刪除的內容。

小浣熊

帽子上的陰影,我們可以使用鋼筆工具(P)創建一個矩形形狀,並給它一個顏色#BB4B34並修剪它。


動物派對場景插圖設計


使用鋼筆工具(P)為頭部,尾部和身體的其餘部分創建陰影的形狀,將透明度設置為 #332C2C顏色的30%不透明度


動物派對場景插圖設計


動物派對場景插圖設計


動物派對場景插圖設計


(頸部的陰影是半圓,顏色和屬性與前面相同。)

小獅子

此處的所有陰影形狀均使用鋼筆工具(P)製作,顏色#A36F33設置為“乘法”40%不透明度

獅子頭髮上的陰影只有半圈,顏色和屬性與之前是一樣的。


動物派對場景插圖設計


小兔子

帽子的影子是#372344,而兔子的影子的顏色是#E9D4FB。


動物派對場景插圖設計


現在小動物們看起來更生動了!


動物派對場景插圖設計


設計背景

步驟1

使用

鋼筆工具(P)創建2個顏色為#F8B04D#CB543B的三角形。複製這些,直到得到下面效果。


動物派對場景插圖設計


第2步

使用

橢圓工具(L)和紅色矩形(#BB4B34)使用矩形工具(M)添加各種圓圈、線條(#F8D351 )。


動物派對場景插圖設計


第3步

使用我們之前使用過的相同方法,在Shape Builder工具(Shift + M)中按鍵盤上的ALT應用刪除 選項, 以開始修剪多出的形狀在橫幅上獲得所需的圖案效果。


動物派對場景插圖設計


(另外我們可以使用白色的

鋼筆工具(P)來繪製繩索。)

完成圖展示

最後添加潤色的過程是非常有趣的!以下是此插圖的一些建議

在字符下方添加陰影。不要使用黑色陰影,因為它可能會破壞圖像的感覺。陰影可以是背景的較暗色調,並且在大多數情況下它的效果非常好。

在角色旁邊添加一些白色三角形。它的增添會給人一種有趣和刺激的感覺!

為角色添加黑點。這樣的裝飾對動物角色有著不一樣的效果。

通過在側面添加兩個圓圈來完成繩索。

在中間添加一顆星並添加一點光澤。發光的星星是不是會更加漂亮呢?

歡迎加入UI設計群587751709


分享到:


相關文章: