Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

HUD Interface Animation in After Effects and Illustrator

Release date:2020

Author:Motion S.

Skill level:Beginner

Language:English

Exercise files:Yes

This class is made for the motion designer who is looking to learn more about Adobe After Effects and how to apply these skills in a professional setting. This class is made for all levels, a basic knowledge of the programs will be helpful.

Part 1 – We’ll start with a Thumbnail sketch and bring it into Illustrator. Create our assets and bring them into After Effects.

We’ll take our Illustrator file into After Effects and convert the layers to 3D layers and animate them using shape layers. We’ll comp these assets and create the text in After Effects. We’ll apply effects and filters to create the final look.

At the end of the course, you’ll have built up a library of assets that you can re-use in addition to creating this animation.

Watch online or Download for Free

HUD Interface Animation in After Effects and Illustrator 1
00 – Welcome! – HUD Interface Animation in After Effects and Illustrator (1 of 4)
01 – Sketching the Thumbnail – HUD Interface Animation in After Effects and Illustrator (1 of 4)
02 – Illustrator – building assets – using shapes and brushes – HUD Interface Animation in After Effects and Illustrator (1 of 4)
03 – Illustrator – building assets – using custom brushes – HUD Interface Animation in After Effects and Illustrator (1 of 4)
04 – Illustrator – building additional assets – HUD Interface Animation in After Effects and Illustrator (1 of 4)
05 – Illustrator – building assets and prepping for After Effects – HUD Interface Animation in After Effects and Illustrator (1 of 4)

HUD Interface Animation in After Effects and Illustrator 2
00 – Introduction – HUD Interface Animation in After Effects and Illustrator (2 of 4)
06 – After Effects – Importing, Camera, and BG Grid – HUD Interface Animation in After Effects and Illustrator (2 of 4)
07 – After Effects – Creating look of the first circle – HUD Interface Animation in After Effects and Illustrator (2 of 4)
08 – After Effects – laying out the circles – HUD Interface Animation in After Effects and Illustrator (2 of 4)
09 – After Effects – laying out the other elements – HUD Interface Animation in After Effects and Illustrator (2 of 4)

HUD Interface Animation in After Effects and Illustrator 3
00 – Introduction – HUD Interface Animation in After Effects and Illustrator (3 of 4)
10 – After Effects Animating the first circle – HUD Interface Animation in After Effects and Illustrator (3 of 4)
11 – After Effects Animating circle2 – HUD Interface Animation in After Effects and Illustrator (3 of 4)
12 – After Effects Animating circle3 – HUD Interface Animation in After Effects and Illustrator (3 of 4)
13 – After Effects Animating the circles – HUD Interface Animation in After Effects and Illustrator (3 of 4)
14 – After Effects Animating the rest of circles – HUD Interface Animation in After Effects and Illustrator (3 of 4)
15 – After Effects Animating the other elements – HUD Interface Animation in After Effects and Illustrator (3 of 4)

HUD Interface Animation in After Effects and Illustrator 4
00 – Introduction – HUD Interface Animation in After Effects and Illustrator (4 of 4)
16 – After Effects – Animating Blinks – HUD Interface Animation in After Effects and Illustrator (4 of 4)
17 – After Effects – Creating Type – HUD Interface Animation in After Effects and Illustrator (4 of 4)
18 – After Effects – Animating Type – HUD Interface Animation in After Effects and Illustrator (4 of 4)
19 – After Effects – Post Effects – HUD Interface Animation in After Effects and Illustrator (4 of 4)
20 – After Effects – Camera Move – HUD Interface Animation in After Effects and Illustrator (4 of 4)
21 – After Effects – Final Touches – HUD Interface Animation in After Effects and Illustrator (4 of 4)
22 – After Effects – Conclusion + Homework v3 – HUD Interface Animation in After Effects and Illustrator (4 of 4)

[Skillshare] HUD Interface Animation in After Effects and Illustrator.7z


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

10 Comments

  1. Hi! I have question. Will you ever pusblish courses for music production like those at Evenant? I see you have already uploaded “Concept Art Accelerator Bundle”, but they also do music things. Thanks

      • Hi thanks for reply. Yes courses about tools like FLStudio, Cubase… and those about techniques like orchestral music, electronic music… If you can do that 🙂

      • i need this
        i have free links but i cant download them

        https://gfx-hub.net/tutorials/18771-udemy-design-patterns-for-game-programming.html

  2. ‘Motion Practice with Ben Marriot’ course has been uploaded on grafixfather site for free. Plzz upload on your site also

  3. HI. Im trying to upgrade to a premium account but the payment link isnt working. Can you please fix it and redirect me to a working credit card pay link ? Thanks.

  4. Hey, I wanted to ask if we could get the Illustration for Animation from Motion Design School?
    Thank you for the great work

Leave a Comment

Your email address will not be published. Required fields are marked *