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

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

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

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

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

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

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

こんな方におすすめ

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

内容

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

登壇者プロフィール

• 株式会社necco　デザイナー ・モーションデザイナー

  fuyuna taguchi

  三重県生まれ。理学療法士として地元の二次救急病院で約6年間働いたあと、デザイナーに転職。同年に上京。都内のデザイン会社1社を経て、2020年6月から株式会社neccoに参画。モーションを取り入れたウェブサイトのデザインを行う。著書に『これからはじめるFigma Web・UIデザイン入門』（マイナビ出版、2022）がある。
  
  🐥 Twitter：https://twitter.com/fuyuna_design
  📖 個人ブログ：https://fuyuna.net/
  📚 著書：『これからはじめるFigma Web・UIデザイン入門』（マイナビ出版、2022）

  
• 映像講師

  山下 大輔 / Daisuke Yamashita

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

  

After Effectsの予習に...

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

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