【After Effects】リピーターを使ったシェイプアニメーションができない。
![](https://www.beginavi.net/wp-content/uploads/2024/02/62f559eaa7f68549f862216015922808-640x360.webp)
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
リピーターを使ったシェイプアニメーションを作ってみましたが、うまくいきません。
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
こんな感じにしたいのに
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
こんなふうになってしまいます。
![](https://www.beginavi.net/wp-content/uploads/2021/06/8ec75cb3a9b9c07902b609a40f7795f8.png)
今回は、リピーターを使ったシェイプアニメーションの作り方を、初心者さんがつまずきやすいポイントを抑えて見ていきましょう。
リピーターを使ったシェイプアニメーションの作り方
新規コンポジションを作成します
デュレーションは5秒で作成します。
![](https://www.beginavi.net/wp-content/uploads/2024/02/243c2bbfec9efcb35de9f3761a23cebd-11-640x360.webp)
新規平面を作ります。
『Ctrl+Y』で新規平面を作ります。
タイトルアクションセーフを出しておくと良いでしょう。
![](https://www.beginavi.net/wp-content/uploads/2024/02/48acf26f3e239bfe3a3bf00b91a87a9a-14-640x360.webp)
新規シェイプレイヤーを追加します。
『追加』から『長方形』、『線』、『空のグループ』を追加します。
![](https://www.beginavi.net/wp-content/uploads/2024/02/ab5ebd7c606ddb3e63131aae650195fe-12-640x360.webp)
線のカラーをお好きな色に変えます。
グループの中に『長方形』と『線』を入れます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/f13ba1a0586841f8d393e2e745043783-6-640x360.webp)
グループのトランスフォームの『回転』を45°にします。
![](https://www.beginavi.net/wp-content/uploads/2024/02/b10fdc617cdd923392348dd2293d12f7-12-640x360.webp)
そして、次のようにキーフレームを打ちます。
長方形の『サイズ』 | 0フレーム:0 | 20フレーム:100 |
線の『幅』 | 0フレーム:25 | 20フレーム:0 |
トランスフォーム グループ1 『位置』 | 0フレーム:0 | 20フレーム:-250 |
トランスフォーム グループ1 『スケール』 | 0フレーム:0 | 20フレーム:100 |
『U』を押して全てのキーフレームを表示して『F9』でイージーイーズをかけます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/0e1c1aa80f0b0b3aff87a15303feeb47-10-640x360.webp)
グラフエディターでイージーイーズを調整します。
![](https://www.beginavi.net/wp-content/uploads/2024/02/2d89425e2ac12f1f89af9574c585ab39-12-640x360.webp)
リピーターを追加
コンテンツの『追加』からリピーターを追加します。
![](https://www.beginavi.net/wp-content/uploads/2021/06/8ec75cb3a9b9c07902b609a40f7795f8.png)
このとき、『長方形』や『線』を選択していない状態、『コンテンツ』を選択してからリピーターを選択するようにしてください。
![](https://www.beginavi.net/wp-content/uploads/2024/02/30cc1b43dd4e310b46806482288eed60-12-640x360.webp)
そしてリピーターをこのように設定します。
リピーター1 コピー数 | 10 |
位置 | 0 |
回転 | 36 |
![](https://www.beginavi.net/wp-content/uploads/2024/02/2ad8424bbfcd05f125db6b5b7ca0e1a1-9-640x360.webp)
![](https://www.beginavi.net/wp-content/uploads/2021/06/8ec75cb3a9b9c07902b609a40f7795f8.png)
どうですか? できましたね。
初心者さんがつまずくポイント
初心者さんがリピーターでつまずくポイントの1つにリピーターを追加する時選択している場所があります。
『長方形』や『線』を選択したままリピーターを追加すると、リピーターの追加される場所はこのようになります。
![](https://www.beginavi.net/wp-content/uploads/2024/02/02bdbe5e7ec1f985fb341c3901e15633-640x360.webp)
先ほどと同じようにリピーターの設定をします
コピー数 | 10 |
位置 | 0 |
回転 | 36° |
するとこのようなアニメーションになりました。
![](https://www.beginavi.net/wp-content/uploads/2021/06/e3c0efa70e70251e891bdb0c0613bb18.png)
その場合はリピーターをグループの外に出します。
リピーターはリピートさせたい要素の下に配置します。
リピーターはコンテンツ内の下にある要素を全てリピートさせます。
リピーターについてもう少し詳しく学びたい方はこちら
![](https://www.beginavi.net/wp-content/uploads/2024/02/685135e81fe095850f7ff568c817503d-5-640x360.webp)
すると このようにきれいに丸く広がるアニメーションになりました。
まとめ
思っていたのとちょっと違う動きになってしまった時は、リピーターを追加する位置に注意してアニメーションを作ってみてください。
基礎からきちんと学びたい方におすすめ。「プロが教える! After Effects モーショングラフィックス入門講座」
同じカテゴリの記事一覧