マニュアル キャンセル

画像、シェイプ、パスのワープ

ワープ」コマンドを使用すると、コントロールポイントをドラッグして画像の形状、シェイプ、パスなどを操作できます。オプションバーのワープポップアップメニューのシェイプを使用してワープすることもできます。ワープポップアップメニューのシェイプは、コントロールポイントをドラッグして変形することができます。

ワープの変形

Photoshop 22.5(2021 年 8 月リリース)で更新

Photoshop ワープの使用
ワープの使用

  1. 画像内のワープするレイヤーまたは領域を選択します。  

  2. 選択した後、次のいずれかの操作を行います。

    • 編集/変形/ワープを選択します。

    • Ctrl + T(Win)/Command + T(Mac)を押してから、オプションバーの自由変形モードとワープモードの切り替えボタン をクリックします。

  3. オプションバーの歯車アイコンをクリックして、その他の「ガイド」ビジュアルオプションを表示します。Photoshop 22.4.1(2021 年 5 月リリース)のビジュアルガイドに「ガイド」オプションが追加され、これまで以上に使い勝手がよくなりました。

    ワープの変形ガイドオプション

    ワープガイド表示オプションを設定し、ビジュアルガイドを表示するタイミングを選択できるようになりました(ガイドを自動表示、常にガイドを表示、ガイドを表示しない)。デフォルトでは、グリッドは「常にガイドを表示」に設定されています。

    また、ビジュアルガイドの「カラー」や「不透明度」、およびガイドを構成する線の数を変更することもできます。「密度」オプションは、分割ワープの各線の間に表示する線の数を設定します。デフォルトでは、「密度」は 2 に設定されています。

    コントロールポイントを使用してアイテムを変形するときは、表示/エクストラを選択して、ワープメッシュやコントロールポイントの表示と非表示を切り替えることもできます。

  4. ワーププリセットを使用して選択した項目をワープするには、オプションバーのワープポップアップメニューからワープスタイルを選択します。

    カスタムワープメッシュを作成するには、オプションバーのグリッドポップアップメニューからグリッドサイズを選択します。

    • グリッドサイズ(デフォルト(1 x 1)、3 x 3、4 x 4、または 5 x 5)を選択します。
    • カスタム」を選択し、カスタムグリッドサイズダイアログで「」と「」の数を指定します。
  5. ワープメッシュにコントロールグリッド線を追加するには、ワープを分割するオプションを選択します。

    1. 必要に応じて次のいずれかの操作を行います。
      1. オプションバーで、いずれかの分割ボタンをクリックします。
      2. 編集/変形/ワープを左右に分割ワープを上下に分割、またはワープを斜めに分割を選択します。
    2. メッシュエリア内でポインターを移動し、追加のコントロールグリッド線を配置する場所をクリックします。ワープメッシュ上にポインターを移動すると、ポインターに合わせて分割線が移動します。クリックすると、追加のコントロールポイントがワープメッシュに追加されます。

    分割ワープのオプションについて詳しくは、分割ワープを参照してください。

  6. 次のいずれかの操作を行います。
    • シェイプを操作するには、コントロールポイント、バウンディングボックスのセグメント、メッシュ、またはメッシュ内の領域をドラッグします。曲線を調整するには、コントロールポイントのハンドルを使用します。この操作は、ベクトル画像の曲線セグメントのハンドルを調整するのと似ています。
    • グリッド線をクリックしてコントロールポイントをアクティブにし、ワープを編集します。アンカーポイント(グリッド線の交点)をクリックすると、そのアンカーを囲むコントロールポイントを編集できます。コントロールポイントをドラッグして画像をワープさせます。
    • 複数のポイントを選択するには、Shift キーを押しながらアンカーポイントをクリックするか、Shift キーを押したままポイントの上でポインターをクリック&ドラッグします。2 つ以上のポイントを選択した場合、選択したポイントの周囲に長方形が表示されます。 
    • 複数のポイントを選択解除するには、Shift キーを押しながらアクティブなアンカーポイントをクリックするか、Shift キーを押しながらアクティブなポイントの上でポインターをクリック&ドラッグします。ポイントが選択または選択解除されると、選択したポイントを囲む長方形のサイズが自動的に変更されます。 
    • 選択したグリッド線(線に沿ってコントロールポイントが表示されている)を削除するには、Delete キーを押すか、編集/変形/ワープの分割を削除を選択します。
    • 1 つのアンカーポイントを通る水平グリッド線と垂直グリッド線の両方を削除するには、アンカーポイントをクリックしてから、Delete キーを押すか編集/変形/ワープの分割を削除を選択します。
    • ワープメニューから選択したワープスタイルの向きを変更するには、オプションバーのワープの方向を変更ボタン をクリックします。
    • 基準点を変更するには、オプションバーの基準点の位置の正方形 をクリックします。
    • 数値を使用してワープの量を指定するには、オプションバーの「カーブ」(カーブを設定)、「X」(水平方向のゆがみを設定)、「Y」(垂直方向のゆがみを設定)の各テキストボックスに値を入力します。ワープスタイルポップアップメニューで「なし」または「カスタム」を選択した場合は、数値を入力することはできません。
    Photoshop ワープのシェイプの操作
    ボトルの首の周りにカスタムの分割ワープが適用されました。ビジュアルガイドの密度は 4 に設定されているので、各分割ワープの間に 4 本のガイドラインがあります。

  7. 次のいずれかの操作を行います。
    • 確定するには、Enter キー(Windows)または Return キー(macOS)を押すか、オプションバーの確定ボタン をクリックします。

    • 変形をキャンセルするには、Esc キーを押すか、オプションバーの変形をキャンセルボタン をクリックします。

    シェイプやパスのようなベクトル画像ではなく、ビットマップ画像を変形する際は、変形の確定を実行するたびにシャープさが少しずつ落ちます。そのため、変形を 1 つずつ別々に適用するよりも、複数のコマンドを実行してから累積的変形を適用する方法が適しています。

Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

