建立平面插圖指南

2,978

AriaVon

AriaVon

推介會

您好!!!,歡迎來到這個新的提示,這次我將向您介紹使平面插圖創作成為可能的最重要的概念,因為雖然它看起來很容易,但就像生活中的一切一樣,它有它的水平學習。今天我們就來揭開它的秘密。無需多說…

 

讓我們開始吧!!

1.選擇顏色

要開始繪製任何類型的插圖,無論是從平面風格還是寫實風格,您都必須了解某些構圖概念,這些概念將使插圖引人注目,吸引觀眾的注意力,將他們的目光引導到情感上。

 

• 關於顏色的其他提示

 

前段時間我做了一個 TIP 條目,其中解釋了色彩理論;這些知識對於任何繪畫風格都有用。解決這裡我不會解釋的技術數據,例如顏色及其型號的來源;所以如果你想了解更多,我邀請你去看。此外,在該條目中,我解釋了 CLIP STUDIO PAINT 用於創建調色板的工具,我留下了以下連結:

 

 

最近,我做了一個提示,其中展示了使用 CLIP STUDIO PAINT 添加顏色的不同工具和方法,它非常廣泛,最重要的是它對任何風格都有用,我將條目留在下面:

 

 


► 色彩心理學

色彩心理學告訴我們色彩如何影響人類行為。顏色對我們、對我們的情緒和精神狀態有很大的影響。有了它們,我們可以激發或創造歡樂、悲傷等。有些顏色會產生平靜或同情心,通常出現在藍色等冷色中;但另一方面,還有其他一些因素會引起憤怒或不適感。我們在溫暖的地方找到了這些。

 

了解色彩的心理學、人們與色彩相關的場所和情感,我們可以產生有意義的、充滿訊息的插圖;無需言語即可講述故事。現在,我們來看看它的特點。

 

• 顏色分類

 

顏色可以分為冷色和暖色,這取決於它們向我們傳達的內容。它們很容易被識別,因為它們在視覺上與低溫或高溫有關;它們使我們能夠巧妙地表達情感或氛圍的想法。

1.暖色

 

這些顏色範圍從紅色到黃色。它們向觀眾傳遞高溫、熱情、激情、歡樂、愛、能量、溫暖等感覺。此外,它們還可以代表一年中的某個時間,如春天、秋天、沙漠等。

2.冷色

 

色輪上有冷色,從紫色到綠色。藍色與冷色調最相關,如果它出現在其他色調中,有助於讓人感覺更冷。顏色越藍,顏色越冷。冷色與低溫有關,是冬天的色調,是夜晚的色調,是海洋、湖泊的色調,是寧靜、平靜、孤獨、寧靜、悲傷、夜晚、冬天等的色調。

  • 飽和度

飽和度是顏色的純度,它定義了其強度。它由所包含的灰色量決定,灰色越多,飽和度越低,灰色越少,飽和度越高。但飽和度與色彩心理學有什麼關係呢?事實證明,飽和度不佳的插圖傳達了悲傷、憂鬱、腐朽和荒涼的情緒;而飽和的生活和充滿活力的熱情、希望、喜悅等情感。

可調整插圖飽和度的工具是:「色調/飽和度/亮度」。可以透過存取以下路徑找到該工具:色調校正>色調/飽和度/亮度。


► 選擇顏色的方法

本能地,我們會被相似或對比顏色的構圖所吸引。色彩和諧允許您選擇顏色,這是一種將它們組合起來的色彩理論技術。以下解釋了四種最著名的色彩和諧,同時我們也知道我們可以根據情感邏輯(傳達喜悅、悲傷、憤怒、愛等感覺)或地點(永恆的未來、日落、黃昏、水生氛圍等)正如我們在色彩心理學中所看到的;現在,有了和諧,我們將擁有創建完美色彩結構的武器,講述複雜的故事,或簡單地將插圖與互補的顏色協調起來。

 

1.補充

 

互補色是指色輪上相反的顏色,這種組合會產生對比。這種和諧可以用來對比背景中的人物,也可以用來對比相反的想法。

2.類似物

 

