アイデアをカタチにするツールはたくさんありますが、個人的に最高のアニメーションツールは引き続きAfter Effectsと言えるでしょう。ただし、利用できるプラグインが多すぎて、どれを使って良いのか迷ってしまうのが悩みどころ。 今回は、現役デザイナーがウェブサイトやアプリのアニメーション作成で実践しているプラグインやツールを、7つのシンプルな手順を追ってご紹介します。このガイドラインでは、デザイナーとデベロッパーが一緒にプロジェクトを進める効果的な方法をマスターできます。 No.1 SketchかFigmaでデザイン開始 レイヤーにきちんと名前を付けているか確認しましょう。After Effectsに取り込んでしまうと、レイヤーを見つけるのが難しくなってしまいます。 AEUXプラグインを利用することで、SketchまたはFigmaで作成したレイヤーをAfter Effectsにボタンひとつ

数年前から、洋楽を中心に歌詞(lyric)を前面に出したミュージックビデオ、"Lyric Video (リリックビデオ)" をよく見かけるようになりました。 "Lyric Video" は撮影の一切ない「モーショングラフィックス」から、実写映像と合成したもの、さらには手書きやハンドメイドのクラフト系「ストップモーションアニメ」など、様々なアイディアで作られており、見応えがあるものも多くあります。 特に「モーショングラフィックス」や文字が動く「キネティックタイポグラフィ」は、Adobe AfterEffectsなどのソフトウェア（とプラグイン）があればPC上のみで作ることもできるため、制作コストも抑えやすく、通常の PV に比べて簡単に作ることができる手軽さも大きな特徴です。 そのため、初めから"Lyric Video" として作られるプロモーションビデオ（PV）だけでなく、通常の PV を