平面設計原則介紹

平面設計是一種設計風格，它使用簡約、簡單的元素，而不是試圖看起來是三維的。它通常與擬物化風格形成對比，擬物化風格通過高度逼真和錯綜複雜的細節圖像給人以 3D 幻覺。

 

平面設計的特點是簡單、鮮明的對比色和二維插圖。

 

這種風格的座右銘應該是：“少即是多”

 

這種設計風格的獨特之處在於極簡主義的方法——當你設計平面風格的藝術作品時，你不必太擔心在哪裡放置高光或過於復雜的眩光和陰影。

 

此外，為了保持極簡主義的外觀，您需要避免在作品中添加過多的細節。

 

聽起來沒有挑戰性？

 

好吧，儘管這種風格包含簡單的 2D 外觀，但我要警告您：儘管這聽起來像是一項容易的任務，但問題在於細節。

 

或者在我們的例子中：魔鬼在於缺乏細節:)

 

想一想 - 如何將您的數字繪畫渲染成漂亮的藝術品？

 

那麼，你的秘密藝術技巧可能是：

• 添加有光澤的高光和深沉、有意義的陰影

-繪圖細節

 

到你的作文。

 

這些肯定會使您的插圖更討觀眾喜歡。

 

但是，如果您被禁止（或受到嚴格限制）使用這些技巧來創作出色的藝術品怎麼辦？

 

還有其他可以使用的工具嗎？

使平面設計流行的技巧

你好！

我是 Eliza，我是一名插畫家和美術老師，曾在全球範圍內教授超過 30,000 名學生如何輕鬆地繪畫。

 

在下面的技巧文章中，我將向您解釋扁平化設計的原則和我最喜歡的關於如何使您的扁平化插圖更加出色的技巧。

 

您不必成為 Clip Studio Paint 專家也能學習本教程。我特意將“技術”方面保持得非常簡單，因此即使您以前從未打開過 Clip Studio Paint 也能理解它。

 

這是一個絕對適合初學者的教程，所以真的沒有什麼好害怕的，我可以保證如果你按照我的一步一步的指導，你很快就能畫出壯觀的平面設計！

 

如果你想更多地了解我（並了解我的第一條藝術建議），請觀看下面的視頻，否則讓我們開始學習我的絕密平面設計繪圖技巧！

技巧 #1 - 將基本形狀變成剪影

所有的視覺對像都可以被分解成形狀。您可以通過將簡單的形狀（如三角形、圓形和方形）組合在一起來構建整個繪圖。

 

三種基本形狀是：

• 正方形

-三角形

• 圓圈

 

當你計劃你的插圖時，想想你想在讀者中喚起什麼樣的情緒和情感，並相應地選擇你的形式。

 

正方形代表穩定性和可靠性，圓形代表幸福和愉悅，而三角形代表威脅和不穩定（因此你會看到許多反派角色都是用三角形設計的）。

 

現在，當您使用基本形狀構建繪圖時，您可能想嘗試改變形狀的形式。例如，如果你有一個圓形，你可以將你的常規圓形更改為橢圓形/蛋形/淚珠形等。

 

不要害怕擺弄形狀。根據需要擠壓、拉動、推動它們，在繪圖過程的這個階段發揮創造力和實驗性。

 

我發現對於類似故事書的插圖來說，有機/不規則形狀很適合。

 

 

 

 

從這三種基本形狀中，您可以構建任何您想要的對象。下面我創建了一些冬季假期主題草圖。

 

我用三角形做樹，用圓圈做雪人，用正方形做禮盒。

 

如果仔細檢查它，您可能會注意到，即使是基本形狀的一點點變化也會在對像上產生完全不同的最終結果：

 

 

這是另一個例子，說明我如何簡單地使用三種基本形狀來創建這個雪人：

 

 

花點時間好好研究你的繪圖參考並將它們分解成三種基本形狀，就像我對這隻兔子所做的那樣：

 

頭部可以是一個基本的圓形，身體和耳朵可以是長方形（正方形）。

 

現在，您將可以更輕鬆地繪製這隻兔子，只需了解這隻兔子是如何僅使用這些基本形狀構建而成的。

 

現在您了解了基本形狀，讓我們嘗試使用這些形狀構建輪廓。

 

你的剪影應該是可識別的，就像這裡一樣 - 通過看圖片你可以猜出這是一個長頭髮的女孩/女人。

您始終可以使用液化子工具來修正輪廓。它可以幫助您更改輪廓特定部分的形狀和大小。

 

液化子工具有不同的模式。您可以從“工具特性”選項板中選擇一種液化模式。

 

