メッシュワープとは？

メッシュワープは、画像上にグリッドを重ね、線が交差する点を動かして画像を変形する機能です。画像の各部分は周囲の点に合わせて動くため、他の部分はそのままにして、角を曲げたり、まっすぐな辺を曲線にしたりできます。マグカップの曲面に沿わせる平らなラベルなどのモックアップや、画像の一部だけを少し修正する場合に便利です。

ツールの説明

JPG、PNG、WebP、GIF、BMP、AVIF画像をツールにドロップすると、プレビューに3×3のグリッドが表示され、各交点にハンドルが付きます。ハンドルをドラッグすると、画像がそれに合わせて変形します。ワープは各点を通って滑らかに適用されるため、グリッド線は鋭い角ではなく曲線になります。グリッドの列数と行数は1〜8に設定でき、グリッドを細かくすると、より小さな範囲を変形できます。グリッドを変更するか「リセット」をクリックすると、すべての点が元の位置に戻ります。点は画像の外側までドラッグでき、破線はダウンロードされる範囲を示します。

「書き出し設定」で、PNG、JPG、WebPのいずれかと、リサンプリングモードを選択します。キャンバスは「ワープ後の画像に合わせる」または「元のサイズを維持」から選べます。後者では、範囲外にはみ出した部分が切り取られます。「背景を塗りつぶす」を有効にしない限り、空白部分は透明のままです。JPGでは常に背景色が適用されます。画像は元のサイズでブラウザー内でレンダリングされるため、アップロードされることはありません。

特長

  • ドラッグ可能な点を備えた、1〜8列・行のグリッド
  • ワープに沿って動くガイド付きの滑らかな変形
  • 画像の元のサイズでPNG、JPG、WebPをダウンロード

ヒント

ハンドルをクリックし、矢印キーで1画面ピクセルずつ動かせます。Shiftキーを押しながら操作すると、10ピクセルずつ動かせます。Nキーで次の点を選択し、Shift+Nで前の点を選択できます。