平面設計插畫-復古風格

1,118

llorrai_ne

嘗試這種風格的想法

我打算用這個主題來畫一些我想嘗試很長時間的東西：一幅帶有很多細節的單點透視室內圖。我以前從來沒有做過這樣的事情，我想利用這個機會來挑戰一下自己。

以下是我正在嘗試的其他一些想法，它們對於這樣的插圖應該非常有效：

正交對象（你可以在網上找到一個網格並將其用作指導）
單字插畫（無背景）

-外觀設計（透視但正字法也可以）

設置透視網格

在 CSP 中設置透視網格的最簡單方法是通過頂部欄中的“圖層菜單”添加它：轉到“圖層”-“標尺/框架”-“創建透視標尺...”，如圖所示下圖。

應該會彈出這樣的窗口：

現在我需要一點網格。此外，我保持選中“創建新層”- 框，因為我不喜歡在網格層上繪製。

您的畫布現在應該看起來像這樣（我使用的是 2000x2000px 畫布）：

默認情況下，網格將出現在畫布的中間，消失點也位於中間。穿過該點的藍線是水平線。

如果您對網格的放置不滿意，您可以選擇對象工具（如下所示）並單擊網格的線條。將出現小手柄，您可以使用它們根據自己的喜好調整網格。

一旦添加了透視網格，線條就會在繪製時自動捕捉到它。你可以通過隱藏你的網格層來關閉它，這就是我不在這個層上繪製的原因。或者，您可以通過轉到頂部欄中的“查看”並禁用“對齊特殊標尺”來關閉它。如果旁邊沒有復選標記，您應該可以在畫布上自由繪製。

如果您更喜歡關閉捕捉（但保持網格層可見），添加更多指南可能是個好主意。如果您選擇透視標尺並轉到工具屬性，您將找到處理菜單。當您選擇“添加指南”（如下所示）時，您可以添加自動跟隨您的消失點的指南。您可以通過單擊並拖動來添加它們。

如果由於某種原因這不起作用，您可以手動繪製一些準則並在執行此操作時保持對齊。

我將暫時保持捕捉狀態，這將使我的素描過程更快更容易。

佈置基礎對象

我想要一個簡單的自上而下的內部，所以我從一個矩形作為地板開始，四條線沿著消失點從每個角落向外延伸。將新線與另一個矩形連接起來，並在其周圍繪製另一個更大的矩形，我們就有了一個房間：

現在我們把這個房間裡所有我們想要的更大的東西都擋掉了，一扇窗戶，一扇門，一些基本的家具——還沒有什麼需要詳細說明的，我不會把它做得非常整潔。

這一步是為這個房間找到一個好的佈局。

使對象適合網格

這一步乍一看可能有點複雜，但由於我們已經知道物體的基本尺寸，所以這實際上並不難，我會盡力解釋這個過程。

我們將從一個簡單的對像開始，比如窗口：

我們已經有了形狀和基本透視圖。

由於我們從窗戶往下看，我們可以看到牆內嵌的下部和至少一側。

您可以按照下圖所示的這些步驟操作。

我們首先添加窗台（第 1 步）。這是我們直接俯視的表面，因此它不受透視的影響——對於所有此類表面，我們只使用水平線和垂直線。

我們通過按照透視網格將外角連接到窗口的上部來完成插圖（步驟 2）。

從我們的角度來看，我們看不到窗口的上部插圖，這意味著您基本上已經完成了。

我知道一開始聽起來很複雜，但練習得越多就越容易。

現在您可以按照相同的三到四個步驟添加一些細節：

1. 用簡單的線條畫出細節（步驟3）

2.畫出可以直接俯視的表面（步驟4）

3. 將新角連接到上面擋住視線的線（第 5 步）

4. 擦除不必要的線條（但要記住你看到的和你沒有看到的）

當然這不是最乾淨的結果，但它應該作為一個例子。

清理掉一些剩餘的或相交的線後，它應該看起來像這樣：

扶手椅會有點困難（窗前的大塊）。請記住，我要在此插圖中獲得一點復古感，椅子的“第一視角阻擋”稍後需要進行一些調整。

以下是我如何解決將椅子安裝到網格中的問題：

我從椅背開始，首先是最上面的表面，然後向下拖動前面的線條 (1)。我繪製了連接到這兩條線 (2) 的兩個扶手的上表面。對於座椅，我畫了從扶手內角向下的透視線，並用水平直線 (3) 將它們連接起來。扶手的外角通向椅子 (4) 的下端。