這些是我最喜歡的液化模式，下面是我如何使用它們：

 

• 推：如果我想改變髮絲的流動/位置，我可以輕鬆地將它們推向所需的方向。它可以在您筆劃的匹配方向上扭曲您的圖像。

 

• 擴展：如果您角色的頭髮有點太平，您可以使用擴展模式增加體積。如果您使用擴展模式，它將增加圖像所選部分的大小。

 

• TWIRL：適合在頭髮上製造捲曲和波浪。它會產生旋轉運動。

 

下面您可以看到我如何使用各種模式改變髮絲的形狀：

 

（額外的節省時間的技巧）

使用三種基本形狀創建簡單的抽象背景

 

如果你趕時間，沒有太多時間來創造一個好看的背景，那麼何不畫一些抽象的形狀作為背景呢。以下是如何在不付出太多努力的情況下快速創建背景：

 

假設您要為一片秋葉創建背景。

 

你需要做的就是去【圖】>連續曲線

 

然後使用[填充]工具（油漆桶）用顏色填充背景形狀

您可以組合背景形狀以使構圖更有趣，但正如您所見，一個獨立的形狀可以用作強大的抽象背景：

技巧 #2 - 具有有機外觀的動態構圖

精心策劃的構圖是成功的關鍵。要創建動態構圖，我建議您從繪製剪影開始。

 

請記住以下提示：

 

A) 使用拱形/曲線代替平坦的直線：

 

對於像故事書一樣的平面插圖，您希望以有機外觀為目標。如果你出去在大自然中漫步，你可能會注意到自然物體（樹木、植物、雲、蝸牛殼等）傾向於彎曲、不規則的形狀，而不是嚴格的直線形式。

 

因此，為了獲得那種有機的感覺，請嘗試使用更彎曲、更流暢的線條，而不是用尺子測量的扁平線條。

 

如果你仔細觀察，你會發現我在這幅畫中幾乎沒有使用任何直線。我把她的姿勢拱了一點，讓視覺上更有趣，她的頭髮飄逸，就連她手裡的植物莖都有點拱起：

B) 將觀眾的眼睛引導到構圖的焦點：

 

我把兔子放在構圖的中心，因為我想讓兔子成為我畫中最重要的對象。

 

我在兔子角色周圍畫了一些尖尖的葉子，以引導觀眾將注意力更多地集中在兔子身上。我用半圓藍色背景關閉了構圖。

C) 引導線：

這幅畫有一條斜線意趣，從右上角開始，由降臨的貓頭鷹延續，少女飄逸的秀發輕柔地引導著觀者的視線。

 

於是女孩的頭髮向畫角飄去，但就在觀者的視線離開畫作之前，我將女孩的頭髮向後卷，指向焦點。

技巧 #3 - 用大膽的顏色形成對比

在平面設計中，必須使用大膽、充滿活力的顏色來形成對比。

 

精心挑選的調色板可以為原本沉悶乏味的藝術品帶來生機。

 

您可以使用我在下面通過左側這個兔子插圖示例列出的色彩和諧原則來創建對比度。或者，你可以簡單地通過將明暗結合到你的照片中來創造對比，就像我對右邊這個女巫所做的那樣。

對於這個憤怒的兔子插圖，我從一個溫暖的秋天調色板開始（左圖），橙色背景與紫色非常相配，所有顏色都很和諧，總體而言，它可以作為一本很好的故事書插圖。

 

好的。 ，但如果我想讓它的顏色更加大膽和鮮豔怎麼辦？

 

我稍微改變了顏色，你可以看到它產生了兩個更加大膽和多彩的插圖（中間和右側的圖片）。

 

在中間的圖片中，我保留了葉子的原始顏色，但我改變了背景，而在右側的圖片中，我做了相反的事情，我改變了樹葉的顏色，同時保持背景不變。

 

那麼為什麼以及如何改變顏色呢？

 

平面插圖風格與對比色很相配，因此您應該考慮使用互補色、複合色或三色。

 

如果您不熟悉色彩和諧，這裡有一點解釋：

• 免費顏色：

色輪相對側的兩種顏色。它們可以產生可愛的色彩對比，但使用起來有點棘手。

• 複合色：

與互補色類似，它們可以形成可愛的對比，但這裡有一種顏色與色輪上彼此非常接近的兩種顏色相對立

• 三元色：

三種顏色均勻分佈在色輪周圍，使用起來有點棘手

 

雖然互補色和三元色使用起來有點棘手，但複合色更容易使用，但仍然可以產生強烈的色彩對比。

 

複合色有點類似於補色，因此也被稱為分裂補色。

 

