イラストを折り曲げる!クリスタのパペット変形の使い方!!

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

イラスト・マンガ制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)のVer.4.0が公開され、変形機能に「パペット変形」が追加されました。

今回はこのパペット変形の使い方を紹介させていただきますのでよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

困った時は:クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!

CLIP STUDIO PAINT(クリスタ)の「パペット変形」とは

クリスタのパペット変形とは、キャンバス上の絵に表示されたメッシュ上に「ピン」を設置し、その「ピン」をドラッグ移動することで絵を折り曲げたり伸ばしたりするような変形をすることができる機能です。

クリスタのパペット変形


このパペット変形を利用して完成済みのイラストの部分的な角度調整差分を編集・作成することができます。

クリスタのパペット変形による調整


また、少しずつ変化する絵を繋げるアニメーションのセル画制作にも利用できますね◎

クリスタのパペット変形でアニメーション制作
ポイント

「パペット変形」はVer.4.0からの機能になります。

Ver.3以下のダウンロード・パッケージ版クリスタ(無期限版)をご使用の方は「アップデートプラン」の契約か、「優待バージョンアップ」を購入してVer.4.0にバージョンアップする必要があります。

【クリスタ】アップデートプランの契約方法を紹介します!!

クリスタを無期限Ver.2・3・4に!優待バージョンアップ購入方法!

CLIP STUDIO PAINT(クリスタ)「パペット変形」の使い方!

クリスタで「パペット変形」が使えるレイヤーを準備しよう!

クリスタの「パペット変形」が使えるのはラスターレイヤー選択範囲レイヤーです。

クリスタの選択範囲レイヤーとラスタレイヤー


それ以外のレイヤーでパペット変形を使用したい場合は「ラスタライズ」でラスターレイヤーに変換させましょう。

ラスタライズは変換させたいレイヤーを選択している状態で
CLIP STUDIO PAINT画面上部から「レイヤー」→「ラスタライズ」と選択することで実行できます。

クリスタ:ラスタライズ


また、パペット変形は対応レイヤーであれば複数選択している状態でも利用可能です。

※複数選択されたレイヤーの中に対応外のレイヤーがある場合は対応レイヤーのみに変形が適用されます。

クリスタのパペット変形(複数レイヤー)

必要であれば選択範囲を作成しよう!

クリスタのパペット変形はキャンバス上に選択範囲を作成している状態で実行するとその範囲だけにパペット変形を適用させることができます。

クリスタのパペット変形(選択範囲あり)
MEMO

上の画像のように選択範囲を作成してパペット変形を実行する場合、選択範囲内にある描画部分だけが変形可能範囲になります。


参考記事

クリスタ4つの「選択範囲」作成方法とその機能!!


部分的にパペット変形を使用したい場合はその部分に選択範囲を作成しましょう。

ただし、変形の仕方によっては選択範囲外にある絵と切り離されてしまう場合がありますので注意しましょう。

クリスタのパペット変形(選択範囲)失敗例

クリスタの編集メニューから「パペット変形」を選択しよう!

レイヤーの用意ができましたら、変形させたいレイヤーを選択した状態で
CLIP STUDIO PAINT画面上部「編集」→「変形」→「パペット変形」と選択しましょう。

クリスタ「パペット変形」


パペット変形が編集状態になりますと対象の絵が三角形のメッシュで覆われた状態になり、この部分が変形可能範囲となります。

クリスタ「パペット変形」のメッシュ


ここから設定・変形を行っていきます。

MEMO

背景まで結合されている絵の場合はキャンバス全体にメッシュが表示されてしまいます。

クリスタのパペット変形(背景含む)

クリスタ「パペット変形」の基本操作

メッシュ上に「ピン」を設置する

パペット変形を実行し、キャンバス上の絵にメッシュが表示された状態でそのメッシュ上をタッチすると「ピン」を設置することができます。

クリスタのパペット変形でピンを設置


このピンは複数設置可能です。

クリスタのパペット変形でピンを複数設置
ポイント

新規作成したピン、もしくは選択状態のピンは赤色で、それ以外のピンはグレーで表示されます。

「ピン」の移動で変形

設置したピンをタッチして選択状態にし、中央の円をドラッグしますと絵を変形させることができます。