ワープの変形:円柱

Photoshop 23.4 で導入(2022 年 6 月リリース)

パッケージデザイナーの皆さんのご要望にお応えします。Photoshop のこのリリースでは、円柱ワープの変形機能が導入され、丸みのある円柱形のサーフェスに平らなアートワークを湾曲させて追加することができます。また、サイズ変更や遠近法のコントロールが可能なため、選択範囲全体が自然に収まります。

ワープの変形:円柱

新しい円柱ワープの変形を操作するには、次の手順を実行します。

  1. 画像内のワープするレイヤーまたは領域を選択します。

  2. メニューバーから編集/変形/ワープを選択するか、Command + T(Mac)または Ctrl + T(Win)を押します。

  3. オプションバーの自由変形/ワープモードボタンをクリックします。

  4. オプションバーのワープドロップダウンメニューに移動して、一番下の「円柱」アイコンを選択します。

  5. 画面上のコントロールをクリックしながらドラッグし、ワープのシェイプを調整します。

    • 角コントロール:下/左および上/右のサイズ変更コントロールを使用して、選択範囲全体を自由に変形します。
    • 角コントロール + Shift キーで縦横比を固定します。 
    • 曲線コントロール:
      • 上中央を動かして、上下の境界の円弧を同時に変更します。
      • 下中央を動かして、下の境界線の円弧のみを調整します。
    • 遠近をコントロールするには、中央のコントロールポイントを左右に動かします。
    ワープの変形:円柱のコントロール

    A. 上下の曲線を調整します B. 右上隅を設定します C. 遠近法を調整します。中央にスライドすると遠くに見え、右にスライドすると非常に近づいて見えます D. 上部から独立して下の曲線を調整します E. 左下隅を設定します 

    クリエイティブドキュメントの作業中に、テキストレイヤーに円柱ワープの変形を適用することもできます。

分割ワープ

Photoshop 22.5 の 2021 年 8 月リリースでは、Control(Win)/Command(Mac)修飾キーを使用して、メニューバーに戻らずに分割ワープオプションをすばやく切り替えることができるようになりました。

  • Control(Win)/Command(Mac)キーを押しながらワープメッシュの任意の場所をクリックすると、その位置でワープが斜めに分割されます。 
  • Control(Win)/Command(Mac)キーを押しながら、ポインターを既存の水平グリッド線の端の近くに移動します。クリックすると、その場所でワープが垂直方向に分割されます。
  • 同様に、Control(Win)/Command(Mac)キーを押しながら、既存の垂直グリッド線の端の近くにポインターを移動します。クリックすると、その場所でワープが水平方向に分割されます。

各アンカーポイントでのワープの操作の変換

キーボードショートカットを使用して、分割ワープを変形に適用しながら、アンカーポイントに割り当てられたコントロールハンドル(「ベジェ」ハンドルとも呼ばれる)を個別に移動できます。

