Webデザイナーのためのモーションデザインことはじめ（ボーンデジタル） [電子書籍]Ω

After Effectsでロゴやイラストに動きをつけて、Webサイトを魅力的に演出しよう！Adobe Community Evangelistとして活躍中の著者によるAdobe公式オンライン講座「Illustratorユーザーのためのモーションデザインことはじめ講座」（2021年）は、Webデザイナーから大きな人気を博しました。After Effects 30周年の記念イヤーにあたる2023年秋、「ことはじめ講座」をさらにバージョンアップした書籍が本書です。ここ数年のWebデザインでは、動きのあるモーションデザインを求められることが多くなってきています。これを実現するためのツールとして「After Effects」があります。本書では、はじめてAfter Effectsに触れるWebデザイナーが、Illustratorで作成したロゴやイラストを動かし、Webサイトを魅力的に演出する方法を、手順を追ってていねいに解説しました。目次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機能の活用形