我在下圖中標記了朝上的表面，所以沒有混淆，指向連接。

請記住，通過此步驟，您已經可以添加一些對實際草圖有幫助的細節。請注意，不要一開始就在您的繪圖中添加過多細節，否則在某些時候可能很難跟踪。定期縮小並檢查可能會有所幫助。

在此過程中，我對我的第一個透視圖進行了一些更改，但過程保持不變。

以下是一些可能有用的提示：

如果可以幫助您跟踪所有線條，請不要害怕使用多層
不要害怕使用很多（凌亂的）線，你以後總是可以擦掉它們
如果你想測量房間內的距離，你應該使用地板平面來這樣做 - 它是這個房間裡唯一沒有被透視扭曲的單位
首先從房間開始，向房間添加細節，然後再移動到家具

這是我清理之前草圖的樣子：

添加細節

小東西不需要完全適合網格。例如牆上的框架可以彎曲，我還會添加一些堆疊的書籍和窗簾。

小細節有助於打破整潔合身設計的單調感。

當然，您也可以自由地使用透視網格來處理這些小細節。就個人而言，我喜歡混合寫意和透視。

一些像木板這樣的三維物體可能會彎曲，所以我只是按照我認為合適的方式添加它們，然後將配件自由設置到網格中。像書架這樣的物體，我確實想要適應網格，所以我會在不同的圖層上為它們畫一些指導方針：

這也是調整被遮擋的家具的好時機。對於扶手椅，我只是將一些邊緣弄圓，同時記住哪些表面朝上。

當我對內部感到滿意時，我會再次清理草圖 - 我不想忘記我在做什麼。

添加字符

當我第一次描繪最終插圖時，我沒有想到其中的人物，否則我會在這個過程的早期添加它們。但是現在，我認為角色在這方面會做得很好，我會通過使用 3D 工具拖放您喜歡的角色和姿勢來使這變得容易得多（當然，您也可以使用此工具來追踪家具或佈景整個房間）。

這就是 3D 材質欄的樣子。默認情況下，所有預裝的項目、角色和姿勢都應存儲在 3D 選項卡中。

確保你的角色適合你的環境，你的相機位置適合你的觀點。選擇 3D 對像後，它的頂部會彈出各種圖標，您可以使用它們來操縱相機的位置、旋轉和距離。

有點像這樣：

這是我的最終草圖：

如果您以後不想畫出很多實際輪廓，請隨意使您的草圖更詳細。說到哪個..

線條藝術

一旦您對草圖感到滿意，就可以繼續進行線稿了。

在我這樣做之前，我將所有圖層移動到一個文件夾中，選擇它並調整我的草圖大小以更好地適應畫布。單擊下面顯示的圖標，您的對象周圍應該會出現一個帶有手柄的框架。單擊並拖動每個角的手柄以調整草圖的大小。

現在畫出你喜歡的線條，如果你的草圖和我的一樣不太詳細，可以添加一些細節。

我真正喜歡這種類型的插圖的是，你的輪廓的執行並不重要。你的筆觸可以是筆直而自信的，也可以是搖擺不定的，粗的或細的——它會很好地發揮作用。

您可以使用任何您喜歡的風格或嘗試一些新的東西。

對於平面彩色插圖，您不一定需要輪廓，跳過它們並直接著色（或稍後刪除輪廓）可以產生非常酷的結果。

如果你真的想畫輪廓，最好把它們畫得乾淨利落。

在我的大部分畫作中，我幾乎不清理我的草圖，只是在其中大部分上畫，但使用平面彩色插圖效果不佳。

修復一些未完成的部分並填充線條中的一些孔可以使您的著色過程變得更加容易！（不過祝你好運找到所有漏洞......）

焦點

這個看名字應該就清楚了，但是重點是插圖的重點。這是您希望觀眾看到的地方。

它可能是您想要突出顯示的某個方面，或者對於較大的插圖，它可能是景觀的特定部分或正在播放的場景。

這裡有一些非常簡單的方法來引導觀眾的眼睛：

指向它（基本上或字面上）
框架它

這是我更改要突出顯示的角色後面的窗口的部分原因。垂直的窗口大括號指向我的主角，因為我調整了窗口的大小，它有點像一個框架。有不同類型的構圖將框架作為其設置中的主要元素。

對比突出

從理論上講，這可能意味著各種對比、細節、顏色或照明等。

當然，對於平面彩色插圖，我們不能只使用戲劇性的陰影來突出我們的主要元素，因為我想要一個相當單色和細節的外觀來適應復古風格，我的選擇有點有限。

