このlynda.comシリーズのプロジェクトベースのコースでは、
初心者向けのWeb Motion、トム・グリーンは最初から最後までウェブベースのモーショングラフィックスを教えています。プロセス中に、全部で5つのプロジェクトをビルドします。
概要
グリーンは、プロジェクトを成功させるための重要な考慮事項の概要を開始します。
最初に、グリーンはアニメーションの目的とその実現方法について説明します。タブレットデバイスでのある画面から別の画面への遷移の例を使用して、彼はアニメーションを、アニメーターによって制御される個々のパラメーターに分解します。
グリーンは、アニメーションがオブジェクトを動かすことによる単なるストーリーテリングの方法であり、成功するプロジェクトを作成するために答えなければならない2つの最も重要な質問について説明します。彼は、ストーリーボードを使用してこのプロセスを支援することを実証しています。
次に、グリーンはアニメーションプロジェクトの計画プロセスとワークフローについて説明します。彼は、ワークフローのすべての段階と、プロジェクトマネージャーが設定された期限に完成したプロジェクトに到達するために、各段階の時間と費用の両方をどのように予算化する必要があるかを指摘します。
次に緑は、組織がプロジェクトの成功にとって非常に重要であることを示しています。フォント、メディア、テキスト、画像など、プロジェクトのさまざまなアセットをプロジェクトフォルダー内の専用サブフォルダーに整理する方法について説明します。
Greenは、ブラウザの互換性や再利用可能なコンテンツなど、プロジェクトを計画する際の最も一般的な落とし穴についても説明しています。また、彼は「Web Motion Toolbox」に保管しているソフトウェアも紹介しています。
この短い概要の後、5つのプロジェクトベースのビデオチュートリアルのいずれかを開始できます。
視差効果を作成する -Google Web Designerで視差効果を使用して奥行きと動きを構築する
R、Flash CC
R およびEdge Animate
R.
CSSスプライトシートのアニメーション化 -スプライトシートは、Webおよびタブレットデバイス向けにアニメーションを最適化する方法の1つです。
プリローダーを作成する -After Effectsを使用してプリロードをビルドする
R、Photoshop
R または花火
R およびEdge Animate。
アニメーションバナー広告を作成する -モーションとインタラクティブ機能を備えたWebバナーを作成します。
最終プロジェクト -この最終プロジェクトでは、Illustratorを使用してバナー広告を作成する際に、以前のプロジェクトで学んだすべての技術を組み合わせます
R、PhotoshopおよびEdge Animate。
この一連のショートコースを完了すると、計画から完了までのWebモーショングラフィックスの作成プロセスをよりよく理解できます。
lynda.comのTom Greenの他のビデオチュートリアルには、
HTML5ビデオを使用して実行する,
Edge Animateを使用したインタラクティブプロジェクトの作成,
Fireworks CS6ワークショップ そして
Fireworks CS3エッセンシャルトレーニング.
//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html
開示:私はこの記事に対して金銭的な報酬を受け取っていません。私の経験に基づいて、意見は完全に私自身のものです。
動画の説明: Spider-Man Movie (2002) - Peter vs. Flash Scene (1/10) | Movieclips (かもしれません 2024).