カート
ユーザー
絞り込む
グループ
コンテンツ
【PDFダウンロード版】Webデザイナーのためのモーションデザインことはじめ
販売価格 3,520円(税込)
購入数

20230161
【PDFダウンロード版】Webデザイナーのためのモーションデザインことはじめ
販売価格 3,520円(税込)
判型:B5判、オールカラー
総ページ数:256ページ
発売日:2023年11月17日
著者:浅野 桜、山下 大輔
編集:小関 匡
発行・発売:株式会社 ボーンデジタル

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】
この商品を購入する