大家好！我是 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 版本如下，因此您可以看到我是如何轉換它的。

看法

透視變換功能可讓您變換或移動所選內容的另一側，並將其拖曳到另一側。

 

• 要使用此變換功能，只需抓住一個手柄，它就會自動將另一側的手柄移向另一個方向，從而創建類似透視的圖像。

 

🌟 我在哪裡使用透視？

 

我通常將它與扭曲效果結合使用，如果我想保持所有元素的比例大小，這會營造出更扭曲的氛圍。

 

我用它來扭曲動畫剪輯檔案。

• 這與傾斜效果的步驟相同！

 

1. 取得場景或新畫布

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

3. 建立一個與剪輯動畫的幀率相符的新時間軸

4. 若要扭曲動畫；請確保使用[操作]工具 > 在[物件]子工具下 > 在[工具屬性] > 中尋找[模式]

5. 然後使用扭曲和透視效果對動畫進行變形

6. 點選時間軸標籤上的播放按鈕。它仍然會移動

自由變換

現在我們回到這裡。

 

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

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

 

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

我通常用它們來做兩件事：陰影和特定的動畫變形。

 

• 製作陰影

 

1. 準備好已經完成的畫作；將角色和背景分開

2. 複製角色圖層

3. 點選底部角色圖層。點選[保留透明像素]

4. 隱藏頂部重複項

為底部角色圖層新增陰影顏色（如果需要，可以使用灰色）。

現在我們可以取消隱藏頂部重複項了。

 

5. 現在前往[編輯] > [變換] > [自由變換]，或點擊畫布上方的[縮放/旋轉]圖示 > 在側面的[變換設定]中 > 找到[模式] > 將其更改為[自由變換]

6. 只需將頂部中間的手柄拖曳到地面即可。如有必要，請調整底部的手柄。

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

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

 

8. 完成！

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

• 具體的動畫變形

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

 

1. 準備好場景。

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

3. 確保時間軸與動畫的幀率相符。

4. 使用[操作]工具 > [物件]子工具 > 在[工具屬性] > 找到[模式] > 將其變更為[自由變換]來變換動畫檔案。

 

自由變換比我上面提到的三種變換功能更有彈性。

 

我在這裡使用的是ONE FIRE動畫，我複製了它，並將其中一些放大，一些縮小。基本上就是隨機調整，這樣看起來就不會完全相同。

如果您想查看此範例的摘要，請查看文章頂部的影片。

如果您想了解我是如何生火的，請點擊此處：

最終的動畫如下所示：

水平翻轉 | 垂直翻轉

這兩個功能不言自明。

 

水平翻轉，字面意思是水平或左右翻轉。

 

垂直翻轉，垂直或上下翻轉影像。

 

• 在[變換設定]中；你不會在[模式]中找到這兩個圖示；它們位於上方。

[顯示螢幕截圖]

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

 

🌟 我在哪裡用這兩個工具？

 

我主要用這兩個工具來製作眼睛的複製品。一個用來繪畫，一個用來製作眨眼動畫。

 

• 水平翻轉 | 繪畫

我用它來複製眼睛，用於正視前方或正視前方的姿勢。另一隻眼睛也是一樣，所以我只需

 

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 - 解釋得更清楚。

• 刪除損壞的圖片

• 更清晰地解釋一些內容