使用曲線工具輕鬆繪製插圖

12,734

APGil_art

APGil_art

介紹

你好!今天,我將向您展示Clip Studio Paint的Figure子工具如何使食品插圖更容易,更快捷。

 

我將主要使用[貝塞爾曲線]和[橢圓]。記住,我將使用這些工具的每個層都是矢量層,這樣我就可以輕鬆地對其進行編輯。 [Ellipse]子工具非常簡單,但是要使用[Bezier曲線],您必須熟悉控制點,並且我找到了一種可以在遊戲中做到這一點的方法!

工具類

貝塞爾曲線使用手柄和錨點。錨點確定路徑的路徑,而錨點則描述線的曲率。我在網上找到了一個遊戲,教您如何使用貝塞爾曲線工具。它不用於CSP,但具有相同的密鑰,因此應該相同:

請利用此資源練習!有一些學習曲線,但是掌握這樣的圖形設計必不可少的工具。

我將向您介紹使用帶有貝塞爾曲線的工具的關鍵。只是使本教程更具凝聚力的概述,所有這些都已在ClipStudioPaint的教程中得到了更好的解釋,請查看:

可以將Bezier曲線與[Figure]工具中的[Bezier curve]子工具,[Ruler]工具中的[Curve Ruler]和[Selection]工具中的[Polyline]子工具一起使用。要在[Polyline]選擇中使用它,必須在[Sub Tool Detail]菜單上將其激活。我喜歡在合適的時候使其可見。

要繪製直線,只需在畫布上單擊而不拖動:

單擊繪圖時完成貝塞爾曲線。手柄將朝您拖動的方向設置:

如果在拖動時單擊[Shift],則手柄將以45°的增量移動:

您可以通過[子工具詳細信息]菜單來更改增量:

[1]使它在[工具屬性]面板上可見。

[2]當直線/手柄接近時將其捕捉。

[3]通過拖動滑塊或更改單位編號來設置角度。

 

記住:這些是角度,不是百分比。如果要在四個基本方向上設置角度,則應將其設置為90,而不是50。

要重新啟動您創建的最後一個錨點,請在鍵盤上單擊[刪除/退格]:

單擊錨點將其刪除:

單擊該行以添加新的錨點:

要在繪製時移動錨點或手柄,請在鍵盤上按[Ctrl]並四處移動。

 

要同時刪除和添加錨點,必須確保在[子工具詳細信息]面板上設置了[繪製時添加/刪除控制點]。

如果在繪製時想將曲線做成一個角,請在按住鍵盤上的[Alt]的同時單擊錨點:

如果您想將其製成曲線的拐角,則在按住[Alt]的同時拖動錨點將為其提供控制柄:

因此,如果您在畫布上單擊,它將變成一個角,而在拖動時,它將變成一條曲線...

...但是如果您想兩個人都在同一個錨上怎麼辦?兩條曲線合併在一個角上,或者一側是一條直線然後是一條曲線?如果拖動最後繪製的角,它將為您提供手柄,因此它可以成為曲線。如果單擊最後繪製的曲線,它將成為一個角。此外,如果要閉合曲線,則在按[Alt]的同時單擊第一個點將使您可以控制最後一個手柄,而不是將其與第一個手柄融合。

這些都是在繪製曲線時完成的行為,一段時間後它們成為第二自然。但是,如果您已經確定了曲線,該怎麼辦?輸入[校正線]工具。 [Control point]子工具提供了許多選項,可以修改繪製曲線的錨點和手柄。

如果選擇使用貝塞爾曲線來製作線稿,則可以使用[調整線寬]子工具為曲線賦予不同的寬度,就像使用[筆]工具以不同的壓力進行繪製一樣。

好吧,一切就緒。讓我向您展示我做插圖時的步驟:

縮圖

我們以每個插圖都以縮略圖開頭的方式開始!

可能您已經有了一些想法,但是如果您立即開始,則可能會冒險開始繪製圖形,以中途意識到構圖不符合您的喜好。在一些小盒子內,畫出您所想的小版本。做變化,嘗試不同的事情。也許換個角度?如果添加其他元素怎麼辦?快速製作,每個縮略圖不超過2分鐘。不要太參與其中。這些是一次性草圖,因此,如果您追求數量最好。

我將向您展示為我將要製作的拉麵插圖製作的一些。

這些都是同一概念的變體。我只是不斷移動碗。我最終在底部安頓下來。

擁有所需的畫布後,將其放大以使其充滿整個畫布。

通常,下一步是草繪,但是由於我在矢量層上使用了曲線工具來製作插圖,如果我對它們不滿意,這可以使我進行更改,因此我對直接轉向線條藝術很有信心。我通常只在元素太複雜的情況下進行繪製。這就是改變遊戲規則的曲線工具的數量。

線條藝術

我試圖記錄自己以更好地說明這一部分,但是我的計算機已經過時並且過時了,所以我不得不放棄它。我會盡我所能地解釋自己,但是如果您有任何疑問,請隨時在評論中提出。

我對圖形的每個元素使用不同的矢量層,如果希望以後再連接某些東西,我更喜歡將它們合併,而不是如果我想將它們分開,則必須選擇,剪切和粘貼在另一個層中。我使用非常細的畫筆大小(1.5),因為稍後會用顏色填充它。如果可以,我可以填寫矢量圖層!我確信CSP團隊正在為將來的更新而努力;)

