商品情報にスキップ
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機能の活用形
ご購入にあたって
・ダウンロード販売のため、購入後のキャンセルはできません。
・入金・決済を確認後、ご登録いただいた電子メールアドレスに、ダウンロードのリンクを記載したメールを送信いたします。
・ダウンロードの有効期限はメール配信日より2週間です。PDFのフッタ部分（左下隅）に、ご登録いただいた電子メールアドレスが入ります。
・有償・無償にかかわらず、本ドキュメントを購入者以外に貸与、配布、公開することはできません。
・ご購入者様個人の使用を目的としているため、お一人様一回の購入とさせて頂いております。法人・団体様での複数冊のご利用の際は、こちらからご相談下さい。
・迷惑メール対策としてドメイン受信拒否機能などをご利用の方は、予め下記ドメインからのメールが受信可能となるよう設定をお願い致します。【ドメイン：@borndigital.co.jp】
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機能の活用形
ご購入にあたって
・ダウンロード販売のため、購入後のキャンセルはできません。
・入金・決済を確認後、ご登録いただいた電子メールアドレスに、ダウンロードのリンクを記載したメールを送信いたします。
・ダウンロードの有効期限はメール配信日より2週間です。PDFのフッタ部分（左下隅）に、ご登録いただいた電子メールアドレスが入ります。
・有償・無償にかかわらず、本ドキュメントを購入者以外に貸与、配布、公開することはできません。
・ご購入者様個人の使用を目的としているため、お一人様一回の購入とさせて頂いております。法人・団体様での複数冊のご利用の際は、こちらからご相談下さい。
・迷惑メール対策としてドメイン受信拒否機能などをご利用の方は、予め下記ドメインからのメールが受信可能となるよう設定をお願い致します。【ドメイン：@borndigital.co.jp】
Webデザイナーのためのモーションデザインことはじめ
¥3,520
（税込）
※この商品はPDF形式のダウンロード販売商品です。
※お一人様一点までのご購入となります。
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機能の活用形
ご購入にあたって
・ダウンロード販売のため、購入後のキャンセルはできません。
・入金・決済を確認後、ご登録いただいた電子メールアドレスに、ダウンロードのリンクを記載したメールを送信いたします。
・ダウンロードの有効期限はメール配信日より2週間です。PDFのフッタ部分（左下隅）に、ご登録いただいた電子メールアドレスが入ります。
・有償・無償にかかわらず、本ドキュメントを購入者以外に貸与、配布、公開することはできません。
・ご購入者様個人の使用を目的としているため、お一人様一回の購入とさせて頂いております。法人・団体様での複数冊のご利用の際は、こちらからご相談下さい。
・迷惑メール対策としてドメイン受信拒否機能などをご利用の方は、予め下記ドメインからのメールが受信可能となるよう設定をお願い致します。【ドメイン：@borndigital.co.jp】
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機能の活用形
ご購入にあたって
・ダウンロード販売のため、購入後のキャンセルはできません。
・入金・決済を確認後、ご登録いただいた電子メールアドレスに、ダウンロードのリンクを記載したメールを送信いたします。
・ダウンロードの有効期限はメール配信日より2週間です。PDFのフッタ部分（左下隅）に、ご登録いただいた電子メールアドレスが入ります。
・有償・無償にかかわらず、本ドキュメントを購入者以外に貸与、配布、公開することはできません。
・ご購入者様個人の使用を目的としているため、お一人様一回の購入とさせて頂いております。法人・団体様での複数冊のご利用の際は、こちらからご相談下さい。
・迷惑メール対策としてドメイン受信拒否機能などをご利用の方は、予め下記ドメインからのメールが受信可能となるよう設定をお願い致します。【ドメイン：@borndigital.co.jp】