クリスタのパペット変形でピンを移動


この時の変形内容は「ドラッグの方向」や「他のピンの配置」によって変わります

クリスタのパペット変形でピンを移動(方向の違い)
ポイント

この時の変形はメッシュの三角形を1つのまとまりとして変形されます。

「ピン」の回転で変形

設置した「ピン」を選択状態にしますと外側に円が表示され、この外側の円上にカーソル(ペン)を持っていくとカーソルが曲線矢印に変わります。

クリスタのパペット変形の回転カーソル


この状態でドラッグするとピンを中心に周辺の絵を回転させることができます。

クリスタのパペット変形でピンを回転

操作の取り消し

パペット変形中、ピンの移動や回転で変形を行った場合でも、「取り消し」を行うことで1つ前の状態に戻すことができます。

クリスタ「パペット変形」の設定内容

クリスタでパペット変形を実行して編集状態になりますと、ツールプロパティもしくはサブツール詳細ウィンドウ「メッシュ・ピン」カテゴリーにて設定変更が可能になります。

クリスタのパペット変形「ツールプロパティ」「サブツール詳細ウィンドウ」

「メッシュの細かさ」

メッシュの細かさを「粗い」「標準」「細かい」の3種類から選択できます。

クリスタのパペット変形設定「メッシュの細かさ」
クリスタのパペット変形設定「メッシュの細かさ」比較


メッシュの細かさはパペット変形を行う際の影響範囲の細かさを表しています。
メッシュが細かいほど細かく滑らかな変形が可能になり、メッシュが大きいほど全体的な変形が可能になります。

クリスタのパペット変形設定「メッシュの細かさ」変形の違い


また、メッシュが細かいほど、ピンを細かく(近距離で)設置することができるようになります。

クリスタのパペット変形設定「メッシュの細かさ」ピンの設置数
MEMO

メッシュの細かさによっては、ピンの近くに新たにピンを設置すると以下のような注意メッセージが表示されて設置できないことがあります。

クリスタのパペット変形「ピンを追加できません」

「処理範囲の拡張」

クリスタのパペット変形「処理範囲の拡張」


変形可能範囲であるメッシュの拡張範囲を「0」~「100」の数値で設定します。
数値が大きいほど範囲が広くなります。
(初期値は「2」です)

クリスタのパペット変形「処理範囲の拡張」数値の違い


毛先などの細い部分は初期値でメッシュ内にしっかり入らないことがあるため、この数値を上げることで描画部分全てを変形範囲に入れることができます。

クリスタのパペット変形「処理範囲の拡張」でメッシュの範囲を広げる
注意

パペット変形でピンの移動後に「処理範囲の拡張」の数値を変更すると変形結果が変わることがありますのでこちらはピンの移動による変形の前に設定した方がいいでしょう。

「メッシュを表示」

クリスタのパペット変形「メッシュを表示」


チェックのあり・なしでメッシュの表示・非表示を切り替えることができます。

※メッシュが表示されていない状態でもピンの設置や変形は可能です。

クリスタのパペット変形「メッシュを表示」チェックのあるなし

「ピンをクリック」

先述のように、パペット変形では、変形範囲(メッシュ上)をタッチすると変形の起点となる「ピン」を設置することができます。

この設置済みのピンをタッチする時の操作を「ピンを選択」「ピンを削除」の2種類から選択できます。

クリスタのパペット変形「ピンをクリック」


●「ピンを選択」
設置しているピンをタッチした際、次項で説明する「選択の追加(クリック)」で設定した操作を行います。


●「ピンを削除」
設置しているピンをタッチすることでそのピンを削除することができます。

クリスタのパペット変形「ピンを削除」


また、「ピンを選択」の時でも[Alt(Option)]を押しながらタッチすることで「ピンを削除」の操作を行うことができます。

MEMO

「ピンを削除」選択中でも、ピンのない箇所にタッチするとピンを設置する操作になります。

「選択の追加(クリック)」

前項の「ピンをクリック」にて「ピンを選択」を選択している時に設置済みのピンをタッチした時の操作
「新規選択」「追加選択」「部分解除」「選択状態の切り替え」
の4種類から選択します。

クリスタのパペット変形「選択の追加(クリック)


