製作類似 3D 的遊戲標誌等的 10+1 提示和技巧🪄

1,269

.avi.

.avi.

影片版本:

本教學適用於已經對向量和文字圖層、遮罩、填滿選取範圍等有一定基本了解的使用者。

文字版:

你好!

 

我是.avi。我是專業遊戲插畫家,創作漫畫和網路漫畫是我的愛好。

 

由於我經常在工作中設計各種遊戲徽標,因此我想分享一些在創建徽標時要牢記的技巧,以使其令人難忘且易於閱讀,以及**實用在Clip Studio Paint 中加快工作速度的技巧。

我用作範例的徽標實際上是我的網路漫畫的徽標,但原則適用於所有類型的產品。

1.了解你的遊戲

總結遊戲或漫畫的主要功能和主題,並**選擇您可能想要包含在徽標中的元素*。

 

它有助於製作情緒板。就我而言,汽車是主要元素。我還想暗示雪山的背景,並添加一種動物來讓它活躍起來。我選擇了鴨子,因為它是最奇怪的。

 

透過塗鴉來製作一些概念。由於網路漫畫主要是一部喜劇,所以我的目標是一個活潑的卡通標誌,稍微有點古怪,隱約基於復古旅行貼紙。

2. 花點時間選擇合適的字體

我經常花一整天的時間為我製作的每個徽標尋找正確的字體。瀏覽 Dafont 等網站並下載所有吸引您眼球的內容。

 

這樣您就可以確定**您為您的商標選擇了最好的字體!


💡快速提示#1:新增字體💡

透過開啟 字體清單 並點擊 從檔案新增,您可以輕鬆地新增已下載到 CSP 中的字體,而無需安裝它們。

 

刪除字體是在 檔案 > 管理字體 中完成的(您也可以在其中新增字體)。


💡快速提示#2:字體類別💡

CSP 允許您透過點擊字體清單中的 齒輪圖示 將字體組織成類別**。

 

透過從下拉式選單中選擇類別,僅指定的字體群組顯示在字體清單中。


💡快速提示#3:滾動瀏覽字體💡

您可以透過**將遊標停留在字體選擇選單上並捲動來快速瀏覽字體清單。


3. 組合字體

如果您的徽標由兩個或多個單字組成,請不要堅持使用一種字體 - 徽標在視覺上**如果將兩種字體組合在一起會更有趣!

不僅僅是字體,嘗試將每個單字的大寫和小寫組合起來。

嘗試尋找兩種具有相似比例的字體。

 

如果不能,您可以透過切換到操作物件工具並添加粗體、斜體、更改間距使用比例轉換文字來「修復」其中一種字體和傾斜!

改變標誌每個部分的大小,以製作有趣的組合白色,保持**整個形狀盡可能緊湊。

 

主詞應該是最大的,而冠詞和介詞可以相對較小。


💡快速提示#4:轉換文字💡

使用操作工具,除了使用手柄轉換文字外,您還可以在字體選項卡> 縮放、水平子工具詳細資訊調色板中縮放文字變換設定選項卡中的垂直比例旋轉傾斜文字。


💡快速提示#5:圓形文字💡

透過勾選“子工具詳細資料”面板中同名標籤中的“圓形文字”,文字的基線將變更為“圓形”。使用手柄可以更改圓圈的大小並移動其周圍的文字。

它非常適合郵票狀徽標、硬幣或任何拱形文字:


官方文字設定教學:

4.動態形狀

除了旋轉和傾斜之外,您還可以使用各種變形工具為文字添加動態感,但首先您需要對其進行光柵化

 

因為偽影不可避免地伴隨著柵格圖層的轉換,所以我建議使用至少比計劃輸出大小大4倍的畫布大小。

 

這樣,偽影將不那麼明顯且更容易修復。

另外,保留原始文字圖層作為備份柵格化副本,在其上應用轉換。


💡快速提示#6:使用向量保持敏銳💡

如果您要使用自由變換,則可以透過製作圖層的黑色副本保持清晰度,轉到圖層>轉換圖層並在類型中選擇向量圖層。

 

這將為您提供向量輪廓,如果您將其與柵格填充圖層一起變換,它將使邊緣保持銳利**。

 

它適用於圓形氣泡字體,對於尖銳的形狀,角落可能最終會變圓。


🪄 扭曲濾鏡

濾鏡 > 扭曲中嘗試各種變形濾鏡,以實現文字的動態形狀。除了全景濾鏡之外,所有這些都可以產生有趣的結果。

🪄液化工具

您也可以使用液化工具來扭曲文本,但如果您的畫布很大,則可能需要一些時間來處理。


💡快速提示#7:平滑鋸齒狀邊緣💡

如果在使柵格圖層變形後出現鋸齒狀邊緣,您可以嘗試透過應用高斯模糊來平滑它們,其強度使您不再看到鋸齒:**

…其次是不銳化蒙版半徑增加

我建議為此過程設定一個自動操作


5.為文字添加3D感

透過在柵格文字圖層下方製作柵格副本將其縮小和/或將其到側面,您可以輕鬆地在文字下方添加陰影