現在、2 つのベジェハンドルの動きオプションは次のとおりです。

  • ユニゾン:1 つのハンドルを移動すると、すべてのハンドルが一緒に移動します。アイコンは円です。
  • 独立:各ハンドルは、アンカーポイントに関連する他のハンドルに影響を与えずに移動します。アイコンは正方形です。

ポイントで Alt(Win)/Option(Mac)キーを押しながらクリックすると、ベジェコントロールの状態を切り替えることができます(「独立移動とユニゾン移動」)。アンカーポイントで Ctrl キーを押しながら右クリックして、コンテキストメニューから「ワープアンカーポイントを変換」を選択することもできます。

  • コーナーのアンカーポイント:コーナーポイントは、デフォルトでは独立移動に設定されています。
  • エッジ/サイドのアンカーポイント:デフォルトでは、エッジのアンカーポイントはデフォルトで垂直/水平のペアのユニゾン移動に設定されています。
  • 内部/内側のアンカーポイント:内側のアンカーポイントは、デフォルトでは各ハンドルでユニゾン移動に設定されています。

また、複数のアンカーポイントを選択(Shift キーを押しながらクリック)してから、これらのすべてのポイントの動作を一度に変更することもできます。

パペットワープ

パペットワープは、メッシュを視覚化して、他の領域に影響を与えずに特定の画像領域を大きく変形できます。画像のちょっとしたレタッチ(髪型など)から、大がかりな変形(腕や脚の位置の変更など)まで、様々な用途に使用できます。

画像レイヤーのほか、パペットワープはレイヤーマスクやベクトルマスクにも適用できます。画像を崩さずに変形するには、スマートオブジェクトを使用します詳しくは、スマートオブジェクトの作成を参照してください。

  1. レイヤーパネルで、変形するレイヤーまたはマスクを選択します。

  2. 編集/パペットワープを選択します。

  3. オプションバーで、次のメッシュ設定を調整します。

    モード

    メッシュの全体的な伸縮性を指定します。

    注意:

    広角の画像やテクスチャマップのワープに適した伸縮性の高いメッシュには、「変形」を選択します。

    密度

    メッシュのポイントの間隔を指定します。「ポイント数を増加」を選択すると精度は向上しますが処理時間がかかり、「ポイント数を減少」を選択するとその逆になります。

    拡張

    メッシュの外枠を伸長または縮小します。

    メッシュを表示

    選択を解除すると調整ピンだけが表示され、変形のプレビューがクリアになります。

    注意:

    調整ピンを一時的に隠すには、H キーを押します。

  4. 画像ウィンドウ内をクリックして、変形する領域と固定する領域にピンを追加します。

    Photoshop メッシュ上でのピンの移動
    パペットメッシュ上でピンを動かします。隣接するピンによって周囲の領域の状態が保たれます。

  5. ピンを移動または削除するには、次のいずれかの操作を行います。

    • ピンをドラッグして、メッシュをワープします。

    • 別のメッシュエリアが重なって見えなくなったメッシュエリアを表示するには、オプションバーでピンの深さボタン   をクリックします。

    • 選択したピンを削除するには、Delete キーを押します。他のピンを個別に削除するには、目的のピンにカーソルを合わせ、Alt キー(Windows)または Option(Mac OS)キーを押します。ハサミアイコン  が表示されたらクリックします。

    • オプションバーで、すべてのピンを削除ボタン  をクリックします。

    注意:

    複数のピンを選択するには、Shift キーを押しながらクリックするか、コンテキストメニューから「すべてを選択」を選択します。

  6. ピンの周りでメッシュを回転するには、メッシュを選択して、次のいずれかの操作を実行します。

    • メッシュを決まった角度だけ回転するには、Alt キー(Windows)または Option キー(Mac OS)を押し、カーソルをピンの近くに置きます。このとき、カーソルがピンに触れないようにします。円が表示されたら、画面を見ながらドラッグしてメッシュを回転します。

    注意:

    オプションバーに回転角が表示されます。 

    • 選択したモードオプションに基づいてメッシュを自動回転するには、オプションバーの回転メニューから「自動」を選択します。 
  7. 変換が完了したら、Enter キーまたは Return キーを押します。

Photoshop 選択したピンの周りでメッシュを回転
Alt キー(Windows)または Option キー(Mac OS)を押して、選択したピンを中心にメッシュを回転します。


ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト