モーショングラフィックデザイナー,G2_G2 Details
トレーラー
モーショングラフィックデザイナー, G2
今回の講座では、テーマが異なる4つの作品制作を通して、チームで魅力的なモーションデザインを完成させるためのワークフローを学んでいきます。
講座の後半では、3つ目のテーマとして、キャラクターや背景を用いた、ポップでかわいいグラフィックアニメーション制作に挑戦します。そして最後に応用として、レイヤーの作り方やエンドロール制作のポイントを身に付けながら、ビジュアルアートを使ったモーションデザインを完成させます。
実際に手を動かしながら学ぶ、モーショングラフィックス制作の秘訣を、Colosoで体験してください!
お試し動画
講座の様子を少しだけ公開します!
- 宿題の時間
受講生全員に提供
G2の講座だけの特典
-
G2の多様なモーショングラフィックス制作ノウハウを含む、講座動画32講を期間制限なしで受講可能 -
講座を通して4点の作品を完成 -
100点以上のプロジェクトファイルやプロジェクト管理用のフォーマットデータなどの資料を提供
講義資料の詳細
-
プロジェクトファイル- 100点以上のプロジェクトファイル (AEP、AI、MP4、WAV、PNG、PSDファイル) -
プラグインやスクリプトをまとめたPDF資料- G2のオススメのプラグインをまとめたPDFデータ
- 講座で使用するスクリプトのPDF資料 -
フォーマットデータ- プロジェクト管理用のフォーマットデータ各種
G2のポートフォリオ
講座の例題
例題を通して学ぶモーショングラフィックス制作ノウハウ
Edit
グラフィックデザイン提供:Shun Takeuchi
楽曲提供:waiai
Waking
グラフィックデザイン提供:mojiya
楽曲提供:黒魔
Creators Palette
グラフィックデザイン提供:かねこあみ
イラスト提供:のり恋
楽曲提供:pan
Open (your) eyes
グラフィックデザイン提供:パンチ
楽曲提供:mugim
モーショングラフィックデザイナー
G2
こんにちは。eureka inc.のG2です。プロデューサー、ディレクター、モーショングラフィックデザイナー、制作進行として企業の映像をメインに、様々な映像を年間平均80本ほど制作しています。
本講座では、私自身が独学かつ実績無しの状態から開業して培った経験や、私が持っている映像制作スキルをもとに、初心者に知ってほしいことやモーショングラフィックスの制作依頼の流れなどを解説します。
今回用意した4つの課題は、私と素材を制作してくれたクリエイターさん、そしてこの講座を見る方々と共に制作するモーショングラフィックだということを意識しています。楽しく一緒に自主制作をしながら、ワークフローの共有ができたら幸いです。

