コンポジションのレイヤー配置と整列

どなたでも レイヤーの整理や配置に苦労した経験は おありかと思いますが 便利なツールや機能を使えば そのプロセスを少し簡単にすることができます このプロジェクトには たくさんのレイヤーがありますが きれいに整理されていません これらのレイヤーを整理して 旅行に関するこれらのアイコンを使った タッチ画面のインターフェイスを作成したいと思います アイコンを青いバーの上に整列させたいのですが このバーは非常に重要なので まずはこのバーを、コンポジション内の左右中央に 配置しましょう 下のタイムラインでレイヤー8を選択し キーボードでUUをすばやく押すと このシェイプレイヤーの変更されたパラメーターがすべて表示されます 長方形1の「トランスフォーム」オプションを見ると Xの値が18.5になっています これをクリックし、値を0.0に変更しましょう これで、レイヤーがコンポジションの左右中央に配置されました レイヤー8を非表示にして アイコンの操作に移りましょう レイヤー2を選択します これは左端のアイコンですが、ハンドルがありますね コンポジションパネルでレイヤーのハンドルをドラッグすると レイヤーのスケールと形状を変更できます Shiftキーを押しながらドラッグすれば レイヤーの縦横比を維持できます 中央の十字線はアンカーポイントと呼ばれますが これは、レイヤーを回転させた際の 基点となります 今の操作は、WindowsのCtrl+Zを押して元に戻します それでは、タイムラインの黄色いラベルから これらのアイコンをすべて選択していきましょう レイヤー2のラベルをクリックして 「ラベルグループを選択」を選択すると 同じラベルのレイヤーがすべて選択されます これらはすべてIllustrator CCレイヤーです これらのアイコンを整列させましょう ウィンドウメニューから 整列パネルを開きます 整列パネルで「選択範囲」を選択し 右端のこのボタンをクリックして、下端を揃えます 次に、「レイヤーを配置」のこのボタンを クリックすると、各レイヤーが 中心点を基準に均等配置されます 次に、これらのレイヤーを青いバーの上下中央に配置したいので インターフェイスの上部にある「スナップ」を オンにします これらのアイコンの中心を 青いバーの中心に合わせたいので このアイコンの 中心の近くをクリックして これらのレイヤーを移動します すると、 グループの中心点が青いバーの中心点にスナップします 左右の中央位置にも簡単に揃えられます ロゴが少し大きいので Sを押してスケールを表示し スケールパラメーターを調整して これらのアイコンのスケールを小さくします 次に「TRAVEL」の文字を移動します これもスナップを使いますが 今度は左下隅の近くをクリックします ここを基準にして、シーン内の他の要素と 位置合わせするわけです 左アイコンの左上隅に合わせて 放します 上矢印キーを使えば、レイヤーを1ピクセルずつ移動できます 下矢印キーを使えば、下に移動できます After Effects CCでレイヤーを配置する際には どのレイヤーが選択されているかを常に 意識しましょう また、レイヤーを移動する際には レイヤーのどこをクリックするかが重要です スナップと整列パネルを活用することも お忘れなく