How To Animate A Smooth Web Animation In After Effects

▼ Get my Assets and Project File here:
https://motionbyscott.gumroad.com/l/s...

In this video I will be taking you through the full process of preparing and animating this web / UI design!

You'll see my workflow, how I approach things and it's super raw to show you all the problems we encounter along the way!

We'll be first taking a look at preparing our assets in Adobe Illustrator. Then we'll move into After Effects and start animating our main objects. To finish we'll add some 3D, Parallax and layer styles to really bring the animation together.

▼ SUPPORT THE CHANNEL (& get something back ❤️) ▼

👉️ FREE After Effects Project Files:
https://motionbyscott.gumroad.com/

👉️ Find out How to Land Your DREAM Clients:
https://motionhatch.teachable.com/a/a...

_____________________________________________________________

📃 TABLE OF CONTENTS:
0:00 - Intro
0:16 - Preparing our assets
2:00 - Animating the main box
8:01 - Fixing a scale problem
10:07 - Animating the main content
35:00 - Introducing background boxes
37:50 - Animating the foreground boxes
45:32 - Animating the background
47:34 - Adding parallax
53:30 - Adding Layer Styles

_____________________________________________________________

▼MY ESSENTIAL GEAR▼
▶️ Mouse: https://amzn.to/3Eciuaa
▶️ Keyboard: https://amzn.to/45pWEfh
▶️ Microphone: https://amzn.to/3swjKlS
▶️ Key Light: https://amzn.to/3PfXTYH

_____________________________________________________________

▼ CONNECT WITH ME ▼

✅ TWITTER:
  / motionbyscott  

✅ INSTAGRAM:
  / motionbyscott  

_____________________________________________________________

▼ CONTACT ▼

For business enquiries please contact: [email protected]

*Some of the links in this description are affiliate links that I get a kickback from 😜