G2
モーショングラフィックデザイナー
現)映像ディレクター/映像クリエイター
現)eureka inc. 代表取締役
【経歴】
独学未経験、実績無しの状態から2019年7月にフリーランス活動を開始
2023年から共同自主制作企画「Creators Collabo」を主催
2024年5月 株式会社eurekaを設立
【経歴 / 制作実績】
2024.06 Creators Collabo 24-Summer- 開催
2024.01 領国つかさティザー 制作
2023.11 Creators Collabo 23-Winter- 開催
2023.08 KAMITSUBAKI Resident Genesis #05 「KAMITSUBAKI CITY UNDERGROUND」 制作
2023.07 株式会社ポケモン 10分でレベルアップポケモンカードバトル~ 「スカーレット&バイオレット」 シリーズ~ 制作
2023.06 Creators Collabo 23-Summer- 開催
2023.01 株式会社ポケモン 9分でわかるポケモンカードバトル ~ 「スカーレット&バイオレット」シリーズ~ 制作
2022.12 株式会社STPR すとぷり Strawberry Party!! Vol.2 ~Christmas Live 2022~ 「Jumper!」 ライブ背景演出
2021.01 TOYOTA CONIQ ブランドロゴモーション 制作
2020.12 合同会社DMM.com LINE公式アカウント自動化ツール 「チャットブースト」 制作
2020.11 Adobe Creative Residency 2020.Nov に選定
2019.07 「G2」として開業
講座の制作にご協力いただいた講師陣のご紹介
この講座のポイント
魅力的なモーショングラフィックスの原理
アニメーションの基本原則やAfter Effectsの機能を学んだ上で、よいアニメーションとは何か、また逆に見ているのが辛いアニメーションとは何かといったことを理解していきます。
グラフィックデザインの魅力を引き出すモーションデザインの作り方
良いデザインを際立たせるためには、どのような意図でデザインを依頼するべきか、また、どうしたらそのデザインの魅力を伝えられるかなど、モーショングラフィックスの制作依頼をする際に必要な知識を解説します。
チームプロジェクトで役立つワークフロー
チームプロジェクトで第三者にデータを渡す際、「どうやったら見やすいデータを渡すことができるのか」や、人から引き継がれた時に、嬉しいと感じるデータの制作方法についてお教えします。
講座内容
下記のような内容を学べます。
-
映像を仕事にする時の考え方本講座では、映像の作り方だけではなく、映像制作という仕事を通じて、どうお客様と接していけば良いのかといった、仕事における考え方をお伝えします。 -
モーションデザインの知識を徹底的に習得意図的に頭を使ったり、反復練習をしたりすることで、しっかりとツールの使い方やモーションデザインのスキルを身に付けることができます。 -
チームで「ものづくり」をする際に意識すべきことチームで作品を作る際に、自分だけでなくチーム全員が楽しく「ものづくり」ができるようになるための考え方や、その際のワークフローについてお話しします。
-
グラフィックの魅力を伝えるアニメーション作りのコツアニメーションの基本原則はもちろん、グラフィックを魅力的に見せるために必要な動かし方などを細かく解説していきます。 -
気持ちの良いモーションデザインのポイント見ている人が「気持ち良い」と感じるモーションデザイン制作のポイントや、制作にあたっての考え方についてお教えします。 -
見やすいプロジェクトファイルの作り方チームプロジェクトにおいて迅速に修正ができ、第三者でも見やすいプロジェクトファイルを作るコツについて紹介します。
- 無期限視聴
- 最安値
一回の購入で、期限の制限なく視聴することができます。
05/25 (月) 販売価格が上がります。
もうすぐ販売価格が上がる予定です。
今すぐご購入ください!
カリキュラム
カリキュラム内容のご紹介
SECTION 01. 自己紹介
01. オリエンテーション
- 自己紹介
- 本講座の概要・工程
- 配布データの利用条件
SECTION 02. ワークフローと基本的なファイル階層の作り方
02. 座学ラジオ:仕事をする際の考え方について
- ものづくりをする時に意識して欲しいこと
- 仕事の時に意識してほしいこと
03. 基本的なファイル階層の作り方
- 汚いAfter effectsレイヤーの話
- 正しいレイヤーの作り方
- Aepデータを引き継ぐ方法
- 各種データの読み込み方
- プロキシの設定と書き出しの設定
- フォーマットファイルの仕込み
SECTION 03. Edit / 基礎機能で作るエッジの効いたモーションデザイン
04. Section03の解説
Vコンの制作
- Section03の概要と工程、覚えてほしい要点
- コンテの制作について
05. ロゴアニメーション制作
- トップカットで使用するロゴアニメーション制作
06. Scene02 / UIアニメーションの制作①
- パスアニメーションの基本
- アニメーションの基本反復練習
07. Scene02 / UIアニメーションの制作②
- パスアニメーションの基本
- アニメーションの基本反復練習
08. Scene04 / Cut04
シンプルなシェイプアニメーションの制作①
- シンプルなシェイプのアニメーション練習
09. Scene04 / Cut05
シンプルなシェイプアニメーションの制作②
- シンプルなシェイプのアニメーション練習
10. テキストメインのカット制作
Cut03とCut06
- シンプルなグラフィックにつけるモーションの基本①
- Cut03は6-7講で行ったUIアニメーションの次に来るカット
- Cut06は8-9講で行ったシェイプアニメーションカットの次に出てくるカット
11. エンドカットの制作
Cut07とCut08
- シンプルなグラフィックにつけるモーションの基本②
- 10講で制作したCut06の次に制作するカット
12. 全体の仕上げ
この章でやった課題の宿題の制作
- 簡易的な質感アップ
- 宿題の時間
SECTION 04. Waking / 作字と幾何学的を際立たせるモーションデザイン
13. Section04の解説
冒頭と最後のロゴカットの制作
- Section04の概要と工程、覚えてほしい要点
- シンプルなロゴアニメーション制作
14. Cut01、サークルを回るカットの制作
- パスアニメとエクスプレッションで組むモーションデザイン
15. Cut02、うねるグラフィックの制作
- パスアニメとエクスプレッションで組むモーションデザイン
16. シンプルなモーションと簡単な作字アニメーションの作り方
- 後半カットのシンプルなモーションデザインと、 各カットにある作字の簡単なロゴアニメーションの作り方
17. 映像の仕上げ
この章でやった課題の宿題の制作
- 簡易的なコンポジット
- 宿題の時間
SECTION 05. Creators Palette / ポップで可愛いグラフィックを活かすモーションデザイン
18. Section05の解説
イラストキャラクター関節制作
- Section05の概要と工程、覚えてほしい要点
19. イラストで作るアニメーションの制作①
- 関節の分け方
20. イラストで作るアニメーションの制作②
- キャラクターのループアニメーション方法
21. かわいい背景アニメーションの制作①
- ポップなシェイプアニメーション制作①
22. かわいい背景アニメーションの制作②
- ポップなシェイプアニメーション制作②
23. 映像の仕上げ
この章でやった課題の宿題の制作
- 簡易的なコンポジット
- 宿題の時間
SECTION 06. Open (your) eyes / ビジュアルアートを魅せるモーションデザイン
24. Section06の解説
シーン01の制作
- Section06の概要と工程
25. シーン02の制作①
- OPカットの流れとレイヤーの作り方
26. シーン02の制作②
- OPカットの流れとレイヤーの作り方
27. シーン03の制作①
- トランジションで使うバグ風のカットとエンドカットに繋げるシームレスな映像の作り方
28. シーン03の制作②
- トランジションで使うバグ風のカットとエンドカットに繋げるシームレスな映像の作り方
29. シーン04の制作①
- シームレスなエンドカットまでの制作①
30. シーン04の制作②
- シームレスなエンドカットまでの制作②
31. シーン04の制作③
- シームレスなエンドカットまでの制作③
32. 映像の仕上げと講座のまとめ
- 簡易的なコンポジット
- 宿題の時間
- お役立ち情報をまとめたpdfの配布
- おわりに
インタビュー
モーショングラフィックデザイナー
G2がお話ししたいこと
この講座では、自分なりにどうしたらその部分に触れられるのかを序盤でお話しして、それを踏まえた上で、必要な映像制作のテクニックやコツを解説しています。スキルを伸ばすだけでなく、もう一歩足りないものがほしいと考えている方のお役に立てれば嬉しいです。
使用プログラムについてご案内します。
当講座は、以下のツールを使用します。
[メインツール]
Adobe Creative Cloud
After Effects CC23.6.5
[サブツール]
Illustrator 27.9.3
Photoshop 24.7.3
Brigde 13.0.7