我們將在確定顏色後處理這個問題。

選擇你的顏色

如果您對選擇調色板沒有信心，可以嘗試一些有用的技巧：

技巧 1：選擇您想要使用的三種基色。其中之一將成為您的強烈色彩（不要使用太多）

您可以在下面的示例中看到我是如何開始使用顏色、調整和混合它們的。

技巧 2：網上有很多免費使用的調色板，我認為它們非常適合讓您了解哪些顏色可以搭配得很好。

在這個例子中我使用了我自己的調色板之一，但原理是一樣的。

技巧 2.1：有很多在線工具可以用來生成調色板，可以從照片中隨機生成，也可以使用部分輸入生成調色板。這些工具是您調色板的一個很好的起點，或者只是讓您了解哪種顏色心情可能適合您的插圖。

以下是我創建的一些調色板，我認為它們適合我的插圖：

技巧 3：使用您喜歡的顏色，不管它們是否搭配得很好，然後再進行調整。如果您是初學者，我認為調整顏色最簡單的方法是添加一個新圖層，用您喜歡的顏色填充它，更改圖層模式（“顏色”或“色調”效果很好）並調整不透明度。

我試著想像一下：

正如您在上面的示例中看到的，我選擇了襯衫顏色來進行調整。它會將您使用的所有顏色拉近您使用的顏色，這將使顏色更加協調。但是請記住，根據您使用的顏色，此方法會使您的顏色靜音。

如果您想要強烈的色調或飽和度對比，您可能希望更謹慎地使用此方法。

染色

因為我想要在我的插圖中呈現復古的外觀和一點陰鬱的氣氛，所以我將使用泥土色和柔和的顏色來紀念 70 年代。

至於我使用的方法有點混合了上面的一些方法。

我從一個中間色調紫羅蘭色的單一彩色層開始，在此之上我添加了實際的著色層，但我將不透明度降低到 70%，這樣紫羅蘭色就會透出一點。這與技巧3密切相關。

我決定使用我在技巧 2“70 年代自動售貨機”中展示的調色板。正如標題所示，我的靈感來自 1970 年代的這款調色板，因此它已經符合主題。

我在中間添加了一些隨機顏色以使字符可識別 (OC)，我混合了一些顏色，但大多數情況下我堅持使用調色板，沒有重大變化。

我還認為調整亮度有助於將注意力吸引到您選擇的焦點。

我們當然可以通過添加陰影來實現這一點，但是“小插圖”會很好地工作並將繪圖中不太重要的部分推到背景中。

首先添加一個新層。使用您選擇的深色和軟刷在這些區域上塗抹，稍微塗抹周圍的顏色，直到它光滑為止。擦除隱藏構圖重要部分的部分（使用軟橡皮擦）

最後，將圖層模式調整為“亮度”。這樣，您的原始顏色只會在亮度上受到新圖層的影響，而不會影響色相或飽和度。如果需要調整圖層不透明度。

著色技巧

水桶工具：

如果你的線稿是乾淨的，你可以復制線稿層並用桶工具填充空白區域
如果你的線條不干淨你仍然可以使用桶工具，你只需要先畫出你想要著色的形狀的輪廓

默認情況下，桶應該只更改您當前選擇的層，如果它不能確保您的子工具設置為“僅參考編輯層”。

當您使用桶工具時，請確保選中“僅應用於連接的像素”框，否則您將重新著色該顏色的所有區域。為此，也只能使用工具欄中的桶工具。您文件欄中的那個將填滿您的整個圖層。

選擇工具：

如果您決定不在插圖中使用線條，選擇工具可能是在著色過程中節省一些時間的好方法

-當然，如果你的作品中有線稿，它也是一個很好的工具

您可以通過單擊和拖動使用不同的默認形狀。對於更複雜的形狀，您可以使用“套索”或“折線”工具。通常選擇工具的圖標代表您上次使用的子工具。

你的插圖是黑白的嗎？

這是檢查您的焦點是否吸引了您想要的注意力的好方法。看到你的黑白插圖可以讓你專注於你的構圖，而不會被顏色分心。

有一種簡單的方法可以實現這一點，而無需通過濾鏡或色調校正永久調整顏色：

添加一個新層並將其填充為黑色或白色，確保該層位於所有其他層之上。現在將圖層模式設置為“顏色”並完成。

當您想在著色時定期檢查構圖時，這個技巧會派上用場，因為您可以簡單地打開和關閉圖層。

給線稿上色

