嗨！我是 Mana！

 

讓我們來談談變形功能，它們是什麼、在哪裡以及一些可能的用途。這些是我使用它們的方式，你不必完全照做，這只是給你一個它們如何運作的概覽。

 

影片在這裡：

 

上方的圖片是本主題的小預覽。

• 我如何使用變形功能修正完成的插畫。

• 扭曲動畫

• 使用水平翻轉和垂直翻轉來更快地繪圖和製作動畫

• 製作紋理

還有更多～ (◕‿◕✿)

 

我將使用 Clip Studio Paint Pro，這與 Ex 版本完全相同。

變形功能：什麼 | 在哪裡 | 如何

• 什麼是變形功能？

變形功能是 CSP 編輯區塊的一部分。無論你擁有哪個圖層或選取的圖像，它都會使用你偏好的功能來移動和／或變形你的選取範圍。不同的變形功能有「縮放／旋轉」、單獨的「縮放」和單獨的「旋轉」、「自由變形」、「傾斜」、「扭曲」、「透視」、「水平翻轉」、「垂直翻轉」，最後是「網格變形」。

 

• 在哪裡可以看到這些？

你可以在 [編輯] > [變形] > 中看到這些變形功能的類型。

 

或者你可以點擊畫布上方的圖示；這是「縮放／旋轉變形」的快捷鍵，但當你查看側邊的 [工具屬性] > [模式] 時，其他變形功能也在那裡。

• 如何使用變形功能？

你可以透過兩種方式使用它。

 

首先；選擇你的圖層，然後到 [編輯] > [變形] > 例如，我們選擇 [縮放／旋轉]。現在整個圖像都可以進行變形了。

第二種方式是使用你的選取工具，例如，用套索工具選取一個區域，然後到 [編輯] > [變形] > [縮放／旋轉]。這樣只有那個部分可以進行變形。

變形功能：設定 | 歷史 | 邊界框

好的！既然我們已經解決了「是什麼」、「在哪裡」和「如何」；現在讓我們來談談使變形功能成為編輯工具的「設定」、「歷史」和「邊界框」。

 

• 變形設定

一旦你選擇了變形功能，側邊的工具屬性將會變成變形設定。

 

1. 模式；你可以在這裡找到不同的縮放、旋轉和透視變形。

2. 水平翻轉和垂直翻轉。

3. 插值方法；你可以選擇變形結果是平滑還是銳利。

4. 確認更改或取消。

 

你可以在這裡更改變形功能，更改圖像插值，或者基本上只是在這裡進行任何圖像編輯，而無需透過上方的「編輯」標籤。

• 歷史

你的歷史面板將會變更為你選擇的特定變形功能。你使用該變形功能對圖像進行的每一次變形或編輯都將記錄在該歷史面板中。

 

一旦你點擊「確定」或在鍵盤上按下 Enter 鍵，該變形功能的歷史記錄就會消失。

 

• 邊界框

當你選擇了變形功能後，圖像現在可以進行變形了——無論是整個圖層還是僅僅是圖像選取範圍，你都會得到一個邊界框。

 

邊界框就像一個變形框；無論你選取範圍的形狀如何，你都會得到一個邊界框。

 

它有八個控制點，你可以點擊並拖曳來變形你的圖像選取範圍。

 

 

現在我們已經涵蓋了這些部分，接下來讓我們看看不同的變形功能

 

縮放／旋轉 | 縮放 | 旋轉

這三個功能不言自明。你可以使用這些功能進行縮放和旋轉。

 

• 請記住，你可以使用側邊的 [變形設定] 來更改縮放和旋轉的值。

• 但使用邊界框的控制點更理想且更易於管理。

讓我們先來看「縮放」

 

• 抓取邊界框的一個控制點會將你的滑鼠變成一個直線的雙向箭頭；然後點擊並拖曳以調整圖像大小。

• 如果你想在保持原始形狀的同時進行縮放，請在變形設定中取消選取「保持長寬比」。

• 如果你想自由縮放，請在變形設定中取消選取「保持長寬比」。