●「新規選択」
ピンをタッチするとそのピンを選択状態(操作可能)にします。
別のピンをタッチすると選択状態は新しくタッチしたピンに切り替わります。

クリスタのパペット変形(クリック)「新規選択」


●「追加選択」
ピンをタッチすることでそのピンを選択状態(操作可能)にします。
この時、別のピンをタッチしていくことで選択状態のピンを追加(複数選択)していくことができます。

クリスタのパペット変形(クリック)「追加選択」


ピンを複数選択しますと、ピンをまとめて操作できるようになります。


●「部分解除」
選択状態になっているピンをタッチすることで選択状態を解除します。
(ピンそのものを削除するわけではありません)

クリスタのパペット変形(クリック)「部分解除」


●「選択状態の切り替え」
選択状態のピンをタッチすると選択状態を解除し、選択状態でないピンをタッチすると選択状態に切り替えます。
この時、他のピンの選択状態は変化しません。

クリスタのパペット変形(クリック)「選択状態の切り替え」
ポイント

どの「選択の追加」を選択している状態でも、[Shift]を押しながらタッチすることで追加選択や選択状態の切り替えができるようになります。

「選択の追加(範囲選択)」

パペット変形中に変形範囲(メッシュ上)以外の箇所からドラッグすることでピンを範囲選択することができます。

※変形範囲(メッシュ上)からドラッグするとピンの設置→移動という変形操作になってしまいます。

クリスタパペット変形で範囲選択


この時の範囲内にあるピンに対しての操作を
「新規選択」「追加選択」「部分解除」「選択状態の切り替え」
の4種類から選択します。

クリスタパペット変形「選択の追加(範囲選択)」


●「新規選択」
範囲選択内にあるピンを選択状態(操作可能)にします。
範囲選択外に選択状態のピンがある場合、そのピンの選択状態は解除されます。

クリスタパペット変形(範囲選択)「新規選択」


●「追加選択」
範囲選択内にあるピンを選択状態(操作可能)にします。
この時、別の選択状態のピンもそのまま継続されるので、選択状態のピンを次々に追加していくことができます。

クリスタパペット変形(範囲選択)「追加選択」


●「部分解除」
範囲選択内にある選択状態になっているピンの選択状態を解除します。

クリスタパペット変形(範囲選択)「部分解除」


●「選択状態の切り替え」
範囲選択内にあるピンの中で、選択状態のピンは選択状態を解除し、選択状態でないピンは選択状態に切り替えます。

クリスタパペット変形(範囲選択)「選択状態の切り替え」
ポイント

どの「選択の追加」を選択している状態でも、[Shift]を押しながら範囲選択することで「新規選択」と同じ操作ができるようになります。

「ピンの回転補正」

こちらは選択中のピン1つだけに対して設定する項目です。

※ピンを2つ以上選択している時には設定できません。

クリスタパペット変形「ピンの回転補正」


各ピンでは次項で紹介する「ピンの回転角」を設定することができるのですが、この「ピンの回転補正」にチェックを入れておくと、他のピンを移動・回転させた時にそのピンに設定されている「ピンの回転角」の数値を自動で変更(補正)してくれるようになります。

クリスタパペット変形「ピンの回転補正」(チェックあり)


各ピンの角度を自動で変更されたくない場合はチェックを外しておきましょう。

クリスタパペット変形「ピンの回転補正」(チェックなし)
MEMO

そのため、「ピンの回転補正」にチェックを入れているピンを回転(「ピンの回転角」を変更)すると「ピンの回転補正」のチェックは外れてしまいます。

「ピンの回転角」

こちらは選択中のピン1つだけに対して設定する項目です。

※ピンを2つ以上選択している時には設定できません。

クリスタパペット変形「ピンの回転角」


ピンを中心に周囲の絵を回転させる角度を「-180度」~「180度」の数値で設定できます。
「+」が右回転、「-」が左回転になります。

クリスタパペット変形「ピンの回転角」
MEMO

先述のように、ピンは外側の円部分をドラッグすることでも回転させることができます。


また、ピンをドラッグ移動した時も「ピンの回転角」は変動します。

クリスタパペット変形「ピンの回転角」(ピンの移動による数値の変化)

「ピンの前後関係」

ピンを2つ以上設置している際に設定できる項目です。