類似的和諧是透過色輪上接近的顏色的實現而形成的。由於距離較近,它們彼此結合得很好。就像是依序靠近的藍色、紫色和粉紅色。例如,自然界中的風景通常具有這種特徵,它們是由連續的顏色組成的。

3.三合會

 

為了創造和諧的三重色,請使用三種等距的顏色。如下圖所示,黃色、紅色和藍色是彼此不同的三種顏色。

不久前,我製作了一個關於如何僅使用平面圖形和透視尺來製作這座未來城市的教學;我留下以下條目:

 

 

4.單色

 

為了創建具有這種和諧的調色板,所有顏色都源自單一顏色,並使用不同的亮度和飽和度變化。您也可以添加不同的中性灰色。

2.扁平化設計

扁平化設計的特點是使用扁平且明亮的顏色、幾何形狀、大的印刷尺寸以及簡單的資訊來提供清晰的理解。它因其簡單性和有吸引力的信息而引人注目,除了沒有像其他插圖一樣的線條之外,相反,它還使用對比度來區分一個圖形與另一個圖形的輪廓。簡單來說,扁平化風格使用圖形元素,使用幾何形狀搭配鮮豔的色彩。我們將在下面看到的概念將幫助我們創建平面插圖。

 

 

► 抽象

對於平面設計,我們將考慮使用幾何形狀的抽象。抽像很簡單,我們只需降低要重新建立的物件的複雜程度,將其轉換為簡單的幾何形狀即可;在這些情況下,使用主要的幾何形狀:三角形、正方形和圓形。

讓我們來看一個例子:一隻熊可以簡化為一系列的圓形和三角形;我們也可以改變人物的結構,為角色賦予更多活力。變形圖形對於創建彎曲的物件很有用。

本質上,這就是抽象,我們將其用於任何類型的插圖,但在平面設計中它是必不可少的。提高抽象能力的最佳方法是嘗試僅使用幾何圖形及其一些變形來重新創建一個物體或人。

 

 

► 使用幾何圖形建立角色

在了解形狀語言後,我們可以創建透過其設計講述故事的角色,例如,如果我們想要一個充滿感情的角色,我們將使用圓形,但如果我們也希望它靈活,我們將在其結構中添加三角形。接下來,讓我們來看看一種使用幾何形狀的方法,它可以讓您設計出無限多種角色。

 

• 第 1 步:陰影

 

首先,我們將放置基本的幾何圖形,使其形成角色的輪廓。為此,我們將改變尺寸。

這項練習也有利於培養創造力;它促使我們相信這麼多看似不可能完成的改變。

  • 第 2 步:草圖

當我們的角色處於陰影中時,我們要做的就是降低圖層的不透明度,以便在其上方的新圖層中我們可以繪製具有角色更具體特徵的草圖,例如頭髮、眼睛的形狀。甚至服裝也遵循影子的結構,但沒有那麼嚴格;出去並給飾面賦予彎曲形狀會更好。

  • 第 3 步:顏色

在這一步驟中,我們將放棄陰影層,並專注於在草圖下方創建一個圖層,我們將致力於在其中放置帶有顏色的平面形狀。在下一節中,我們將看到 Clip Studio Paint 所具有的工具來促進平面角色和環境的創建。

 

對於陰影,我們將使用對比度。顏色對比度是兩種或多種顏色之間的差異。這意味著我們將採用一種顏色,具有不同的飽和度/亮度或色調,我們可以在陰影和顏色的基礎之間創建對比。對於下面的女孩,我使用了她的基礎膚色,但降低了亮度,使其充當陰影。

3. 使用 Clip Studio Paint 進行平面設計

程式中的一些工具可讓您以實用且最重要的是快速的方式創建各種平面作品,而無需使用畫筆。

 

 

► 數字

手工製作一個完美的圓形、三角形、矩形或任何其他圖形會非常複雜,但這種困難就是這個功能存在的原因。使用這個工具我們可以創建任何圖形。

 

它位於「工具」列,其預設快速鍵是鍵 (U)。

所有圖形子工具都具有增加實用性的屬性。下面我將解釋其中一些子工具;為了直觀的使用,我將省略直線和曲線。

 

  • 折線

