ArtFab

No public preview image is available.

Digital Tutors - Animating and Compositing Futuristic Menus in After Effects

So here is my third and final attempt at this sucker. A bunch of files were corrupted on the 2nd torrent, even though they were the same as the original torrent that worked fine apart from missing a single lesson.

So let me know if this is all good

In this series of tutorials, we will learn how to animate and composite a futuristic menu interface with footage of an actor.

This course is a follow-up course to Designing Futuristic Menus in Illustrator. If you have any interest in learning how to make all of the pieces that we will be animating, you may want to watch that first.

We start out by importing all of the assets in the various ways that will best interface with after effects for animation. We then learn how to make the pieces move with the actors motions and how to use expressions to make some of the secondary pieces have visual interest as they rotate, scroll, and reveal. Towards the end of the course, we go over some great compositing tips for making your menu look better integrated with your shot. This course will teach you how to efficiently animate multiple objects and maintain visual consistency that mimics the design of a real life interface.

By the end of this course, you will have your own composited shot of an actor interacting with a futuristic interface. You'll also be armed with knowledge on how to create complex animations using expressions with ease.

Animating and Compositing Futuristic Menus in After Effects content:

  1. Introduction and Project Overview

  2. Importing assets and setting up the main composition

  3. Placing the interface composition on the table

  4. Creating a Difference Matte

  5. Precomposing the interface elements to re-group

  6. Animating the phone border

  7. Planning the animations

  8. Bringing on the start button

  9. Repositioning and animating the introduction of the photo interface

  10. Moving the photo folder with the hand and adding secondary animation

  11. Masking the photo text to mimic life-like functionality

  12. Placing and animating the pictures

  13. Fine-tuning the picture animations and scaling up the main picture

  14. Scaling down the other pictures and exiting the main picture

  15. Introducing the maps button and exiting the pictures

  16. Adding maps to the functionality

  17. Placing and masking the maps

  18. Entering the maps, Maximizing the main map, and exiting the smaller ones

  19. Rotating the map with the actor's motion

  20. Exiting the maps

  21. Animating the reveal of the interface with the push of the start button

  22. Finishing the start animation reveal

  23. Animating the folder reveal and its secondary elements

  24. Rotating the fan dial

  25. Animating the thermometer

  26. Animating the level meters

  27. Changing the opacity of the apps for a blinking color change

  28. Adding rotation animation to the start button

  29. Adding motion to the apps button

  30. Animating the maps button using offset

  31. Animating the clocks with expressions

  32. Adding rotation for the kilowatt hour meter and fan dial centers

  33. Creating a sweeping radar with detection dots

  34. Animating the cylindrical counting dial in the folder

  35. Creating a news marquee

  36. Animating the rotating arrows on the news button

  37. Creating a draw-on effect for the graphs

  38. Animating the elements of the main dial

  39. Fine-tuning: switching on motion blur and fixing any timing issues

  40. Creating a render with a PNG sequence

  41. Adding camera shake by using existing footage

  42. Adding vignette, reflections, and blur

Open in Telegram

Keep exploring

Open in Telegram