使用透視尺創建復古 3D 徽標

1,735

LizStaley

LizStaley

你好!我的名字是 Liz Staley,我是 Clip Studio Paint 的長期用戶(當它被稱為 Manga Studio 4 時,我開始使用該程序!)。我是 Manga Studio 5 程序和 Clip Studio Paint 的 beta 測試人員,我寫了三本書和幾個關於該程序的視頻課程。事實上,你們中的許多人可能從那些書中知道我的名字。我每週都會在 Graphixly.com 和 CSP Tips 上發表帖子,所以請務必每週回來向我學習更多 Clip Studio 提示和技巧!

 

有大量關於 CSP 透視尺的教程(這可能是 Clip Studio 中我最喜歡的功能!),但其中大部分都展示瞭如何繪製建築物和城市景觀。但是透視尺可以幫助的不僅僅是背景和環境。在本文中,我們將結合文本功能、透視尺以及繪圖和繪畫來創建具有 3D 和復古外觀的徽標。

 

在本文中,我們將介紹以下主題:

製作標誌文字

創造視角

 

讓我們潛入水中!

 

製作標誌文字

要開始這個項目,我首先需要找到一種具有我想要的文本外觀的字體。我知道我想創建一個“復古”徽標,因此,在確定了我的徽標的單詞(出於本教程的目的,它來自一個隨機單詞生成器)之後,我前往我最喜歡的免費字體網站。在下載了一些我認為可能適用於文本的候選字體後,我將字體安裝到我的電腦上,然後進入 Clip Studio Paint。

 

如果您不確定如何安裝字體,您可以在互聯網上搜索您的操作系統的說明。每一個都是不同的,所以我不可能在本文中涵蓋每個操作系統的說明。

 

在 Clip Studio Paint 中創建一個新畫布,然後使用文本工具將您想要轉換為 3D 徽標的文字添加到畫布中。我從一個隨機詞生成器中得到了“動態氣泡”這個詞,並認為它們是一個可愛的假名字,所以我將在這個例子中使用它。

 

突出顯示單詞,然後在“工具屬性”窗口中,找到“字體”下拉菜單。在這裡,我們可以將字體更改為我們計算機上安裝的設計之一。

 

默認情況下,字體列表以該字體的樣式顯示每種字體的名稱。找到您喜歡的字體並選擇它以將突出顯示的單詞更改為該字體。

我喜歡我的文字使用這種字體,但我對字母和線條之間的一些比例和間距不滿意。但沒關係,我們可以解決所有這些問題!

 

在文本工具的工具屬性窗口的右下角,單擊看起來像小扳手的圖標。這將打開子工具詳細信息窗口,其中顯示當前子工具的所有選項。 (默認情況下,工具屬性窗口只顯示最常用的選項)

 

在子工具詳細信息窗口的左側,單擊行間距/對齊類別。然後找到行距滑塊。此滑塊允許通過單擊並拖動滑塊或使用滑塊右側的向上和向下箭頭來增加或減少所選文本行之間的間距。

 

我縮小了兩行文本之間的空間,以使單詞更靠近。

 

我還注意到,在這種字體中,一些字母是相互接觸的,而另一些字母之間有很大的空間(主要是“Bubble”中的“bb”),所以我也想通過讓字母靠得更近來解決這個問題。

 

要更改字母之間的間距,請單擊子工具詳細信息窗口左側的字體類別,然後找到字符間距滑塊。這與我們剛才使用的行空間滑塊的工作方式相同。在下面的示例中,我將所有字符的間距拉近了。

 

然而,我仍然對所有的間距不滿意。通過僅突出顯示特定字符,您可以限製字符間距滑塊以僅調整這些字符。例如,在下面的屏幕截圖中,我突出顯示了“Bu”並調整了間距以使它們再次分開一點。

在調整了一些其他字母之間的間距之後,這就是我最終的“標誌”。

現在我們有了文本,我們可以讓它們看起來像是 3D 的!

創造視角

現在讓我們開始製作 3D 效果。在開始之前,我複制了原始文本圖層並隱藏了原始圖層。我將使用複製圖層,保留原件以防萬一發生某些事情而我需要回到原件。

 