如何應用複合色：

 

對於這幅兔子畫，我最初決定使用橙色背景。所以我打開色輪，尋找橙色在戒指上的位置——然後我檢查了戒指另一側的顏色。

 

如您所見，對面是藍色。所以我在這裡做的是搜索這種藍色的 2-3 種相鄰色調，並用它們來繪製樹葉：

因此，既然我們討論瞭如何選擇調色板以使顏色統一，讓我與您分享我對如何將好看的顏色應用於任何平面插圖的額外見解：

 

A) 使用 Color Set 調色板使您的著色過程更高效：

要顯示 [顏色集] 調色板，請選擇 [窗口] 菜單 > [顏色集]

 

在這裡你可以找到許多顏色集可供選擇，我最喜歡平面設計項目的是亮色調集。

 

您可以通過單擊左上角的漢堡包圖標來訪問它，選擇 [切換顏色集] > 選擇所需的顏色集：

您也可以製作自己的顏色集。在這裡，我根據我用於這幅畫的顏色創建了一個 Flat Color 調色板。

 

您可以通過單擊左上角的漢堡包圖標來訪問它，選擇 [編輯顏色集] > 創建新顏色集 > 命名您的設置 > 保存

 

我通過使用 [滴管] 工具單擊我的畫將所需的顏色添加到集合中：

 

 

B) 使用混色：

這是 Clip Studio Paint 中一個非常方便的功能，您可以混合自己的顏色。

如果它是隱藏的，您可以通過窗口菜單訪問它 --> 顏色混合

 

在這裡可以大膽嘗試，如你所見，我為這個項目嘗試了很多不同的色調：

B) 改變色調/飽和度/亮度：

如果您不喜歡這個結果，您可以更改色調/飽和度或亮度的屬性來查看不同的結果。

您可以通過以下方式進行：編輯 --> 色調校正 --> 色調/飽和度/亮度

 

技巧 #4 - 紋理

適度地使用紋理，但在這里和那裡仍然有一點紋理可以為您的平面插圖添加一種誘人的“自製”氛圍。

 

我最喜歡添加一點手繪效果的畫筆是 Gouache 和 Dry Gouache 畫筆，您可以在以下位置找到它們：

畫筆 --> 厚漆 --> 水粉/乾水粉

下面我打開關閉了這幅植物畫的紋理層。您可以看到添加一點點紋理如何產生很大的不同：

創建紋理時，您有更多選項可供選擇：

 

• 在新圖層上繪製：

 

為此，我在我的顏色層上方創建一個新層，打開[剪輯到下面的層]，這樣我就不會在我的繪圖之外著色，並將這個新層設置為[正常]混合模式或[多重]混合模式。

 

如果您想在繪畫中添加較暗的顏色（即陰影），則乘法模式是一個有用的選項。

 

• 在與顏色層相同的層上繪製：

如果要在與顏色圖層相同的圖層上繪製紋理，請務必打開[鎖定透明像素]，這樣您將無法在繪圖之外進行繪製。

技巧 #5 通過發布扁平化設計來擴大你的粉絲群

我發現扁平化風格非常流行，通過在社交媒體帳戶上分享扁平化設計，您可以快速獲得新的關注者。因此，如果您想發展任何社交媒體帳戶，您可能需要考慮選擇一個主題並圍繞該給定主題創建一系列平面設計。

 

在這裡，我選擇了“魔法少女”的主題，從繪畫過程中我可以創作：

• Youtube 短褲

• Instagram / Facebook 故事

• Instagram 捲軸

 

 

Clip Studio Pant 有一個非常有用的功能，叫做延時攝影。

 

Timelapse 允許您將您的畫布記錄為延時攝影，並在線分享您的創作過程！我特別喜歡延時錄製功能的一點是，如果我不在我的畫布上工作，它會暫停，而當我再次開始繪圖時，它會自動繼續錄製。

 

您可以在打開新文檔時訪問延時功能（滴答記錄延時）或在現有文檔中轉到文件 --> 延時 --> 記錄延時

當您完成繪圖過程並想要導出延時攝影時，請轉到文件 --> 延時攝影 --> 導出延時攝影

 

這將打開一個窗口，您可以在其中選擇各種導出選項，例如延時視頻的長度、大小、是否要在延時視頻上顯示或隱藏 Clip Studio Paint 徽標以及延時視頻的縱橫比。

 

不同的社交媒體平台需要不同的縱橫比，僅舉幾例：

Instagram 帖子 - 1:1

Instagram 故事，捲軸 - 9:16

Facebook 故事 - 9:16

抖音 - 9:16

 

 

 

 