我從碗開始,用三個橢圓製作形狀。

然後我做了筷子。我使用了貝塞爾曲線工具,但使側面保持筆直,只是在筆尖上稍微彎曲了一下。

轉到雞蛋,我使用了一個圓圈,並為雞蛋的頂部橢圓形部分添加了貝塞爾曲線。曲線也有助於創造深度。

接下來,麵條,此插圖的重要部分。這些都是筆刷大小為15的貝塞爾曲線。我有4層。

現在,肉。這些都是不同的層,使著色變得容易,所有這些層均由貝塞爾曲線製成。

接下來,湯。我希望它看起來像是在溢出,好像碗從更高的位置掉下來了。我一定要考慮一下麵條在碗裡是如何移動的。

看起來不錯,但是缺少一些東西。我想要玉米和蔥的拉麵,但是畫每個拉麵會很麻煩,所以我改做了定制畫筆。根據您的需求,可以找到不同的解決方案。

這些都是插圖中的所有元素。現在,開始著色。

染色

為這些圖層著色將非常簡單。我有序地逐層選擇每個區域並將其繪製在柵格圖層上。如有必要,我可以使用[刪除選擇]工具取消選擇任何不需要的區域。

我對每個元素(當然,除了麵條)都進行了此處理,使用純色或漸變進行著色,並在我認為合適的地方添加細節。我在本節中保留了線條,以用於說明目的,但是在您瀏覽圖層時請關閉它們。

豬排的內部用設置為“重複”的橢圓漸變製成。我還給它們提供了深度,並在單獨的圖層上設置了漸變以使其相乘。

麵條得到了一些特殊的處理。我為每個圖層都使用了一個剪貼層,並添加了陰影,使其看起來好像在同一空間中。

上湯。我使用了漸變,並將混合模式設置為“乘”。

然後,在口罩上,我擦除了彩色空間,使內容物看起來像破壞了表面張力。

我不想看到湯的背景,所以我在湯底下做了一個堅實的層。

根據您的設計,您可能需要屏蔽某些元素,以使內容之間的交互更可信。我是在麵條和筷子上做的。

在繼續之前,我在一些我沒有創建陰影和深度的地方添加了漸變。

最後,我在湯中添加了亮點。

[1]在所有內容之上的柵格圖層上,使用[Bezier曲線]工具創建模擬反射的形狀。

[2]接下來,選擇一種形狀。

[3]使用[漸變]工具上的[消除漸變],刪除所選形狀的邊框。重複[2]和[3],直到完成所有形狀。

[4]降低圖層的不透明度。

添加噪波,陰影,一些額外的漸變並為背景著色後的外觀。

額外的例子

我將提供一些其他示例,這些示例我使用圖形工具完成了一些食物插圖,以使您對可以做什麼有所了解。

我甚至使用bezier工具在其中製作了草莓和藍莓,這是一個非常動態的工具:

您不必讓每頓飯看起來都像在掉下來。我也喜歡做平面插圖!這是上面看到的華夫餅乾的版本...:

...以及在本教程中完成的拉麵:

您可以使用的另一個工具是[曲線標尺],它是[標尺]工具的子工具。就像[Bezier曲線]一樣。在此示例中,我將其與[對稱標尺]一起使用,因為我希望瓶子看起來對稱:

貝塞爾曲線不僅適用於食物插圖。它們適用於各種東西!這是我用花卉和動物動機製作的圖案。一切都使用[貝塞爾曲線]工具完成。

總結思想

貝塞爾曲線是圖形設計中必不可少的工具。它們使您可以以最小的努力創建精美的插圖。我知道,如果不是鍵盤上的Ctrl和Z鍵,我肯定會丟失!由於我的Wacom很老,經常讓我失望,因此我將它們用於插圖,藝術線條和所有內容!

 

我希望本教程能啟發您嘗試在插圖中使用它們。如有任何疑問,我們將竭誠為您服務!您可以在本頁底部發表評論,我經常檢查。

如果您想查看我的更多作品,可以查看我的Instagram ...:

...或者我的推特:

哦,對於任何語法錯誤,對不起,英語不是我的母語:)

(編輯27/05/20)我在“工具”部分添加了市長,編輯了標題和縮略圖,添加了另一個示例,並通過文本更改了一些語法錯誤。我只是展示了“簡介”手冊的“繪製連續曲線和貝塞爾曲線”條目,而不是鏈接它以供您嘗試。在此處查看手冊:

我這樣做是因為在我發布該教程後,該教程對我來說似乎更具說明性而不是教學性。我向您展示了我如何使用貝塞爾曲線工具,但沒有告訴您如何使用它們。我沒有做,但是時間越久,我就越受它困擾。從現在開始,我將這些教程作為草稿保留幾天,以防止出現這種情況。

我檢查了#CurveTool搜索結果上的其他教程,以確保不會給任何人帶來麻煩,儘管我確實找到了CSP小組的一個教程,該教程涵蓋了相同的主題,並因此給予了相應的好評,但是發布的所有教程都沒有此信息。 。

留言

最新

最新官方