透過在兩層之間繪製連接,您可以為文字提供 **3D 外觀!

🪄模糊濾鏡打造 3D 外觀

另一個有趣的選擇是使用運動、徑向和旋轉模糊濾鏡

 

在徑向和旋轉模糊中嘗試紅色中心標記的各種設定和位置。

濾鏡會給你一個透明層,但不用擔心!只需複製並合併模糊圖層幾次,直到透明部分變得不透明。

6. 邊框和浮雕

有多種方法可以為文字添加邊框以及內部和外部浮雕。

🪄 邊框效果

您可以在圖層屬性調色板中使用邊框效果

🪄選擇範圍擴大或縮小的浮雕

....或透過使用選擇:

 

1 .按住 Ctrl 鍵點選圖層圖示 以對其進行選擇。

 

2 . 按一下 選擇 > 展開縮小 選取區域並使用不同的量進行播放。

 

3在新圖層上填入修改後的**選區。


💡 快速提示 #8:自動操作 💡

設定自動操作以擴大和縮小選擇以加快工作流程!

關於自動操作的官方教學:


如果您使用此方法製作更多不同的圖層,您可以稍微移動它們以使文字具有**浮雕的 3D 感覺!

7.使用剪切層和蒙版

雖然您可以直接為文字形狀圖層著色,但我建議使用在形狀圖層上剪下的圖層或使用文字形狀蒙版製作圖層群組

 

在整個畫布上的新圖層上繪製漸變、圖案等,剪切圖層或蒙版將保持形狀

裁剪圖層官方教學:

為什麼?

 

如果客戶將名稱更改為 A Random Digger-by 會怎麼樣?

 

您將不得不重新繪製整個Driver-by文字...

 

但是,使用剪裁圖層,您只需更改剪裁所有顏色的形狀圖層,而使用蒙版組則可以更改蒙版,並且只需要進行細微調整。

8. 文本的可讀性始終是第一位的

如果你製作了一個很酷的閃亮金屬文字,但文字仍然難以辨認,那麼它就不能用作徽標...

您可以透過開啟文件的新視窗並縮小其大小來繼續檢查可讀性以及構圖


💡快速提示#9:重複視窗💡

視窗 > 畫布 > 新視窗 中開啟畫布的 重複視窗


💡保持文字可讀的技巧💡(適用於拉丁文字母)

保持顏色和形狀緊湊,漸變和紋理應**遵循文字線條。

🍊 有趣的事實#1

人們不是透過字母來閱讀,而是透過辨識單字的形狀

 

在小寫文字中,保持主線下方和上方的字母部分清晰。

🍊 有趣的事實#2

眼睛跟隨基線,這意味著**字母的下半部比上半部更重要,無論是小寫還是大寫文字。

對我們來說,這意味著即使有跳躍的字母,我們也需要將它們的**基線保持在定義的曲線上。

另外,使用漸層時,最好使底部部分更具對比性,例如深色輪廓中的文字應在底部具有較淺的漸變部分。


9. 增加額外的元素,但保持簡單

純文字徽標也可以,但添加**相關元素會將其提升到另一個水平!

 

在徽標的第一個版本中,我細節過多,我想將其包含在徽標中,最終它就像旅行貼紙一樣。

 

我不斷簡化它,直到最後只剩下汽車的輪廓,然後是鴨子和松鼠,在滿月前經過(我想每個人都得到了參考:D)。雪山被簡化成幾片簡化的雪花。滑稽的速度線和四角星星保持了古怪的氣氛。

10. 盡可能使用向量或氣球圖層和圖層效果

徽標可能需要調整甚至稍後放大。您可以透過盡可能使用向量來節省一些時間。雖然在變形後保持文字可編輯是不可能的,但您可以對其他元素使用向量。

🪄 藝術線條的向量圖層

在向量圖層上繪製藝術線:

🪄 帶填充的向量形狀的氣球工具

對於形狀,您可以使用氣球工具,它可以具有邊框和填充。我用它來塑造月亮的形狀。

關於氣球工具的官方教程,但基本上可以像您從 Inkscape 或 Illustrator 中了解到的那樣使用它(預先定義的形狀和彎曲路徑):

🪄 氣球或柵格圖層輪廓的邊框效果

同樣,您可以在圖層屬性調色板中使用邊框效果來新增元素輪廓:

11.確保標誌適用於各種背景

如果你製作了一個淺色徽標,但它最終被用在白色背景上,它就會失去影響力…

製作額外的背景層,例如純黑色、白色和灰色,以測試其上徽標的可讀性

讓您的標誌具有通用性的一個好方法是製作帶有深色輪廓的淺色文字或在木板或石頭等深色元素上製作,**反之亦然。

在我的標誌中,我在淺色部分周圍使用了青色發光,以確保它們即使在白色背景上也會發光:

結論

感謝您的閱讀,並祝您為您的作品或產品創建徽標充滿樂趣!

 

🌟 ⭐ ✨ 如果您喜歡這個技巧,如果您點個贊,我會很高興,這樣我就知道我做的事情是正確的,最後留下評論來指出我可以改進的地方:) ✨ ⭐ 🌟

留言

最新

最新官方