然後單擊 [保存]，因為它會將其保存到您的相機膠卷中。

 

或者您可以單擊 [分享] 按鈕直接分享到您的各種社交媒體網站。

 

作為我最後的建議：不要忘記在您的帖子中使用主題標籤，因為主題標籤可以幫助您的帖子被更多人看到。

 

我收集了一些有用且相關的 Instagram gashtags，您可以將它們用於平面故事書風格的設計帖子：

 

#flatdesignillustration

#flatillustration

#storybookillustration

#storybookillustrations

#flatillustrationstyle

 

 

這些是相對較小的（小眾）主題標籤，這意味著這些主題標籤上的競爭較少，因此如果您的帳戶較小，如果有人搜索您指定的主題標籤，您仍然有機會排名為“熱門帖子”。

 

免責聲明 - 平面與半平面設計原則

現在，在我結束之前，我想添加一個免責聲明。

 

如果你在網上搜索，你會發現各種關於扁平化設計的文章和資源，如果你閱讀了你找到的所有信息，你最終會很困惑什麼是扁平化設計，什麼不是。

 

有的作者說扁平化設計是禁止使用陰影的，有的作者創建了半扁平化設計這樣的子類，允許有一點紋理和陰影。

 

那麼問題來了：扁平化設計到底是什麼？

 

就我個人而言，我不喜歡刻板的定義，所以我將其定義為一種旨在通過簡單的形式和對比色來傳達信息的風格，而不會過多地依賴陰影和紋理。

 

如果您創建 UI 設計、徽標、網站等，您可能希望採用平面設計最純粹、最簡單的方式，而無需在作品中添加陰影、紋理甚至漸變。

 

但是，如果您的目標是創建故事書插圖，請不要限制自己添加一些陰影和紋理，否則您很容易得到一個無聊的設計。

 

此外，如果您正在做客戶工作，最好向客戶詢問他們對風格的確切期望。

 

當我收到佣金請求時，我總是建議我的客戶挑選 4-5 張他們喜歡的藝術風格的參考照片，這樣我就可以更清楚地了解客戶的想法。

 

好吧，這是我教程中的平面設計理論部分，現在讓我們繼續實際的平面設計插圖。

故事書式平面寒假主題插畫的設計過程

在本技巧的以下部分，我將向您展示我是如何構建這個冬季窗戶場景的。

 

這些將是步驟的順序：

1. 從三個簡單的形狀創建一些輪廓

2. 將輪廓排列成一個好的構圖

3.創建線條作品

4. 借助色輪和混色工具找到顏色

5.用底色填充線條

6.添加紋理和裝飾

 

因此，讓我們創建一個下雪的冬季假期場景：

首先，我開始在 Clip Studio Paint 中打開一個新文檔。

 

我選擇 2000 * 2000 像素大小並勾選屏幕錄製選項，因為我想創建我的插圖的延時攝影。

然後用基本的黑色筆刷開始創建輪廓。

 

您可以通過 [畫筆工具] > 厚漆 > 印度墨水找到我正在使用的畫筆

 

對於這個插圖，我主要使用三角形（樹）和正方形（禮品、窗戶）

 

為了用黑色填充形狀，我使用[填充工具]

 

在這一點上，我決定我想玩一下樹的形狀，所以我切換到 [液化] 子工具。我正在體驗不同的液化模式來塑造樹枝。您可以從“工具屬性”選項板中選擇液化模式。

 

我最喜歡的另一種改變輪廓形狀的方法是將畫筆用作橡皮擦。您可以通過將其顏色切換為“透明”來做到這一點

 

最後，我得到了一個不穩定的、不規則的樹形。

對於這幅插圖，我更喜歡不規則的形狀，它們給人一種手繪/有機/自然的感覺。所以我將繼續為我的禮品盒創建不規則形狀的正方形輪廓。

 

這就是房間內部的最終構圖：

現在我在這個剪影層的頂部為窗格創建一個新層。

 

這個階段的主要想法是我想創作一個吸引人的作品。我想把觀眾的注意力吸引到房間的內部。

 

外面又冷又下雪，但如果你透過窗戶玻璃往裡看，你會看到禮物、聖誕樹，那裡的一切都是溫暖舒適的——這與室外的霜凍截然相反。

 

因此，為此我使用窗戶作為插圖的框架，深色的窗玻璃將觀眾的視線引向舒適的房間。

 

這是我們簡單的窗口剪影：

現在，讓我們看看添加了內部輪廓後的樣子：

 

 

構圖關閉，所以我開始在樹和禮物層周圍移動，直到我覺得構圖看起來不錯。

