フィルタ―⑦/Affinity3 変形・パースペクティブ

2026-05-07

Affinity パソコン関係

t f B! P L

Affinity Photoの変形フィルターとパースペクティブフィルターの使い方解説アイキャッチ
フィルタ―⑥/Affinity3 アンシャープマスク・明瞭度・ハイパス・マルチバンドシャープ の続き

変形(フィルタ―のみ)

画面をクリックしてアンカーポイントを設定し、ドラッグして好きなように変形することができます。
変形フィルターの設定画面とアンカーポイントによる画像変形の操作例
変形フィルターで画像上に複数のアンカーポイントを配置した状態
画像をクリックすると、アンカーポイントを作成します。
そのアンカーポイントをドラッグすると、変形させることができます。
アンカーポイントをドラッグして画像を局所的に歪ませる変形操作
最初に必要な分のアンカーポイントを作成してから、変形したほうがいいです。

マスター

変形量を指定します。右に行くほど大きく変形します。
0%でほとんど変形しません。

線形制約

剛体」は、アンカーポイントの周囲だけを変形して他の場所はできるだけその形を維持しようとしますが、「類似」は全体をいい感じに変形してくれます。

左が剛体。右が類似。
四隅にアンカーポイントを打って、中心に寄せたとき。
線形制約の剛体と類似による変形結果の比較
頭と首にアンカーポイントを打って、足元を下に伸ばしたとき
キャラクターの足元を伸ばす変形フィルターの線形制約比較
意外と類似のほうが制御しやすいかもしれません。
できるだけ元の形を残したまま変形したいときは、剛体で。
思いっきり変形させたいときは類似で変形させてみて下さい。

ドラッグで複数のアンカーポイントを同時に選択し、移動することもできます。
猫の画像を複数のアンカーポイントで大きく変形させた例
かわいい猫になんてことを(´・ω・`)


Photoshopでいう「パペットワープ」みたいな機能がないので、似たようなことをしたいんだったら「変形」フィルターで頑張るような形になります。
変形フィルターでアンカーポイントを細かく配置して形状を調整する様子
猫のしっぽや足の形を変形フィルターで微調整した比較
しっぽの位置と、足の上げ具合を調整。
結構これで直そうとすると厳しいです(´・ω・`)
せめて回転とライブフィルターがあれば……

新機能に期待。

パースペクティブ

パースの付いた変形を作ることができます。
パースペクティブフィルターの平面・モード設定パネル
グリッドを使用したパースペクティブによる遠近感の変形操作
ちなみに、ピクセルペルソナで移動ツールを長押しして出てくる「パースペクティブツール」を押すと、パースペクティブライブフィルターが起動します。
……ツールじゃないじゃん(=・ω・=;)
ピクセルペルソナのツールメニューからパースペクティブを選択する様子

平面

何平面でパースをかけるか選びます。
ライブフィルター使用時は「1平面」しか使えませんが、
フィルターのときは「2平面」も選べます。

モード

ソース でどの範囲を変更するか選び、
デスティネーション で実際にアンカーポイントを動かして変形します。

「ソース」でアンカーポイントを変形したいポイントに合わせて…
パースペクティブのソースモードで変形対象の四隅を指定する操作
「デスティネーション」でアンカーポイントを動かして変形します。
Shiftキーを押しながら移動すると、平行移動できます。
パースペクティブのデスティネーションモードで画像を平行に引き伸ばす変形

グリッドを表示

チェックを入れると、グリッドを表示することができます。
見やすくなるので入れておくのをお勧めします。
パースペクティブ変形中にグリッドを表示して歪みを確認する様子

自動クリップ

モードが「2平面」、かつ「フィルター」の時に動作します。
パースペクティブの四隅の範囲を境界として扱うか否か。
チェックを入れると、範囲外の画像を繰り返し表示して、さも連続しているかのように見せます。

