そのイラスト、動かしてみない?WebデザイナーのためのAfter Effects入門 #ループアニメーションDAY

受付は終了しました
  • 2022年4月29日(金) 13:00 - 14:40
  • Zoom
  • 857名が参加予定
  • Fuyuna Taguchi
    デザイナー ・モーションデザイナーFuyuna Taguchi
  • 山下 大輔 / Daisuke Yamashita
    映像講師山下 大輔 / Daisuke Yamashita

デザイナーの皆さん、「サイト上のイラストを動かしてみたい!」と思ったことはありませんか?
「動きでコンセプトを表現したい!」
「デザインの力をさらに飛躍させたい!」

そんな皆さんに向けたAfter Effects入門講座です。

「時間軸」を加えることで、Web上のデザインをより伝わりやすく、よりイメージしやすいものに変えていく方法を皆で学びます。
#ループアニメーションDAY ではWebデザインに好まれるデザインや動きのパターンを学び、繰り返し再生されるループアニメーションを作ってみましょう。このような作例の作り方を学びます。

▼こんな動きを一緒につくります!

講師は1日目に引き続き、デザイナーのfuyunaさん。聞き手に映像講師の山下大輔さんです。
講座の後半では、Webサイトで使いやすい書き出し形式のお話や、エンジニアとの確認事項実務で役立つツールの活用法などもお伝えいただきます!

1日目の#Ae基礎DAY はこちらから

そのイラスト、動かしてみない?WebデザイナーのためのAfter Effects入門 #Ae基礎DAY

【必ずお読みください】当日準備するもの https://vookinc.notion.sit...

こんな方におすすめ

  • 簡単なアニメーションを自作し、仕事の幅を広げたいWebデザイナー
  • IllustratorやPhotoshopは使用しているけどAfter Effectsは未経験。きっかけがあれば覚えたいと感じている方
  • Web上のアニメーション制作に興味のある映像クリエイター

内容

  • ループアニメーションを作ってみよう
    • 視線を引く動きのパターン
    • ループアニメーションのコツ
    • グラフエディターの使い方
  • After Effects×ツールの活用
    • どういう時に何で書き出したらいい?
    • After Effects × Lottie
    • Webサイトで使いやすい書き出し形式
    • 実際にLottieを使って実装したサイト
    • エンジニアとの確認事項
  • まとめ
  • 質疑応答

登壇者プロフィール

  • デザイナー ・モーションデザイナー

    Fuyuna Taguchi

    三重県伊勢市生まれ。理学療法士として地元の二次救急病院で約6年間リハビリの仕事をした後、デザイナーに転職して上京。都内のデザイン会社1社を経て2020年6月から株式会社neccoに参画。neccoに入社した翌月からAfter Effectsに興味を持ち、趣味や仕事での動画制作を開始。現在はデザイナー・モーションデザイナーとして働いている。

    Fuyuna Taguchi
  • 映像講師

    山下 大輔 / Daisuke Yamashita

    映像講師。Adobe Community Evangelist。主に映像制作を生業とするユーザー向けにセミナーを行う。Premiere Pro、After Effectsを得意とする。
    スキルシェアを主とした活動を行いつつ、Facebook上でAfter Effects User Group の運営、自身のサイトEverydaySkillShareを運営。
    モーショングラフィックスをもっと盛り上げたいと常日頃思っている。

    山下 大輔 / Daisuke Yamashita

After Effectsの予習に...

聞き手の山下さんが普段After Effectsでモーションをつける際に気を付けていること を記事にしてくださいました!合わせてお役立てください!

After Effectsでモーションのヒントって何か考える。

みなさんこんにちは!普段After Effectsでモーションをつける際に気を付けていることを簡単にまとめてみました。何かの参考になれば幸いです。 目線誘導 何を見せたいか? 目線誘導は重要です...


After Effectsをこれから始めたい方におすすめのチュートリアルはこちら!
ゼロから始めるAfter Effects

多くの映像で活用されている「モーショングラフィックス」。 文字やイラスト、写真などのグラフィ...