ピンのドラッグ移動によって絵同士が重なった場合、そのピンのある箇所を前面に表示するか、背面に表示するかを設定できます。

※ピンの位置によって選択できる項目が変わります。

クリスタパペット変形「ピンの前後関係」


ここでは以下のように絵が重なるようにパペット変形した時を例として紹介します。

クリスタのパペット変形(絵の重なり)


●「ピンを最前面へ」
ピンを設置している箇所の絵を1番手前に配置します。

クリスタのパペット変形「ピンを最前面へ」


●「ピンを前面へ」
ピンを設置している箇所の絵を1つ手前に配置します。

クリスタのパペット変形「ピンを前面へ」


●「ピンを最背面へ」
ピンを設置している箇所の絵を1番奥に配置します。

クリスタのパペット変形「ピンを最背面へ」


●「ピンを背面へ」
ピンを設置している箇所の絵を1つ奥に配置します。

クリスタのパペット変形「ピンを背面へ」
ポイント

変形対象によってはキレイに表示できない場合があります。

クリスタのパペット変形「ピンの前後関係」(表示の不具合)


そういった場合は他のピンの「ピンの前後関係」を操作することでキレイに表示できるようになる場合があります。

クリスタのパペット変形「ピンの前後関係」(表示不具合の改善)
注意

前面・背面の配置設定ができるのは同じレイヤー上の絵に限ります


また、1度パペット変形を確定した後に再びパペット変形を実行しても同じような前面・背面の配置はできません。

(クリスタの「取り消し」でパペット変形の実行前に戻すことは可能です)

最後に「確定」してパペット変形を完了する!

変形が完了しまたら、「確定」アイコンや[Enter]キーを押すことでパペット変形を完了させることができます。

クリスタのパペット変形「確定」


また、その他の変形に関する設定や操作方法は以下の記事を参考にしていただければと思います。

クリスタなら絵・イラストをこれだけ自在に変形できる!!

【補足】クリスタ「パペット変形」による劣化に関して

クリスタに限らず、どんな絵でも編集すれば劣化が起こってしまいます。

このパペット変形においても、絵の劣化は発生します。
しかし、以下の画像のように拡大すると劣化が目立つかもしれませんが、絵全体を見ればそこまで気になる程の劣化ではないと個人的には感じています。

クリスタパペット変形による劣化

CLIP STUDIO PAINT(クリスタ)「パペット変形」を利用する際のコツ

人物をパペット変形する場合は関節にピンを設置しよう!

パペット変形で角度付ける場合はピンの位置が支点になるので、人物をパペット変形する場合はピンを関節の位置に設置することで不自然な変形を避けることができます。

クリスタパペット変形で関節にピンを配置


また、ドラッグ移動だけではキレイに曲がりませんのでピンの回転も利用しましょう。

クリスタのパペット変形で関節を曲げる

動かしたくない位置にもピンを設置しよう!

パペット変形にてピンをドラッグ移動して変形させる場合、動かしたい位置にだけピンを設置すると、絵全体が動いてしまいます。

クリスタパペット変形(ピンが少ない場合)


そのため、動かしたくない位置にもピンを設置することでその位置を固定した状態で変形ができるようになります。

クリスタパペット変形(ピンを多く設置した場合)

複数選択したピンでも操作可能!

先述のように、パペット変形のピンは複数選択が可能ですので、特定の範囲をまとめて変形させたい場合は複数選択したピンを移動させましょう。

クリスタパペット変形(ピンの複数操作)

CLIP STUDIO PAINT(クリスタ)「パペット変形」でイラストを編集しよう!

クリスタにはベクターレイヤーがあるので制作中に線画を劣化することなく自在に変形・編集することが容易にできます。

クリスタ・ベクターレイヤーの使い方実践例!!

ただし、こういった変形は今までラスターレイヤーではできなかったため、ラスターレイヤーや完成済みのイラストを変形・調整するのには今回紹介したパペット変形がかなり役に立つかと思います◎

ぜひ今回の記事を参考にパペット変形をご利用ください!

MEMO

ラスターレイヤーを編集できる方法として「ゆがみツール」を利用する方法もあります。

クリスタゆがみツールでイラストの修正が可能に!!


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー「ポーズ講座」

▶講座について詳しく見る