折線可讓您建立連續的線條,如果我們檢查兩個填滿選項中的任何一個,圖形的內部結構將用直邊的純色填滿。線條/填充功能有三個選項,第一個創建用選定的純色填充的結構,第二個僅連續線條,最後最後一個也填充形狀,但有兩種顏色,即輔助顏色的線條和填充的顏色。色彩專業。

 

畫筆的大小、不透明度、柔軟度都是不言自明的。

  • 連續曲線和貝塞爾曲線

這兩個是相似的,它們之間共享功能,除此之外,其他功能與前一個相同,唯一與前一個工具不同的是曲線選項,四個「曲線」選項分為:直線、樣條曲線、二次貝塞爾曲線和三次貝塞爾曲線。

我使用這個工具來製作陰影細節或填充基本幾何圖形由於結構限製而無法覆蓋的空間。

  • 裝滿弓

在所有圖形子工具中,這是最通用的,因為它允許我們自由繪製,並且當我們關閉線條時,內部會自動填充。其中一項特性是穩定器,這將使我們能夠獲得更高的精度。

  • 橢圓/矩形

使用此工具,如其名稱所示,您將建立橢圓或圓形。為了形成一個完美的圓,我們將在確定圓的大小時使用 SHIFT 鍵。另一方面,如果我們想手動修改它,我們可以使用“比例調整”選項來實現。

 

對於矩形,這些選項是相同的,只是添加了一個允許將角落變圓的選項。

「決定後調整角度」允許我們改變圓的角度,當比例不完美時,這種變化更加明顯。

  • 多邊形

多邊形允許您創建具有不同頂點數量的圖形,因為首先我們默認有正方形和圓形,但多邊形是允許我們更改頂點數量以形成三角形、五邊形等的選項。另一個重要功能是 “拐角圓度”,正如其名稱所示,它使角落變圓。

我們可以使用圖形工具做什麼?

 

借助這些圖形和正確的顏色組合,我們可以以簡化的方式、平面的風格重新創建任何結構、人物、風景,例如顏色或物體部分中舉例的內容。我們需要的是自己才能擁有和發展的創造力;你必須練習提高基本形狀的組合和變換。

第一個是 GIF,可以更廣泛地觀察臉部的構造;而在第二個中,我遮蓋了所有的臉孔,以表明每個角色都重複了這個過程。

我們還可以創造各種身體。以下的三個例子是由純圓形和帶有圓角邊緣的矩形組成的,但請記住,這不僅限於圓形,透過其他圖形,我們可以產生無數的身體結構。


► 圖層

• 適合底層

 

我們在圖層選項中找到這個功能,它就是最左邊的即時圖示。非常有用,因為它提供了一種應用顏色的非破壞性方法,因此您可以修改特定部分而不損壞其餘部分,但當然,為此您必須將所有內容按層分開。

它的功能是創建一個假切口,也就是說,在其上繪製的內容僅相對於其所引用的圖層(下層)上繪製的內容的限制可見。如果刪除剪輯,所做的所有內容都會變得可見,您也可以對同一圖層套用多個剪輯圖層。

  • 區塊透明像素

我們在圖層選項中找到這個功能,它是一個帶有小鎖的方形圖示。

它與前一種類似,不同之處在於這是一種破壞性方法。使用此功能,不會建立新圖層,但在同一圖層上啟動時,您只能在有顏色的像素上繪製,透明像素將完全忽略。

  • 圖層資料夾

這個功能將幫助我們在層之間建立秩序,Flat的一個特點是,它透過為每個物件創建一個來修改來產生很多層,最終層數太多,很難找到我們想要的,但是如果我們將一些內容放入一個資料夾中(透過點擊並按住並將其拖向資料夾),我們將保持訂單。

 

範例:將房屋的所有圖層放入一個資料夾中,將景觀放入另一個資料夾中。


► 轉變

變換減少/增加選擇的大小或更改其位置。若要使用此功能,必須先選擇要修改的部分,然後按“Ctrl + T”鍵或存取以下路徑:編輯>變換>縮放/旋轉。

 