在以下屏幕截圖中,“圖層”調板顯示了複製圖層下方的原始文本圖層。原始文本層被隱藏。我還光柵化了複製層,但這是可選的。

 

將文本設置為您想要的大小,並將其放置在您想要的畫布上。我想讓 3D 效果從底部向左上升,所以我將文本放置在畫布的左上角。

 

現在我們需要設置一個透視尺。這個子工具可以在標尺工具下找到。我們將使用透視尺幫助我們繪製 3D 字母的線條。檢查以確保“工具屬性”窗口中的“處理”下拉菜單設置為“添加消失點”。然後在您想要從中繪製指南的一封信中選擇一個位置。單擊該位置並拖動以創建指南。在下面的屏幕截圖中,我選擇了“c”末尾的點作為我的第一個指南,因為它是我的文本中最右側的點。

 

要獲得消失點,我們需要至少再添加一個指南。我選擇了“B”左側的一個點,然後單擊並拖動以創建一條與第一條線相交的線。交點是我們透視尺的消失點。

一旦佈置了兩個參考線並創建了一個消失點,Clip Studio Paint 也將創建一條水平線和一條垂直線作為透視標尺的一部分。這些線在此標尺工具的其他應用程序中非常方便,但我們今天不會擔心它們。您可以在下面的屏幕截圖中看到添加的地平線。

如果你想讓所有的線都匯聚到遠處的一個奇異點,你現在可以開始畫線回到消失點。但是,我希望徽標只返回一點然後停止,因此需要做更多的準備。

 

首先,我在單詞的關鍵點上放了幾個指南,這樣我就可以確保在下一步中一切都保持一致。我們將使用幾個不同的圖層,因此檢查並確保透視標尺設置為“在所有圖層中顯示”總是有幫助的。這可以通過使層成為活動層上的標尺,然後單擊“層”面板中的“設置標尺範圍”圖標,然後單擊“在所有層中顯示”來完成。

 

接下來,製作文本圖層的第二個副本。我們將使用它作為字母“背面”的參考(也就是離觀察者最遠的邊緣)。如果你的文本由所有直線組成,你可以省略這一步,但由於我的字體有很多曲線,我想確保我能保持字母看起來正確。

 

現在,使用參考線和縮放/旋轉功能,移動文本的副本,使其更接近標尺的消失點。您將需要更改文本副本的比例,以便副本上的點與標尺上相同點的參考線相匹配。在下面的屏幕截圖中,請注意副本(酒紅色)已按比例縮小並移動,以使其適合標尺指南,所有這些都觸及原始圖層和副本圖層上的相同位置。

 

接下來,在文本的頂部和底部副本之間創建一個圖層。這是我們將在其上繪製透視線的層。

使用您選擇的繪圖工具,開始為您的字母邊緣繪製線條。我發現最簡單的方法是先從底部的單詞開始,這樣我就不會感到困惑,因為頂部字母的線條不會出現在底部字母覆蓋它們的地方。

在此步驟中要徹底,確保檢查您可能遺漏的任何邊緣。例如,在下面的屏幕截圖中,B 的右上邊緣丟失了,這是我直到這個創作的著色階段才發現的錯誤!但這沒關係,我只是回到線條層並在我注意到它時添加它。

字母的圓形邊緣是通過增加我的繪圖工具上的穩定性來完成的,然後在復制層上仔細追踪字母的邊緣以填充每條透視線之間的空間。

 

線條完成後,我隱藏了複製文本圖層。然後,使用其他圖層,我為 3D 徽標添加了顏色和陰影。為了最後的“復古”外觀,我使用了 CSP User puddingness 的 Retro Tone 來添加輕微的紋理並獲得舊印刷品的外觀。 (您可以在這裡獲得相同的語氣:https://assets.clip-studio.com/en-us/detail?id=1926070)

我們的“復古 3D 標誌”就完成了!

結論

當您想到 CSP 透視標尺時,您可能會想到這不是正常的事情,但我希望如果不是這樣,那麼這已經向您展示了使用這個非常強大的工具的不同方式。只需一點計劃和獨創性,您就可以使用透視尺創造各種事物!

 

有關 CLIP Studio Paint 的更多信息,請訪問 https://www.clipstudio.net/enhttps://graphixly.com

 

留言

最新

最新官方