• 即使「保持長寬比」未被勾選；按住 [SHIFT] 仍會保持原始形狀或長寬比。

• 按住 ALT 並拖曳控制點，它會根據錨點的位置進行放大或縮小。

• 如果你的「保持長寬比」未被勾選，並且你想在保持原始形狀的同時進行縮放，請按住 ALT + Shift，或者勾選「保持長寬比」然後按住 ALT 並進行放大或縮小。

現在讓我們來看「旋轉」

 

• 將滑鼠移出邊界框，你會看到一個彎曲的箭頭，你可以點擊並拖曳它來旋轉你的圖像選取範圍。

• 按住 Shift 並以 45 度角旋轉。

• 你可以更改旋轉中心或錨點來改變旋轉的中心。

• 例如，將錨點移動到左上角。

• 如果我們旋轉它，它會從那個點開始旋轉，因為那個點成為它的關節或旋轉中心。

無論你是在縮放還是旋轉模式下，按住 CTRL 並抓取其中一個控制點，你都可以自由變形圖像。

 

 

🌟 我在哪裡使用這些？

 

我主要出於兩個原因使用這些功能：一是調整草圖，二是調整最終圖像。

 

• 用於草圖

我在繪製草圖時使用「縮放／旋轉」進行調整。與其重新繪製一個我尺寸搞砸的東西，我只是使用「縮放／旋轉」來調整大小和修正錯誤——這為我節省了時間和精力！

 

• 用於完成的插畫

有時我會用這些功能來調整完成插畫的某些部分。我在繪製草圖和線稿時看不出任何錯誤，因為我部分失明——我只是過了一段時間才注意到它們。

 

這裡的問題是身體太小了。

 

1. 因此，我會使用 [套索] 選取工具選取我想要調整大小的部分，然後點擊 [縮放／旋轉]，調整我想要更改的區域，然後點擊「確定」。

 

*你可以 [剪下並貼上] 選取範圍，然後再 [縮放／旋轉]，這樣你就可以更自由地變形，而不用擔心影響到其他區域。

 

2. 有時候我需要重新上色某些部分，而不是一直拉伸——因為那會破壞很多像素。

 

所以，在你的角色下方建立一個新的點陣圖層或按下 CTRL Shift N，然後在那裡繪圖。

*你可以點擊 [保持透明像素] 這樣你就可以自由上色。

 

這是修改前 [左] 和修改後 [右]。

我製作這個範例的 GIF 版本在這裡：

扭曲

嚴格來說，我們應該先講自由變形，但我們稍後再討論。

 

扭曲，顧名思義，這種變形透過點擊和拖曳其中一個控制點來扭曲圖像。

 

• 變形嚴格限制在參考線或邊界框內。

意思是：你不能自由變形。拖曳或拉伸控制點必須嚴格在邊界框的線內。

 

• 如果你在移動控制點時按住 CTRL，你可以縮放選取範圍。如果你想在保持原始形狀或長寬比的同時進行縮放，請按 CTRL + SHIFT。

 

🌟 我在哪裡使用扭曲？！

 

我通常將它與透視結合使用，所以我們在那裡談論它！

 

傾斜

傾斜變形會根據參考線或邊界框的對齊方式移動選取範圍。

 

• 這種變形不僅移動所選的控制點，還會抓住並移動參考線內的其​​他控制點。

• 主要思想是變形會看起來傾斜或歪斜。

 

🌟 我在哪裡使用傾斜？

 

我在進行動畫扭曲時使用這個功能。

這只是一個摘要；不是完整的教學——那可能是一個單獨的主題。

 

1. 準備好你的場景。

2. 插入動畫；檔案 > 匯入 > 建立檔案物件 > 取得你的動畫剪輯檔案。

3. 建立一個與匯入動畫的 FPS 相符的新時間軸。

4. 在 [操作] 工具 > [物件] 子工具 > [工具屬性] > 中找到 [模式]。將模式更改為 [傾斜]，然後使用邊界框的控制點扭曲你的動畫。