您可以通過單擊圖層然後選擇[縮放/旋轉]來移動/縮放/旋轉任何圖層

 

最後在我找到正確的剪影排列後，我用畫筆劃了一些樹枝。

現在我們已經完成了構圖，是時候添加顏色了。

 

但首先，我勾勒出內部房間的輪廓。為此，我關閉了窗格層旁邊的眼睛圖標，這樣它就看不見了。

 

然後我將樹+禮品盒層的不透明度調低到 35-40 左右，這樣我可以更好地看到我的線條。

 

我使用我常用的畫筆（印度墨水畫筆）來創建線條，當我完成我的線條時，我關閉我的樹 + 禮品盒層的眼睛圖標，使我們的眼睛看不到該層。

 

 

所以現在一切都準備好著色了。

 

此時我應該檢查我想使用哪些顏色。

 

這個想法如下：

 

為了形成對比，我打算在房間內部使用暖色和亮色，而我想在窗玻璃上使用冷色和深色。

 

所以我打開色輪和顏色混合工具：

我想要窗玻璃的藍色 - 深灰色，所以我想根據這種藍色灰色選擇其他顏色。

 

在色彩和諧的意義上，對於這個項目，我選擇了三元色，所以對於我的藍灰色，其他顏色將是紅橙色和綠色。

 

我在我的調色板上添加了這種藍灰色。

 

遵循三元法則，我從色輪中選擇了橙色。我想讓這個橙色充滿活力和明亮，所以我將滴管移到色輪內正方形的右上角。

 

我將這種橙色添加到我的調色板上。

所以我從色輪中收集顏色（使用三元調和規則的概念），將它們放在調色板上並混合它們以創建各種色調。

 

最後我的調色板將包含這些顏色：

然後我開始在 [Fill] 工具的幫助下用顏色填寫表格。

 

如果對象的藝術線條沒有完美閉合，顏色可能會溢出並覆蓋整個畫布。為防止這種情況，您可以增加 [Close Gap] 比例的範圍，這可以在填充工具屬性中找到。

 

最後，我通過單擊圖層旁邊的眼睛圖標使窗格圖層可見。

現在我們放下了基色，讓我們繼續為圖片添加紋理。

 

我開始用水粉刷在窗玻璃上添加一點紋理。

 

您可以訪問此水粉畫筆：

[畫筆] > 厚漆 > 水粉

 

我使用顏色混合調色板中的深灰藍色作為紋理顏色。我使用吸管工具從我的調色板中拾取這個確切的顏色。

 

我在與窗玻璃輪廓相同的圖層上工作，所以我打開了[鎖定透明像素]選項。

 

 

然後我在內部房間的圖層上添加紋理。

 

正如你所看到的，我畫畫時動作鬆散，就像我用鉛筆劃出凌亂的圖畫一樣。你的紋理不需要整潔，我發現童書插圖很適合狂野和不完美的藝術風格。

 

最後，我使用用於紋理的相同水粉畫筆為我的繪畫添加了更多細節：

 

A) 我在禮盒上畫了一些絲帶和圖案

B) 我在樹上畫了一些聖誕燈飾

最後，我用乾水粉畫筆劃了一些雪，這與我用於紋理的水粉畫筆非常相似。

 

您可以訪問此乾水粉畫筆：

[畫筆] > 厚漆 > 乾水粉

 

我用圓周運動在窗玻璃上創造雪花，而雪花蓮只是簡單的圓圈。

現在我們完成了這個插圖，所以您需要做的就是導出時間流逝並在您的社交媒體帳戶上分享您的作品！

 

您可以通過以下方式導出它：

文件 > 延時攝影 > 導出延時攝影

 

在窗口中，您可以選擇延時視頻的長度、大小和縱橫比。

 

然後點擊【保存】按鈕

 

（如果您在平板電腦上工作，點擊 [分享] 按鈕，您可以直接將您的時間流逝分享到您的社交媒體帳戶）

 

所以這是完成的時間流逝：

視頻教程

這是這個聖誕場景教程的視頻版本（較短，有解釋）

這是實時繪畫過程——如果你只是想跟著我一起畫，它是未經修改、未經編輯的版本，沒有解釋：

好吧，這些就是我關於如何改進平面插圖的技巧，希望你會發現它們有用！

 

如果您喜歡本教程，請點贊、收藏、評論！ :)

 

節日快樂！

伊麗莎

如果你願意，你可以在 Instagram / Youtube 上聯繫我，或者就在這裡 :)

附言如果您對此提示有任何疑問，請隨時在評論部分提問，我很樂意提供幫助 :)