我喜歡給我的藝術線條上色，但這更多的是個人喜好，而不是風格上的選擇。這將使您的插圖看起來更柔和，因此請記住這一點。

以下是我為這幅插圖考慮的線稿著色的一些變體：

單色線稿（可能是你調色板中的一種顏色，較深的顏色通常效果最好，因為線稿效果不會丟失）

-線條比周圍的物體暗一點（線條感覺更柔和）

與物體周圍的顏色相同（無線稿效果）。這可能不適用於所有藝術品，如果您決定使用此方法，乾淨的線稿是一個加分項。根據細節的程度，您可能必須進入並在某些地方（如面部）重新著色線稿。

沒有線稿。這看起來非常酷，但如果您決定在稍後的某個時間點刪除線條，則可能需要進行一些清理。

-黑色線稿（這也是一種選擇）

為藝術線條著色的最簡單方法是“鎖定透明像素”

當您為圖層啟用此選項時，您將只能在已經繪製的像素上繪製 - 線條圖層意味著只能在線條區域上繪製。如果你用一把大刷子一次把所有東西都刷一遍，重新上色可能只需要幾秒鐘。

我決定為我的藝術線條使用深色但飽和的紫羅蘭色 - 它反映了我的底色

最後調整

我已經想到了一些事情來完成這個插圖：

模糊線稿
一些最終的顏色調整

-色差

-噪音效果

讓我們從模糊的線稿開始。複製你的線條圖層，選擇較低的圖層去“濾鏡”-“模糊”-“高斯模糊”（確保“鎖定透明像素再次關閉”）。

應該彈出一個像上面看到的窗口。強度 5 對我們的目的來說沒問題，畢竟我們不想失去線稿，只是讓它看起來更柔和一點）。當您對模糊感到滿意時，單擊確定。

您可能無法立即看到效果，所以這是特寫效果：

請記住，為此我有兩個線稿層都可見。

這是帶有模糊輪廓的整個插圖的樣子。這不是一個非常突出的效果，但它會結合噪聲濾波器和色差來增加複古感。

說到色差，一些繪圖工具有濾鏡，據我所知CSP沒有，但模仿這個效果並不難。

這次我們再次開始復制線條圖層兩次，確保不要使用模糊的圖層。

兩個新的線稿層將需要一些色調校正，轉到“編輯”-“色調校正”-“色彩平衡”。

將彈出一個窗口，您可以在其中調整圖層的顏色。其中之一應該進行如下調整：

另一個應該有這樣的調整：

你現在應該有這三個藝術線條層：

您需要將兩個顏色校正的圖層模式（紅色和藍色）更改為“屏幕”。

現在在上面的工具欄之一中選擇“縮放/旋轉”。

將兩層中的一層稍微向左和向上移動，另一層稍微向右和向下移動。你明白我在這個特寫鏡頭中的意思：

如您所見，我試圖保持原始線稿和顏色校正後的線稿接觸，同時我將兩個新圖層的不透明度降低到 25%。

對於此插圖中的最終顏色調整，我將添加一個新層並使用預安裝的漸變填充它。

當您點擊漸變工具時，子工具欄會為您提供多種預裝的配色方案供您選擇。

我選擇了“正午的天空”——白色到藍色。

您可以通過單擊並沿您希望漸變遵循的方向拖動來添加漸變。在這種情況下，我向上拖動。

之後，我將圖層模式設置為顏色加深並調整不透明度，直到變化更加細微。

現在讓我們最後添加噪聲過濾器。

這一步是要模仿真正的複古圖像素材的畫質，它是複古風格插圖的重要過濾器。

添加一個新層。轉到頂部欄中的“過濾器”並選擇“渲染”-“柏林噪聲...”

將彈出一個這樣的窗口，您可以在其中調整生成的噪聲過濾器的細節。

你看我上面的調整，我試圖讓它看起來像白噪聲但更小。當您單擊“確定”時，您的新層應該看起來像這樣：

將不透明度降低到 20% 並將圖層模式設置為疊加，您的插圖現在應該有輕微的噪音效果。

但由於插圖在較大的一側，我們將添加另一層並重複該過程，只是這次將 perlin 噪聲彈出窗口的“比例”滑塊設置為 5.00。

再次為圖層模式選擇“疊加”並將不透明度調整為 10%。

這是最終效果的特寫，因此您可以在這篇文章中實際看到它：

我們完成了！

謝謝你陪我到最後。

我希望你發現這很有幫助並學到了新東西：3

快樂創造！

對此投稿按「讚！」的用戶