《4分割!9分割!16分割!》AfterEffectsの整列で簡単に分割画面を作る方法

AfterEffectsの整列で簡単に分割画面を作る方法MOVIE

AfterEffectsで4画面、9画面、16画面などの分割画面を手動で位置調整するととても大変です。

整列パネルから行うと簡単に実現できますので、やり方をまとめたいと思います。

本記事ではAfter Effects CS6 を使った説明です。

この記事で出来るようになること

整列、配置機能を使って、以下のような分割画面を作成できるようになります。

4画面分割

4画面分割

9分割画面

9分割画面

16分割画面

16分割画面

操作手順

コンポジション”comp”の中に、画像”image.png”を配置した例での説明です。画像ではなく、レイヤー、コンポジションなどでも操作方法は同じです。

説明をわかりやすくするために、レイヤーの表示/非表示をしながら説明をしていますが、表示/非表示については説明文では触れていません。

説明中に出てくるレイヤーの並び替えについては、〔Ctl〕を押しながら並び替えたい順番に選択し、〔Ctl〕+〔X〕で切り取り、〔Ctl〕+〔V〕で貼り付ければ簡単に並び替えができます。

並び替え方法参考URL:https://www.ochiaimitsuo.com/2097/

4画面

① 画像レイヤーを配置し、スケールを50%にする

スケール設定

② レイヤー名を”layer_01″にし、〔Ctl〕+〔C〕、〔Ctl〕+〔V〕で3回貼り付け、数字順に並び替える。

レイヤーコピー

③ ”layer_01”を選択し、〔水平方向の左に整列〕と〔垂直方向の上に整列〕を選択

レイヤー1配置

左上に移動したことを確認

レイヤー1配置結果

④ “layer_02″を選択し、〔水平方向の右に整列〕と〔垂直方向の上に整列〕を選択

レイヤー2配置

⑤ “layer_03″を選択し、〔水平方向の左に整列〕と〔垂直方向の下に整列〕を選択

レイヤー3配置

⑥ “layer_04″を選択し、〔水平方向の右に整列〕と〔垂直方向の下に整列〕を選択

レイヤー4配置

⑦ 完成

結果

9画面

① 画像レイヤーを配置し、ススケールを33.3%にする

スケール設定

② レイヤー名を”layer_01″にし、〔Ctl〕+〔C〕、〔Ctl〕+〔V〕で8回貼り付け、数字順に並び替える。その後、縦横のスケールの合計が100%になるようにlayer_02/05/08の幅と、layer_04/05/06の高さが33.34%、それ以外が33.33%にします。

レイヤーコピー

③ ”layer_01”を選択し、〔水平方向の左に整列〕と〔垂直方向の上に整列〕を選択

レイヤー1配置

左上に移動したことを確認

レイヤー1配置結果

⑤ layer_02以降も同様に以下の通り移動

layer_02

レイヤー2整列

layer_03

レイヤー3整列

layer_04

レイヤー4整列

layer_05

なにもしなくてOK

layer_06

レイヤー6整列

layer_07

レイヤー7整列

layer_08

レイヤー8整列

layer_09

レイヤー9整列

⑥ 完成

完成

16分割画面

① 画像レイヤーを配置し、スケールを25%にする

スケール設定

② レイヤー名を”layer_01″にし、〔Ctl〕+〔C〕、〔Ctl〕+〔V〕で3回貼り付け、数字順に並び替える。

レイヤーコピー

 ③ ”layer_01”を選択し、〔水平方向の左に整列〕と〔垂直方向の上に整列〕を選択

レイヤー1配置

④ ”layer_02”を選択し、〔垂直方向の上に整列〕を選択

レイヤー2配置

⑤ ”layer_03”を選択し、〔垂直方向の上に整列〕を選択

レイヤー3配置

⑥ ”layer_04”を選択し、〔水平方向の右に整列〕と〔垂直方向の上に整列〕を選択

レイヤー4配置

⑦ ”layer_01”を選択し〔Shift〕を押しながら”layer_04”を選択。その後〔水平方向の中央に配置〕を選択

配置

⑧ ”layer_04”を選択し〔Shift〕を押しながら”layer_01”を選択。〔Ctl〕+〔C〕、〔Ctl〕+〔V〕で3回貼り付け、数字順に並び替える。

※レイヤーの選択順番が貼り付け後の結果に影響する為、上記の通り実施してください

レイヤーコピー

⑨ ”layer_05”~”layer_12”を選択し、〔垂直方向の中央に整列〕を選択

整列

⑩ ”layer_13”~”layer_16”を選択し、〔垂直方向の下に整列〕を選択

整列

⑪ 〔Ctl〕を押しながら、”layer_01、layer_05、layer_09、layer_13″を選択し、〔垂直方向の中央に配置〕を選択

配置

⑫ 同様に、”layer_02、layer_06、layer_10、layer_14″と、”layer_03、layer_07、layer_11、layer_15″と、”layer_04、layer_08、layer_12、layer_16″もそれぞれ〔垂直方向の中央に配置〕を行えば完成

完成

25分割画面以上

25分割画面、36分割画面などは、レイヤーのスケールは変わってきますが、基本的には16分割画面の手順で実現できます。

まとめ

位置を直接指定して分割画面を作ることもできますが、整列パネルを使うと作業効率が各段にあがります。

また、うまく使いこなせば、ここで紹介した以外にも様々なレイアウトができますので是非お試しください。