如何使用 UV 貼圖製作書架

2,276

LizStaley

LizStaley

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

 

在我的上一篇文章中,我談到了 3D Primitives 的新功能,我們可以使用它來製作基本的 3D 對象,以在我們的圖像中進行參考。除了能夠使用圖元構建簡單對像外,我們還可以使用新的 UV 貼圖設置來應用紋理、顏色或為我們的圖元添加細節以使它們看起來更複雜。在本文中,我將向您展示如何使用 UV 貼圖將簡單的立方體圖元變成書架。

 

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

導出 UV 貼圖

創建書架

應用 UV 貼圖

 

讓我們開始吧!

 

導出 UV 貼圖

我們將很快開始創建我們的 UV 貼圖,所以如果您不了解使用 3D 基元的基礎知識,請查看我之前關於該主題的文章! https://tips.clip-studio.com/en-us/articles/5938

 

我創建了一個立方體,在 Y 軸上有 5 個分區,在 X 和 Z 軸上有 1 個分區。然後我調整了立方體的大小,使它看起來更像我將要創建的 5 層書架。下面是修改後的立方體,我將在本教程中為其創建 UV 貼圖。

 

一旦確定了分區和形狀,就可以導出我們將用來創建項目外觀的 UV 貼圖了。

 

什麼是 UV 貼圖? UV 貼圖是 3D 模型的扁平化版本,由 CSP 創建。然後我們可以使用這個扁平的“未包裝”版本並對其進行編輯。一旦我們將更改後的 UV 貼圖應用回對象,我們添加到貼圖中的任何內容都將顯示在 3D 形狀上。在這種情況下,我們將使用 3D 形狀上的分區作為書架的“架子”,我們將在這些架子上創建書籍和其他對象的外觀。

 

但首先我們需要導出我們的 UV 貼圖,這很容易做到!首先確保選擇了要為其導出地圖的對象。然後在“工具屬性”窗口中找到“導出”按鈕,如下圖所示,其周圍有一個紅色矩形。

 

如果找不到此按鈕,您可能需要在此窗口中找到“顏色”選項,然後單擊它旁邊的小“+”圖標將其展開並查看此選項。

 

單擊導出後,系統將提示您保存文件。選擇保存文件的位置並命名,然後單擊保存。我決定給我的“書架地圖”命名,這樣我以後會知道它是什麼。

 

單擊保存後,UV 貼圖將保存在您選擇的位置。在 Clip Studio Paint 中打開這個新文件(將是一個 .PNG)。你可以在下面看到我的紫外線貼圖!

這些地圖不是用完整的對像比例製作的,所以我需要弄清楚哪個區域有 5 個分區來創建書架。畢竟,我們不希望它們出現在我的 3D 對象的瘦邊上!

 

為了弄清楚這張地圖上哪一邊是哪一邊,我拿了一個明亮的顏色和一個鋼筆工具,快速地在兩個區域上畫了出來。這將使我們能夠確定平面地圖上的哪張臉。

 

保存地圖並返回到您的 3D 對象文件。選擇對像後,單擊“導出地圖”按鈕下方的“文件”按鈕,如下所示。

選擇您的地圖文件並單擊打開以將文件應用到對象。

偉大的!現在我知道我需要在 UV 貼圖的底部中心部分創建我的“架子”,在那裡我製作了紅色的大 X 形狀!現在讓我們回到 UV 貼圖文件並創建我們的書架外觀。

創建書架

現在我們知道在哪裡創建貨架,是時候回到 UV 貼圖文件並創建設計了。使用矩形選框工具,製作一個略小於基於 3D 形狀上的分區的分區之一的矩形。這將是書架的內部,它周圍的空間是書架的材料。

在新的柵格圖層上,為架子的內部填充顏色。我使用了灰藍色。我們可以稍後更改此顏色,但我們需要繪製貨架的內部,以便我們可以在正確的位置添加我們的項目圖紙。

 

為每個架子復制這個矩形。在架子內層上方創建另一個新的柵格層。我們將使用這一層來創建貨架的內容。

 

這些書架可以裝滿任何東西,但當然,因為它是一個書架,所以我要把書放在我的 UV 貼圖上!我要使用的書刷是由一位很棒的創作者製作的,他在網上“TheStarfishFace”。您可以在他們的網站上購買他們的畫筆:https://thestarfishface.com/products/thestarfishface-props-and-environments-brushes

 

在我的新空白圖層上,我使用 StarfishFace 的書刷畫了一條直線。我把書做得比書架更大更長,這樣我就可以調整它們的大小,並從畫筆的隨機圖案中選擇我想要使用的書設計部分。

 

排好書後,我將書架內側形狀之外的書擦掉。現在看起來這是一個裝滿書的架子!

對你所有的架子繼續這個。您還可以繪製其他物品,例如相框、植物、雕塑或您的角色在貨架上的任何其他物品。為您的項目個性化它!我添加了一些小型盆栽植物(CSP 用戶 AKIRA_HAYAMA 內容 ID 1769304)和一個相框(CSP 用戶おかかおにぎり 內容 ID 1855006)以提供一點視覺趣味。

完成貨架的內容後,我們現在可以為物品添加顏色。為此,我將貨架內容的各個層合併為一層,然後將該層設置為乘法混合模式。然後,我使用畫筆工具將一些基本顏色添加到架子內容下方的圖層中。

請記住,這可以像您希望的那樣簡單或詳細!這實際上只是作為參考,因為圖元是 3D 的,但“貨架內容”的這張地圖只是 2D 的,所以除了直視之外,它不會從任何角度看起來都是正確的。但是,如果您想幫助保持背景元素的一致性,您可以將其製作得非常詳細,以幫助將所有元素保持在正確的位置。當您完成最終作品時,您只需在更改場景中的攝像機角度時校正透視!

 

最後,我決定在書架的其他部分添加木質紋理。 CSP 材料庫中包含一些可愛的木質紋理。我在這篇文章中使用了 Wood Grain_White。

 

要添加紋理,從材質庫拖放到畫布,然後根據需要排列和調整紋理大小。在下面的屏幕截圖中,我將紋理僅應用於 UV 貼圖文件中非黑色的區域。但是,這一步不是必需的,因為一旦將此地圖應用回我們的 Cube CSP,無論如何都只會顯示地圖內的區域。

將 UV 貼圖另存為 .PNG 文件。現在是時候查看我們的地圖了!

應用 UV 貼圖

保存完成的設計後,讓我們回到畫布上,其中包含我們的 3D Primitive。確保在繼續之前選擇要應用 UV 貼圖的形狀。

 

在工具屬性窗口中,單擊地圖標題下的文件按鈕。此按鈕在下面的屏幕截圖中以紅色標出。

 

從您的文件中選擇您的 UV 貼圖,然後單擊“打開”。

CSP 現在將獲取我們的 UV 貼圖並將其應用於 3D 形狀。

瞧!現在我們可以旋轉物體或相機,並為我們的家具提供參考,以保持一致。

通過應用 UV 貼圖並結合 3D Primitives,您可以製作自定義作品以供您的工作參考。如果您正在製作漫畫並且再次使用相同的位置,或者如果您需要參考非常具體的內容並且無法找到或製作更複雜的 3D 對象,這將特別有用。

結論

結合 3D Primitives 和 UV Maps,您可以構建簡單的 3D 參考對像以在您的工作中使用。我希望這篇文章能給您一些靈感,幫助您加快工作流程!

 

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

留言

最新

最新官方