Affinity Photo:「アンカーポイント(回転の中心)」を使いこなす

この記事は約3分で読めます。
記事内に広告が含まれています

Affinity Photo アンカーポイント 回転の中心を表示

こんにちは、さち です。

Photoshop の代替として優秀な Affinity Photo。低価格なのに多機能で、コスパに優れた画像編集アプリです。

このアプリでは、レイヤーを回転するときに「回転の中心」である「アンカーポイント」を自由に移動できます。

文章だけでは分かりにくい少し複雑な機能なので実際の例を見てみましょう。

この記事の内容は、「Designer」「Publisher」でも使用できます

スポンサーリンク

普通にレイヤーを回転してみる

  1. 「正方形」を1つ描いたキャンバスです。
    Affinity Photo アンカーポイント 回転の中心を表示
  2. 「正方形」の「変換(変形)」スタジオはこんな感じ。この状態で、「R」の値を変更すると……
    Affinity Photo アンカーポイント 回転の中心を表示
  3. レイヤーの左上を中心にして回転します。
    Affinity Photo アンカーポイント 回転の中心を表示
「R」は英語で「回転」を意味する「Rotation(ローテーション)」の頭文字だと思われます

「アンカーポイント」で回転の中心を自由に変える

  1. 「正方形」のレイヤーを選んで(アクティブにして)おきます。
    Affinity Photo アンカーポイント 回転の中心を表示
  2. 「移動」ツールをクリック。
    Affinity Photo アンカーポイント 回転の中心を表示
  3. 「回転の中心を表示」アイコンをクリック。
    Affinity Photo アンカーポイント 回転の中心を表示
  4. レイヤーに「アンカーポイント(回転の中心)」が表示されました。ちなみに、「アンカー」は(船の)イカリのことです。アンカーポイント=レイヤーのイカリを降ろす位置だと思って下さい。
    Affinity Photo アンカーポイント 回転の中心を表示
  5. アンカーポイントをドラッグして移動します。(レイヤーの範囲外にも移動できる)
    Affinity Photo アンカーポイント 回転の中心を表示
  6. 「変換」はこんな感じ。この状態で、「R」の値を変更すると……
    Affinity Photo アンカーポイント 回転の中心を表示
  7. アンカーポイントを中心にして回転します。
    Affinity Photo アンカーポイント 回転の中心を表示

「回転」は、アンカーポイントを中心に反時計回り(左回り)します。このことは覚えておきましょう。

以前の記事で書いた「反復複製」と「アンカーポイント」を組み合わせると、このような円形配置も簡単にできます。
Affinity Photo アンカーポイント 回転の中心を表示

ちなみに、「アンカーポイント(回転の中心)」の表示は、「移動ツール」を使わなくても、「変換(変形)」スタジオの「アンカー」ボタンで適用中の(アクティブな)ものを押して表示できます。
Affinity Photo アンカーポイント 回転の中心を表示

アンカーポイントの補足

アンカーポイントは、移動ツールの「回転の中心を表示」をクリックすると出るので、「回転」にだけ効果があると思うかもしれませんが、そうではありません。アンカーポイントは、「拡大/縮小」の中心としても機能します。

下図は、長方形を200%に拡大したものですが、アンカーポイントを中心に拡大されているのが分かります。
Affinity Photo アンカーポイント 回転の中心を表示

これは、「変換(変形)」スタジオの「アンカー」ボタンを使う場合も同じです。
Affinity Photo アンカーポイント 回転の中心を表示

また、「変換(変形)」スタジオで表示される「X」「Y」の位置は、「アンカーポイント」がキャンバス上のどこにあるかを示しています。(アンカーポイントを移動すると「X」「Y」の値が変化する)
Affinity Photo アンカーポイント 回転の中心を表示

ちなみに、「Photoshop」ではこのような点を「(変形の)基準点」と呼びます。Photoshop で「アンカーポイント」というと「ノード(パスを描くための点)」を意味するようです。

ただ、同じ Adobe でも「Premiere(動画編集アプリ)」では、「アンカーポイント」が Affinity Photo と同じく「回転の中心」の意味でも使われます。ややこしいですね。

関連記事

【Affinity】 「変形の起点(アンカーポイント)」の位置を元に戻す方法

Affinity に関する他の記事

Affinity
「Affinity」の記事一覧です。

コメント

タイトルとURLをコピーしました