此部分的 GIF 版本如下，你可以看到我是如何變形它的。

透視

透視變形允許你變形或移動選取範圍的另一側，並將其拖曳到另一側。

 

• 要使用此變形功能，只需抓取一個控制點，它會自動將對面的控制點朝另一個方向移動，從而創建一個類似透視的圖像。

 

🌟我在哪裡使用透視？

 

我通常將其與扭曲結合使用，如果我想保持所有物體尺寸均勻，這會為我創造一種更扭曲的感覺。

 

我用它來扭曲動畫 CLIP 檔案。

• 這與傾斜的步驟相同！

 

1. 準備你的場景或只是創建一個新畫布。

2. 匯入 CLIP 動畫；[檔案] > [匯入] > [建立檔案物件]

3. 建立一個與 CLIP 動畫 FPS 相符的新時間軸。

4. 要扭曲動畫；確保你處於 [操作] 工具 > [物件] 子工具 > [工具屬性] > 中找到 [模式]

5. 然後使用扭曲和透視變形動畫。

6. 點擊時間軸面板上的播放按鈕。它仍然會移動。

 

自由變形

現在我們回到這裡。

 

這是我最常用的變形功能，因為在自由變形中，你可以在這裡做所有事情。

你可以縮放、旋轉、扭曲、傾斜、製作透視，你甚至可以水平翻轉和垂直翻轉。

 

🌟 我在哪裡使用自由變形？

我通常將這些用於兩件事：投影和特定動畫扭曲。

 

• 製作投影

 

1. 取得你已完成的繪圖；角色和背景分開。

2. 複製角色圖層。

3. 點擊「底部」角色圖層。點擊 [保持透明像素]。

4. 隱藏上方複製圖層。

用陰影顏色（如果你想，可以是灰色）為底部角色圖層上色。

現在我們可以取消隱藏上方複製圖層。

 

5. 現在到 [編輯] > [變形] > [自由變形]，或者點擊畫布上方的 [縮放／旋轉] 圖示 > 在側邊的 [變形設定] 中 > 尋找 [模式] > 將其更改為 [自由變形]。

6. 然後將頂部中間的控制點拖曳到地面。如果需要，調整下方的控制點。

7. 進行一些清理。擦除腳部一些重疊的區域。

如果陰影太銳利，可以使用高斯模糊。

 

8. 完成！

------------------------------------------------------ 

• 特定動畫扭曲

這與扭曲、傾斜和透視的範例步驟完全相同。

 

1. 準備好你的場景。

2. 在 [檔案] > [匯入] > [建立檔案物件] 中匯入動畫檔案。

3. 確保你的時間軸與動畫的 FPS 相符。

4. 在 [操作] 工具 > [物件] 子工具 > [工具屬性] > 中找到 [模式] > 將其更改為 [自由變形] 以變形你的動畫檔案。

 

自由變形比我上面提到的三種變形功能更靈活。

 

我這裡所做的是，使用一個火焰動畫，我複製了它並將其中一些變大，一些變小。基本上只是隨機化它，使其看起來不完全相同

如果你想看這個範例的摘要，請查看文章頂部的影片。

如果你想知道我是如何製作火焰的，請點擊這裡：

 

最終動畫看起來像這樣：

水平翻轉 | 垂直翻轉

這兩個功能不言自明。

 

水平翻轉，顧名思義就是水平翻轉或左右翻轉。

垂直翻轉，顧名思義就是垂直翻轉或上下翻轉圖像。

 

• 在 [變形設定] 中；你不會在 [模式] 中找到這些；它們是上方的兩個圖示。

[顯示螢幕截圖]

• 你可以更改旋轉中心或錨點來改變翻轉中心。

 

🌟 我在哪裡使用這兩個功能？

 

我主要用這兩個功能來製作眼睛的副本。一個用於繪圖，一個用於眨眼動畫。

 

• 水平翻轉 | 繪圖

我在複製眼睛以用於正面或筆直的姿勢時使用這個功能。另一隻眼睛是相同的，所以我只需

 

