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

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

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

「時間軸」を加えることで、Web上のデザインをより伝わりやすく、よりイメージしやすいものに変えていく方法を皆で学びます。

＃Ae基礎DAY ということで初めてAfter Effectsを触る方でも一緒に進めるように基礎を確認しながら、まずはイラストに簡単な動きを加えてみましょう。このような作例の作り方を学びます。

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

こんな方におすすめ

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

講師はデザイナーのfuyunaさん。After Effectsを使ってモーショングラフィックス制作をスタートさせてから、仕事の幅が広がったとのこと。聞き手は映像講師の山下大輔さんです。

After Effectsというと、“難しい映像ソフト”と思われがちですが、作りたいものが決まっていれば、どんな方でも挑戦しやすいソフトです。まずは一緒に手を動かして、簡単なアセット作りにチャレンジしてみませんか？

2日目の#ループアニメーションDAY はこちらから

内容

• 挨拶・自己紹介
• アニメーションを取りいれるメリット
  • アニメーションスキルで広がる仕事の幅
  • 制作のワークフロー
  • Lottieを使ってWebに実装／Lottieでできないこと
• After Effects基礎 ：イラストを動かしてみよう
  • イラストを動かす前の下準備 / レイヤーの整理
  • IllustratorからAfter Effects への素材の読み込み
  • 操作画面の見方 / 基本操作
  • 基本の動きのつけ方
• 質疑応答

登壇者プロフィール

• 株式会社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をこれから始めたい方におすすめのチュートリアルはこちら！