You are here

Motion Design

  • instructor

- Jorge R. Canedo

  • apprentice

- Maciej Kuciara

  • apprentice

- Rafael Mayani

Follow along as motion designer and director Jorge R. Canedo Estrada (AKA Jr.canest) breaks down his motion design process from start to finish, covering project insights, Jorge's Principles of Motion Design, Photoshop, Illustrator and particularly After Effects to help you create your own animation.

Sign Up Any Time

* There is currently no pending mentorship for this course. Please sign up for the Waiting List to be notified of any available sessions in the future.

Student Gallery

Motion Design

Simple bounce using principles of animation.

1. My interest in motion design rose up when i saw Jr. Canest, James Curran and Mantas Gr. works. They inspired me to learn and practice as much as I can.
2. Animation on the left is superior, because it has better easing, timing, animation is pixel perfect, when objects collide they don't overlap each other, motion blur creates more smooth movement of the ball. Also it's done with better understanding of laws of physics.
3. Done this simple liquidish japanese flag animation in less than an hour.

For the 5 second animation I wanted to implement the ball bouncing example on the Y axis as well as add in another element of a rocket swerving around. Played around with a timer board and moving around a mask to reveal/hide the number as it animated in.

The best class I've ever had.

- Minhyung Chun

1. I am very new to motion design in the sense of creating and actively paying attention to the creations all around me. One of the first videos I came across while researching this area of study was the FITC Tokyo 2015 Titles as directed by Ash Thorp. The visuals were astounding, the movements were all executed with purpose and yet instilled a sense wonder rather than machinery.

The piece was made to introduce the conference in Tokyo, while injecting the essence of traditional Japanese culture as well as modern aesthetics within Tokyo itself.

The audio that accompanies this piece builds up a sense of anticipation, suspense, and wonder as you traverse through the colors and animations on screen, this coupled with the additional "glitch" effects brought another element of complexity which I would consider part of the modern Tokyo aesthetic they were aiming to incorporate.

All the transitions were incredible to me, the ability to use so many colors, shapes, and effects without causing visual overload in a painful sense was truly a display of expertise by all involved. Part of the project was meant to showcase true chaos then diving into moment of peace, this is shown through color schemes and placement of typography and shapes.

This is a piece I will visit often, and try my best to analyze and study, all the element work to wonderfully together and inspires me to push forward and learn the tools to the best of my ability as well as remember that anything can be created, no limits.
2. I will start by stating the first animation (on the left) is superior than the one of the right. First, as the ball drops into the curve, there is a clear adjustment to speed to the first animation which demonstrate real world properties of motion. The ball slows as it reaches its peak within the curve, and accelerates as it rolls down, the second animation does not have this property and maintains the same speed throughout its motion within the curve.
This property is shown through the rest of the first animation in various ways. Second would be the "motion blur" effect introduced when the ball accelerates to a high speed. which adds depth to the motion of the ball and makes it far more realistic for the viewer.
3. Hopefully the upload worked, I exported a GIF from the instructions provided in the video tutorial using Animate CC then Photoshop to export. In my animation I have a shape that morphs through the air, a stick figure coming into frame, only to be crushed by a box, and transformed into a floating skull which burst into flames and the figure comes back as a ghostly being. The art class I took over 10 years ago is kicking in here, truly a masterpiece!

Here are a couple quotes I have written down for animation ideas

"The difference between a successful person and others is not a lack of strength, not a lack of knowledge, but rather a lack of will" - Vince Lombardi

"Dearly beloved. We are gathered here today to get through this thing called life." - Prince

"We must take adventures in order to know where we truly belong."

"To be or not to be"

-Simple
-Collage
-lines

juxtaposition, choices,

Script:
A lion named Brian, bowling with a banana from the Bahamas, or a football fighting with a stool in cotton wool as Peter O'toole looks cool from the pool.