本書の詳細
After Effectsでロゴやイラストに動きをつけて、Webサイトを魅力的に演出しよう！
Adobe Community Evangelistとして活躍中の著者によるAdobe公式オンライン講座「Illustratorユーザーのためのモーションデザインことはじめ講座」（2021年）は、Webデザイナーから大きな人気を博しました。
After Effects 30周年の記念イヤーにあたる2023年秋、「ことはじめ講座」をさらにバージョンアップした書籍が本書です。
ここ数年のWebデザインでは、動きのあるモーションデザインを求められることが多くなってきています。これを実現するためのツールとして「After Effects」があります。本書では、はじめてAfter Effectsに触れるWebデザイナーが、Illustratorで作成したロゴやイラストを動かし、Webサイトを魅力的に演出する方法を、手順を追ってていねいに解説しました。
ダウンロードデータは、ZIP形式で圧縮されています。WinZip（Windows）やStuffit（Macintosh）等のアプリケーションで解凍してご使用ください。ファイルサイズが「約1.53GB」と大きいため、ダウンロードに時間がかかります。
目次
「はじめに」「本書の構成」「目次」をPDFファイルでご覧いただけます。
1章 モーションデザインきほんのキ
1-1 モーションデザインをはじめよう
1-2 モーションデザインとアプリ
1-3 動画作り基本のキ
1-4 モーションデザインの考え方
1-5 モーションデザインに向いているもの
1-6 動画とAfter Effectsのキーワード
1-7 立体的な動きづくりのキーワード
1-8 ウェブ制作で活用するには
1-9 おすすめの環境設定
2章 Illustratorのデータを動かしながらAfter Effectsの基本操作を覚えよう
2-1 モーデザに適したIllustratorデータを作る
2-2 After Effectsのワークスペースを見てみよう
2-3 プロジェクトファイルと「コンポジション」を知ろう
2-4 Illustratorのデータでスライドショーを作ろう
2-5 プロパティを開いてキーフレームを打とう
2-6 背景色の設定とシェイプを知ろう
2-7 最初に覚えておきたい基本のショートカット
2-8 プロジェクトファイルと素材ファイルの基礎知識
3章 実用的＆簡単な動きを作ってみよう
3-1 パスに沿ってハート型のラインを表示する
3-2 After Effectsで線を描く・キーフレームを複製する
3-3 アイコンの背景を回転させ続けて目立たせる
3-4 アンカーポイントを決めてベルのイラストを揺らす
3-5 複数のオブジェクトを同時に動かす
4章 モーションの演出とAfter Effectsのテクニックを学ぼう
4-1 「イージング」で間の速さに緩急をつけよう
4-2 グラフエディターで速さを制御しよう
4-3 「エフェクト」メニューで雲のイラストをボカす
4-4 パスに沿って動かそう
4-5 描くモーション①マルつけのモーション
4-6 描くモーション②文字を描くモーション
5章 キャラクターを動かそう
5-1 キャラクター向けのaiファイルを準備しよう
5-2 データを取り込んでまばたきさせよう
5-3 髪の毛をなびかせよう
5-4 体や腕を動かそう
6章 仕上げと書き出しをしよう
6-1 作ったカットを繋げよう
6-2 エフェクトのトランジションで場面遷移を作ろう
6-3 MP4形式で書き出そう
6-4 作ったモーションをPremierProで使おう
6-5 書き出したデータをウェブサイトに実装しよう
7章 実践編！「モーデザ」をはじめよう
7-1 縦型の店頭向けデジタルサイネージ
7-2 3D機能の活用形