この記事を読むのに必要な時間は約 10 分です。
Photoshop(フォトショップ)のパペットワープを使った変形について詳しく解説します。
パペットワープを使えば1枚のイラストからポーズの違う差分を簡単に作成する事が可能!
作画時間を大幅に削減できるPhotoshopの超便利ツールの一つです。
フォトショ初心者の方にもパペットワープが使いこなせるよう、順を追って使い方を解説いたします!
パペットワープで何ができるの?

パペットワープを使うとイラストや写真をパーツ単位で細かく変形させる事ができます。
例えばポーズ違いのイラストを描くのは意外と面倒ですよね。
1枚のイラストから様々な差分を簡単に作る事ができるので制作時間を大幅に短縮できます。
パペットワープの使い方
実際にパペットワープを使った差分の作り方を解説します。
フォトショ初心者の方にも再現できるよう、順を追って解説いたします!
ところでPhotoshopは導入されていますか?
まだの方は事前にAdobe公式サイトから入手しておきましょう。
STEP.1
背景透過のイラストを読み込む
フォトショップにイラストを配置します。
サンプルは背景が透過されたレイヤーが統合されたイラストを配置しています。
イラスト素材にこだわりたい方は
AdobeStockが最強です。
紹介利用可能な2億5000満万点以上もの高品質素材が制作を加速させます。
STEP.2
スマートオブジェクトに変換
スマートオブジェクトに変換します。
[
レイヤーパネル ] → [
対象レイヤーを右クリック ] → [
スマートオブジェクトに変換 ]
※スマートオブジェクトは
コチラで詳しく解説しています。
ラスターレイヤーは元に戻せない
ラスターレイヤーだと、パペットワープを適用した後に再編集する事ができません。
後の利便性を考慮し、必ずスマートオブジェクトにしておきましょう。
STEP.3
パペットワープを適用
画面左上の [ 編集 ] → [ パペットワープ ] を適用します。
すると自動的にイラスト全体が三角形のメッシュで分割されます。
STEP.4
尻尾を動かす
クリックするとピンが追加されます。
例えば尻尾を動かしたい場合は左図のようにピンを追加します。
※右クリックメニューからピンを削除可能。
STEP.5
頭を動かす
ついでに頭も動かしてみましょう。
左図のようにピンを追加します。
支点となる首と動かしたい頭に1個ずつピンを追加しましょう。
FINISH
完成
ピンを動かしてポーズが決まったら [ Enter ] または画面上部にある [ 〇 ] をクリックすると変形の確定です。
※[ Esc ] または [ × ] で変形のキャンセル。
スマートオブジェクトなら再編集可能
対象レイヤーに [ スマートフィルター ] が追加されます。
スマートフィルター内の [ パペットワープ ] をダブルクリックすると再編集ができます。
不用な場合は削除または非表示で元に戻ります。
パペットワープの使用例
パペットワープの使用例です。
あくまで一例、パペットワープの使い方は無限大ですよ。
首を傾げさせるのに必要な時間は30秒!
作画の必要はありません。
背中を反らしたりスカートのなびきを大きくしたり。
超短時間でポーズにアレンジを加えられます。
なお、CLIP STUDIO PAINTを使った左図の差分イラストをゼロから作成する方法は
コチラで完全解説しています。
イラストだけでなく写真にも適用可能!
像の鼻は真っすぐより丸まっている方が「っぽい」ですよね。
フォトショップがあれば誰でも簡単に変更が加えられます。
未導入の方は
Adobe公式サイトから入手できます。
写真を大変身させる高品質エフェクト
単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能!
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。
#01 Realistic Watercolor Photo Effect Mockup
水彩風エフェクトです。
タッチが違えば同じ水彩でも全く別物となります。
着彩や線画の残し方、ブラシの筆跡やリアルな水彩用紙の質感など、隙がありません。
ダウンロード
#02 Detailed Oil Paint Effect Mockup
筆のタッチ1本1本までリアルに再現してくれる油彩風エフェクトモックアップです。
本当に油彩で描くと何時間、何十時間と掛かりますが、このPSDをダウンロードして適用すると一瞬で終わります。
ダウンロード
#03 Splatter Paint Stains Art Portrait Effect Mockup
絵具のしぶきで描いたようなタッチにできるフォトショップ用エフェクトです。
背景透過にした人物に適用するだけでサンプルのような仕上りになります。
ダウンロード
#04 Pencil Sketch Effect
鉛筆タッチにしてくれるPhotoshopエフェクトです。
手数の多いタッチを一瞬でリアルな鉛筆タッチにできます。
ダウンロード
#05 Vintage Retro Comic Effect Filter Mockup
ビンテージな雰囲気を残したコミック風にしてくれるエフェクトです。
ドットの付け方がレトロで良い感じですね。
ダウンロード
#06 Engraved Old Print Effect
まるで紙幣に描かれている人物のような質感にしてくれるPhotoshop用のエフェクトモックアップです。
再現度が激高、非常にハイクオリティなエフェクトの一つです。
ダウンロード
Photoshop用の高品質なエフェクト集
Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。
ワンランク上のテンプレート素材
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート35選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!
おわりに
以上、Photoshop(フォトショップ)のパペットワープを使ったイラストの変形方法についてでした。
1枚のイラストからポーズ違いの差分を簡単に作る事ができます。
わざわざ差分を描くのは時間が掛かりますが、パペットワープを使えば1分未満!
パペットワープを上手く活用して制作を効率化しちゃいましょう!
ではまた!
様々な変形方法のチュートリアル集
Photoshopで使える様々なオブジェクトの変形方法を徹底解説します。
InDesignは活用されていますか?
Photoshopだけでなく、InDesign(インデザイン)も活用されていますか?
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方は
InDesign公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート35選は
コチラ!
目次一覧
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!