基本、チェックOFFでいいかと。
自動クリップ設定による画像端の処理の違いを示す例
2平面は、以下のようにビルのパースを変更するときなどに使います。
欠けた部分はインペインティングブラシツールで塗ってごまかし。
2平面パースペクティブを使用した建物の遠近補正操作
2平面パースペクティブでビルの壁面の向きを調整した結果
意外と1平面でもいい感じに直せます。
むしろ、1平面で直したほうがキレイで楽です。
2平面は真ん中のところがズレやすいので、後で紹介する合成作業の時のみ使うといいです。
1平面パースペクティブでシンプルな遠近補正を行う例
1平面で大体のパースが直せます。
縦方向を合わせたパース調整を1平面でしてみました。
1平面パースペクティブで建物の垂直を出す補正操作
ソースは、画像の一部だけを指定してもOKです。
四角が取りやすい窓部分をソース指定して、変形してみました。
分かりやすいところをソース指定してみて下さい。
画像内の特定の矩形(窓)を基準にパースソースを指定する手法
あとよく使うのは、看板などに画像を差し込みたいとき。
看板の画像合成のために素材画像をパースペクティブ変形させる準備
フィルターを使う場合は、画像を設置したい場所の近くに置いておいた方が、レイヤー選択が楽になります。
フィルターを非表示にしたとき、離れているとややこしいです。
素材画像を看板のパースに合わせてデスティネーションモードで配置する様子
モード「ソース」で、画像の四隅を選択します。
最初からうまく選択できていた時は、この作業を飛ばしてOKです。
パースペクティブフィルターのソース四隅を画像の境界に合わせる操作
モードを「デスティネーション」にして、四隅を合わせます。
画面上をドラッグするとその位置に設置できるので、最初に左上と右下をドラッグで合わせ、右上と左下を引っ張って調整すると楽かと思います。
看板の枠にぴったり合うようにデスティネーションアンカーを調整する様子
下にあるアイコン2つは、「時計回りに回転」と「反時計回りに回転」です。
パースペクティブフィルター内の回転ボタンアイコン
画像の向きを回転できます。
看板に合成した画像を90度回転させた状態
フィルターで作成しておけば、看板の画像を差し替えたいというとき。
メニューの「ドキュメント」-「リソースマネージャー」から、同じサイズの画像と差し替えることができます。
Affinityのリソースマネージャーで画像を置換する操作
リソースマネージャーから画像を選択して、「置換」→差し替えたい画像を選択。
置換機能により看板の画像が自動的に新しいものに変わった様子
画像サイズが違うときは微調整が必要となります。
パースペクティブのアイコンをクリックすれば簡単に直せるので、便利です。

箱に模様をつけるときにも使えます。
バグで「デスティネーション」をかけているときに一部欠けて見えたりしますが、
「適用」を押せばちゃんと変形してくれます。
段ボール箱の側面に模様画像をパースペクティブで合わせる操作
パースペクティブ変形を適用した模様レイヤーの状態
乗算にして、ブレンドオプションをちょっといじると、いい感じになります。
ブレンドモードを乗算にして箱に模様を馴染ませた合成結果
詳しくは「ブレンドオプション(執筆中)」にて。

「デスティネーションを選択」について(バグってる?)

「フィルター」のときしか使えません。
「デスティネーションを選択」ボタンを押すと、現在デスティネーションで変形しているエリアが選択範囲として追加されます。

おそらく、こうじゃないかなーという使い方を説明します。
なんせ、公式にも海外にも、使い方説明が一個もないんだ(´・ω・`)

例えば、こんな風に横に長い写真を看板にあてこもうとします。
横長の写真を看板の形に合わせてパースペクティブ変形させた例
ディストネーションモードで当て込みましたが、縦横比が変なので、ちょっと直したいです。
そんな時に、「デスティネーションを選択」をクリックします。
デスティネーションを選択ボタンを使用した時の表示バグの様子
デストネーションを範囲とした、選択範囲が作成されました。
(左下に出てきた元画像は無視してください)
変形後の形状に基づいて作成された選択範囲の点線表示
この状態でさらに横に引っ張れば、縦横比を調整した看板を作ることができます。
選択範囲を利用して画像の比率を看板に合わせた調整作業
……はいいんですが、バグってて、左下に元の画像が表示され、
「適用」を押すと、なぜかこいつも一緒に適用されてしまいます。

……バグだよな?? まさか仕様です、なんて言わないよな??(=・ω・=;)
元画像が見えたほうが、比率とか分かりやすいよね☆ とかいう大きなお世話機能じゃないよな??
適用後に不要な元画像が残ってしまうバグの確認画面
幸いにして選択範囲は生きているので、そのままマスクを作成すれば、キレイに作れます。
選択範囲からマスクを作成してバグの残骸を除去し看板を完成させた例
マスクを適用(ラスタライズ)しちゃっていいかと。

ちなみに、2平面の時は完璧にバグってます。選択範囲が全然違う位置に作成される。(ver.3.1.0)
Ctrl+Dで選択を解除すれば、「デスティネーションを選択」ボタンを押す前の状態に戻れます。
2平面パースペクティブでのデスティネーション選択バグの様子
多分「Select Destination」という名前と挙動から、この使い方をしたいがための機能だと思うんだけど……
今後の更新を待ちましょう(=・ω・=)

フィルタ―⑧/Affinity3 に続く

検索

最新の投稿

フィルタ―⑦/Affinity3 変形・パースペクティブ

フィルタ―⑥/Affinity3 アンシャープマスク・明瞭度・ハイパス・マルチバンドシャープ  の続き

フィルタ―⑦/Affinity3 変形・パースペクティブ

人気の投稿

Twitter(X)

アフィリエイトについて

このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。

QooQ