Digital Tutors – Animating and Compositing Futuristic Menus in After Effects

[box style=”info”] Title: Digital Tutors – Animating and Compositing Futuristic Menus in After Effects
English | Team: N/A | .flv | h264, yuv420p, 1280×720, 23.98 fps | aac, 48000 Hz, stereo | 6.8 GB

Description :

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

Read more!
[box style=”grey”]


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.