如果我們訪問工具屬性窗口,我們可以找到各種選項,讓我們可以更改模式、更改旋轉中心、保留原始圖像、比例、旋轉角度、調整位置和插值方法。

另一方面,自由變換允許您更改物件的視角,以便將其與一般視角結合起來,可以透過按鍵「Ctrl + T」來存取它,稍後我們將在物件中右鍵單擊這樣,就會出現一個選單,我們可以在其中找到選項“自由變換”,另一種方法是訪問以下路徑:編輯>變換>自由變換,或在變換工具,將模式更改為“自由變換”。*


► 網格

網格是一種工具,可以讓我們更精確地繪製幾何圖形,有了它我們可以更好地了解比例。網格位於:視圖 > 網格。

要編輯網格特徵,我們必須存取以下路徑:視圖 > 標尺/網格設定。在此視窗中,您可以變更正方形的大小和標尺/網格的原點。


► 插畫:燈塔

有了上面解釋的知識,我們就可以創造出看起來更複雜的平面插圖。在這幅插圖中,我首先繪製了我對燈塔的想法的草圖,為此我尋找了啟發我的參考資料。然後,使用連續曲線和網格我製作了最終的藝術線條。

使用我們可以在以下路徑中找到的調色板工具“混合顏色”:視窗>混合顏色,在其中放置您將在插圖中使用的顏色。有了它,可以完全手動混合顏色以產生新顏色,就像在傳統模擬媒體中所做的那樣。

 

注意: 在開始時,我將條目留在了提示“如何創建調色板” 中,我在其中處理此調色板和稍後將使用的“顏色滑塊”

下一步,在線條下方建立多個圖層,借助連續曲線、折線、矩形、圓形和套索填充子工具,添加線條顏色後面的形狀;同時線稿層的不透明度降低。

 

用顏色定義形狀後,使用兩個功能之一“適合底層”“鎖定像素”來添加陰影;我還根據物體的形狀用幾何圖形形成陰影,主要是圓形、橢圓形和矩形。

在GIF中你可以看到整個過程和使用的所有工具,它們是:圖形、變換、網格和G畫筆。

最終結果如下。


► 紋理

作為最後一點,我們將討論紋理。為了更好地完成我們的插圖,我們可以在完成後為其添加紋理;這樣做非常簡單。為此,我們需要一個紋理畫筆,我們可以透過從 CLIP STUDIO ASSETS 下載它們來取得它們。在這種類型的插圖中,通常使用顆粒狀畫筆,就像我在下面留下的那樣:

 

 

第二步,我們在要繪製的上方創建一個圖層,其顏色可以比要添加紋理的物件淺或深。一個可以幫助我們更輕鬆地選擇顏色的工具是:「顏色滑桿」。我們可以透過以下路徑存取此功能:「視窗」>「顏色滑桿」。

 

透過此工具,您可以提取從色輪中選擇的顏色的亮度和飽和度。第一個顏色圖示對應於原色,第二個顏色圖示對應於次要顏色,第三個顏色圖示對應於透明度(如果使用,它充當橡皮擦)。要使用它,我們將選擇一種顏色,然後移動滑桿以獲得它的不同飽和度和亮度。現在剩下的就是畫畫了。

如果我們花時間在單獨的圖層上完成插圖中的每件事,那麼添加紋理會更容易,因為我們可以在上面創建一個圖層並將其調整到下面的圖層或區塊像素,這將允許我們不會超出物體的範圍,避免弄髒其餘部分,然後進行修正。 GIF 顯示了紋理處理流程。

 

 

作為最終結果,我們有這個插圖,您可以根據需要添加更多細節,但這取決於每個人的品味。

注意: 我們也可以使用任何類型的畫筆來提供紋理。我們不必簡單地使用填充的圖形來為插圖添加顏色,就像我的燈塔一樣。下圖是僅用蛋彩畫筆創作的沙漠夜景。

告別

我希望您在本教程中看到的內容符合您的喜好並且對您有所幫助。好吧,沒什麼好說的,感謝您來到這裡! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ

 

振動高!!!下次再見(•⌄•ू) ✧

留言

最新

最新官方