Illustratorで作成していた自分のポートフォリオのロゴを基にして、After Effectsでアニメーション動画を制作しました。
ロゴの「丸み」を活かしたモーションを意識しました。

使用ソフト

After Effects

制作時期

2026年2月

制作時間

3時間

データの設定

  • プリセット
    ソーシャルメディア（横長）1280×720px 30fps
  • デュレーション
    10秒で設定→5秒に変更。

制作時に考慮した点

After Effectsの操作に慣れることを目的として、動作やエフェクトの効果を確認しながら制作を行いました。
様々な機能を試しつつ、それぞれが違うモーションであっても雑多な印象にならないように統一感を意識しました。

エフェクト・モーションの工夫

After Effectsの操作に慣れるため、パーツごとに異なるエフェクトを採用しました。
特アニメーションプリセットだけでなく「トランスフォーム」を使用し、細かな設定を自分で調整したモーションも組み込みました。

文字の表示順はロゴの読み順と一致させ、視線の流れが自然になるよう構成。
動作の流れで文字を読む順番が自然と明確になるよう工夫しています。

円形のパーツは形状を活かし、回転・転がりなどの動きを使うことで、ロゴの「円」の印象を強調しました。

全体を通して統一感が損なわれないよう、各パーツのスピード感や動きの方向を調整し、モーション同士が自然につながるようにしました。