1. 取得 [選取工具] > 例如 [套索] > 選取眼睛。

2. CTRL C [複製] 然後 CTRL V [貼上]。

3. 然後我只需到 [編輯] > [變形] > [水平翻轉]，或者點擊畫布上的 [縮放／旋轉] 快捷鍵 > 在變形設定中尋找 [模式] > [水平翻轉]。

4. 然後將複製的水平眼睛移動到另一隻眼睛的位置。

 

------------------------------------------------------------------ 

• 垂直翻轉 | 動畫準備

我使用垂直翻轉來為我的眼睛動畫製作「閉眼／眨眼」。

這為我節省了時間，我不需要繪製或製作單獨的閉眼幀，我只需這樣做。

 

1. 我複製／複製我的睜眼圖層。

2. 取得 [選取工具] > [套索] > 選取那隻眼睛的眼瞼部分。

3. CTRL X [剪下] 然後 CTRL V [貼上]。

這會自動將選取範圍移動到一個新的點陣圖層。

4. 然後我只需到 [編輯] > [變形] > [垂直翻轉]，或者點擊畫布上的 [縮放／旋轉] 快捷鍵 > 在變形設定中尋找 [模式] > [垂直翻轉]。

5. 然後我只需調整垂直翻轉的副本以創建眼瞼。有時我甚至會擦除，只是為了清理一些彎曲的邊緣或一些白點。

 

這樣就完成了！我現在有一個可以用於我的動畫的閉眼了。

當我製作那個動畫時，它看起來真的很像一個閉眼。

網格變形

這是最後一個變形功能。

 

你無法在變形設定中的「模式」中看到它。

它直接位於 [編輯] > [變形] > [網格變形] 中。

 

• 你仍然會在側邊這裡找到專屬於網格變形的變形設定。

• 你可以更改插值以及水平和垂直的網格點數量。

• 網格變形讓你能夠使用這些網格點來變形圖像。只需點擊並拖曳一個點，該部分就會扭曲，而不會影響其他網格點。

 

🌟 我在哪裡使用網格變形？

 

我主要用它來為衣服添加紋理。

 

1. 取得你的角色繪圖檔案。

2. 打開你的 [素材面板] > 取得你的紋理 > 點擊並拖曳到畫布上。

3. 確保它被裁剪到應該有紋理的部分。

 

4. 現在查看你的 [工具屬性] > [圖像設定編輯]。

根據你想要的數量更改縮放比例。

數量越小，紋理就越小。

5. 當你對紋理大小滿意時，前往紋理圖層 > 右鍵點擊 > 點陣化。

6. 我只是清理這部分，因為棋盤格紋理只用於褲子的另一半。

更改該紋理的混合模式以符合繪圖。

[色彩增值] 或 [線性加深] 最適合灰階紋理。

7. 現在我們進行變形。前往 [編輯] > [變形] > [網格變形]。

8. 在 [變形設定] 中，根據你的偏好增加網格點的數量。網格點越多，可處理的細節區域就越多。

9. 然後根據物體的形狀開始移動網格點，在這裡是腿部的大腿和小腿。

 

「大腿區域」有點肉，所以讓網格點呈現凸起或斜坡狀。

「小腿」很細，所以讓網格點彼此靠近。

10. 完成後點擊「確定」或在鍵盤上按下 ENTER 鍵。

這個 GIF 過程就在下方：

不過它有點大。

…..

好的！就這樣！這就是 Clip Studio Paint 中所有的變形功能以及我主要使用它們的地方。但我主要的使用方式是將它們混合使用。我非常喜歡將自由變形與透視混合使用，這讓我的作品增色不少！

 

請自己試試看吧！

找到那些能讓你的工作更有效率的功能！

 

 

---------------- 

*編輯：

• 更新了影片 | 更新了預覽圖片

• 更新了縮放／旋轉的範例 2 - 更清楚地解釋了它。

• 移除了損壞的圖片。

• 更清楚地解釋了一些內容。