Here, I will be posting my journey to master the art of motion graphics.
I have multiple mentor all over the Internet, they don’t know me, I certainly know their work. Some of them created design and animation courses on Learnsquared, Mograph mentor, School of motion, The Futur and Skillshare.
Therefore I cannot miss the opportunity to learn from the best.
With all this extra work, my goal is to have an excellent design (Theory of colors, compositions, Typo) and animation fundamentals for the futur project I will be working on.
Thank you all Chris Do, Evan Abrams, Andrew Kramer, Handel Eugene, Daniel Scott, Jorge Canedo Estrada.
How to guide the viewer’s attention using the principle of animation and design?
I made this video as an assignment as I was applying for a job at The Futur, the goal was to either tell a story or teach something in a 1min video. At that time I was finishing the Advanced motion methods by School Of Motion, an intense animation course for 6 weeks, so I wanted to teach some of the core principle I’ve learned during the course: Guiding the viewer’s eyes using principle of animation and design. Eye tracing involves as an animator using movement of the main object to influence and lead viewers attention to where they should be looking. This process uses varying techniques of movement, framing, color, contrast and more. The main goal here is to make my animation more exciting, and more effective at communicating, I should never forget that I’m a communicator first, then an animator.
In here I used some of the core principles such as: Anticipation, Follow through, secondary animation, contrast, color change
The Art of the ball bounce
During my second course at School Of Motion, I went back to the basics. As Naval said: “It’s better to know the basics really well, than to know the advanced on any subject” If you have solid foundation, you’ll know how to rebound when you don’t have inspiration.
The ball bounce exercise is one the most important task to do as an animator when you start, it requires lots of knowledge, using the graph editor as the main tool.
Here’s a sample of the PDF from the Animation Bootcamp by School Of Motion:
When you explain something to others, you make a simplified structure of whatever you’re explaining, and it helps you remember it better.
Einstein famously said that if you can’t explain something to a child, you don’t know it.
It’s easy to trick yourself, to think that you understand something, when you don’t. But it’s hard to trick others. The need to explain something to others pushes me further than if I only had to do it for myself.
I decided to use the caroussel on Instagram, because it’s the best way to communicate something complex to your audience, using one of the last feature Instagram made, means more engagement.
If you help Instagram by having people spend more time on the app, you help them make more money, they help you reaching more people. Win Win.
You can watch my caroussel on my Instagram
Animation Bootcamp Intro
At this point of the course, I’ve learned pretty much all about the core animation principle as far as motion graphics is concerned. Starting now I will be focusing on the nuances when it comes to animation, secondary animation, reinforcing the direction that something’s moving by moving something else in the same direction (or in the opposite direction). A great exercise to use all the tips and tricks I learned the past few weeks into one intro.
At some point it’s good to no longer learn something new, but apply these fresh new skills into one video and make sure you understand.
HUD Design Course taught by Ahthorp
November 2019 , I decided to take my geometric grid-based design to the next level, thanks to Ashthrop, he details his full process for crafting Heads-up displays and user interface for AAA games.
Here’s some of the my early work with my new skill.
Advanced motion methods taught by Sander
I decided to take my animation into the next level with an advanced motion course taught by one of the best animators in the world.
I learned how to structure animation according to geometric proportions found in nature, deal with complexity, the process behind transitions.
I posted the best homeworks I’ve done on my instagram : https://www.instagram.com/pixel2chop/
The design are not my own, only the animation.
Geometric Grid-based design experiments
I decided to work on my design after 6 months of working exclusively my animation. The only way for me to get comfortable at one thing, is to learn the basic and experiment everyday, so I did.
I took the class on Skillshare, called : Mastering Illustrator tools and techniques for creating Geometric Grid-based designs taught by Evgeniya.
On my Instagram, I’m posting everyday my process and the results of my work. Here’s some of the best design I’ve done for the past 30 days.
The Motion design course by Jorge Canedo Estrada on Learnsquared
February 2019, I took the motion design course made by Jorge Canedo Estrada on Learnsquared.
Quote used for the project :
If the universe has no meaning, we should never have found that it has no meaning.
Here’s the styleframe :
Photoshop Essential Course taught by Daniel Scott, on Skilshare
I’ve always wanted to be decent at Photoshop, to be able to more independent, more reliable to others, and work in a larger variety of projects. This course, taught by an Adobe Certificate professor helps to get my fundamentals right at the beginning of my journey.