コンポジションに配置したレイヤー要素をオリジナルのサイズの縦横比を維持して拡大・縮小する手順を紹介します。
概要
こちらの記事でコンポジションに配置したレイヤー要素を拡大、縮小する手順を紹介しました。
縦横比を保持して拡大、縮小する場合は、四角のハンドルのいずれかで[Shift]キーを押しながらドラッグすれば、
縦横比を保持して拡大、縮小できますが、[Shift]キーを押すタイミングがずれてしまうと、縦横比がオリジナルの状態からずれてしまう場合があります。
例
コンポジションに画像を配置しました。
右下のハンドルで[Shift]キーを押しながらドラッグすると、縦横比を保持して拡大、縮小ができます。
しかし、[Shift]キーを押すタイミングがずれてしまうと、オリジナルの縦横比と微妙に違ってしまう場合があります。
また、ドラッグで操作するため、2倍や3倍といった決められた大きさに拡大、縮小することが難しいです。
この記事では、オブジェクトのオリジナルの縦横比を保持して拡大、縮小する方法、数値を指定して拡大、縮小をする手順を紹介します。
方針
縦横比を維持して拡大、縮小する場合や数値を指定して拡大、縮小をする場合は、レイヤーの[トランスフォーム]の[スケール]の値を
編集する方法で拡大、縮小をします。
手順
今回は画像の拡大、縮小を例にします。
プロジェクトを作成し、コンポジションを作成します。
プロジェクトに画像を読み込み、コンポジションに画像を配置します。
画像の配置手順の詳細は
こちらの記事を参照してください。
ウィンドウ下部のコンポジションパネルのレイヤーの項目を展開します。子要素に[トランスフォーム]の項目がありますので、
クリックして展開します。子要素に[スケール]の項目があります。
スケールの値を左右にドラッグすると値を変更できます。
値を大きくすると、デフォルトの設定では幅と高さの両方の値が同じ値になり縦横比を保持したまま拡大、縮小ができます。
倍率を指定したい場合は、スケールの数値部分をクリックします。
数値が編集状態になります。設定したい倍率を数値で入力します。
数値を確定すると指定した倍率に拡大、縮小できます。
補足:縦横の比率を別の値にしたい場合
スケールで縦横の比率を別の値にしたい場合は、
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。
最終更新日: 2023-02-19
作成日: 2023-02-19