アイキャッチ画像
HOME > ウェブデザイン > Affinity Photo > 回転の中心を動かすとどうなるか-Affinity Photo
記事公開日:2021.8.18
この記事は約3分で読めます。

回転の中心を動かすとどうなるか-Affinity Photo

ここではAffinity Photoの数ある機能の中から主にブログサイトや商品・サービス紹介サイトでの利用を前提としたweb用画像の作成・加工についての使い方をご紹介します。

(記事中の画像もAffinity Photoで作成してます)

このページは知ってればより効率アップTips系記事になります。

Affinity Photoの基本的な使い方こちらにまとめてあります。

画像やシェイプ等は回転できます。

そして回転の中心はデフォルトでは真ん中に設置されてます。

この回転の中心、移動できるってご存知でしたか?

そのやり方を覚えておくといろんな場面で効率的な使い方ができます。

スポンサーリンク

スポンサーリンク

通常の回転の利用方法

サンプルとして以下のような画像を用意してみました。

①の矢印と②の矢印はそれぞれひとつずつ作っていっても何の問題もないです。

ただ同じスタイルのものを作りたいならコピー&ペーストして作る方がまだ早いです。

キャプチャ画像

かといって①の矢印をコピーして同じ位置に貼り付けてその貼り付けた矢印を回転したところで、回転の中心(回転軸)が真ん中にあるため下のような感じになってしまいます。

キャプチャ画像

このあとの調整としては矢印を下の方に移動し、一方の端(右端)をコピー元の矢印に合わせ、

キャプチャ画像

矢印の長さを調整します。

キャプチャ画像

ただ実際にはこんなふうに1発で調整が完了することはほとんどなく、矢印の角度がちょっと違うかなってなったら再び矢印を回転させ→結果として再び位置がずれるのでもう一度端っこを合わせ→場合によっては矢印の長さを再調整して…なんて感じで時間ばかりが過ぎていきます。

こういう時は中心点をズらす(移動する)ことで少ない手数でしかも正確に上記操作を終わらせることができます。

スポンサーリンク

スポンサーリンク

回転の中心点の移動方法

まず①の矢印をコピーしそのままペーストします。

(ここまでは同じ)

キャプチャ画像

次に移動したい方の矢印を選択ツールで選択し、コンテキストバー(各ツール専用オプション設定)の「変形の起点を有効にする」をクリックします。

キャプチャ画像

すると矢印上に中心点が表示されます。

キャプチャ画像

【変形】スタジオから強調表示されてる青い四角をクリックしても同じ挙動になります。

キャプチャ画像

また中心点非表示時青い四角が大きいんですが、中心点を表示時青い四角が小さくなります。

キャプチャ画像

続いて中心点アイコンを回転の中心軸にしたい位置までドラッグします。

キャプチャ画像

管理人

正確に位置を指定したい場合は拡大しながらやるとうまくいきます。

これで矢印を回転させると矢印の端を起点とした回転になります。

キャプチャ画像

管理人

つまりこの時点で回転軸の中心はこれ以上調整する必要がないってことです。

こうしてちょうどいい位置まで来たところで回転を止め、

キャプチャ画像

そのまま矢印の長さを調整すれば完了。

同じスタイルのシェイプを少ない手数で正確に作ることができました。

キャプチャ画像

中心点をダブルクリックするとデフォルト位置の真ん中に戻ってくれます。

スポンサーリンク

スポンサーリンク

中心点はどこにでも置ける

(シェイプでも画像でも)中心点はどこにでも置けます。

たとえば下のシェイプ、デフォルトではシェイプの真ん中を軸にした回転になります。

キャプチャ画像

端っこに中心点を移動すれば端っこを回転の軸とした回転になります。

キャプチャ画像

そしてシェイプの外の方に中心点を置けば、大きな弧を描いての回転になります。

キャプチャ画像

管理人

この中心点の移動を覚えておくと正確に手早く作業を終えることができますよ。

おまけ

回転をいろいろやった挙句、元に戻して最初からやり直したいというような時は回転マークをダブルクリックすると回転前のデフォルト位置に戻してくれます。

[ctrl]キー画像[Z]キー画像でももちろん戻れますが、何手か進んだ後はこちらの方が簡単です。

キャプチャ画像

【Affinity Photo ver.1.10.0で検証済】

【Volar】サイトイメージ画像

スポンサーリンク

記事はお役にたてましたか?

記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

コメントはお気軽にどうぞ

メールアドレスは公開されません。
* が付いている欄は必須項目です。

内容に問題なければ下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)