You are here

Lesson 1

1. Defining Motion Design

  • instructor

- Jorge R. Canedo

  • apprentice

- Maciej Kuciara

  • apprentice

- Rafael Mayani

The subject of motion design can sometimes be a broad one. In this lesson, Jorge will walk you through what exactly motion design means to him by covering the historical background of the medium as well as exploring some of the basic tools for creating simple animations.



1. What got you into motion design?

2. Compare the example animations and comment on which is superior and why.

3. Play around with Adobe Animate! Create and share a 5 second animation.

Student Gallery

1.The motion design piece I chose were the "Wonderfilled" Oreo campaign. I loved the story of bringing two unlikely characters through an oreo. I loved the mixture of playful type and illustrations in motion along with the catchy song.

2. The left animation is better. There is more connection between the ledge and the ball. The ball's animation also suggests that the ball has weight to it as well.

3. Here is my cactus animation for my first time playing with Adobe Animate.

I am UX/UI designer and love micro interactions that I come across on websites and apps.

I got into motion graphics because of both my brothers who are working in the industry. Their videos inspired me in such a way that I wanted to create myself and inspire others.

The left animation is superior because they clearly have an understanding of the principles of animation including squash and stretch, anticipation, follow through, and overshoot.

1. I chose to analyse video presentation for Keplertek AI & Robotics ecosystem :

The goal of this piece is to promote the idea of a network based on blockchain and smart contracts, to help connect different actors of AI and robotics industry such as engineers, designers, financers and so forth. It starts by showing a few great examples of what technology has brought us these last decades : self driving cars, drones, space exploration and advanced medicine. Then it illustrates how the network works, and the last part illustrates what could be the result of such a tool.

The design is vector based, using bold lines of the same thickness throughout all the piece. The background is black and the palette relatively simple : two shades of grey and four colors (orange, green, cyan and purple). The music is very optimistic, with futuristic and tricky sounds, covered by a feminine voice that is almost robotic but very enthusiastic.

The beginning is very powerful, starting on some sort of abstract flower kaleidoscope that turns into a highway symmetrical structure, itself turning into a flying drone. Next comes the space shuttle and the brain surgery, which is my favorite part with those nice lasers healing the brain and turn it into radio waves. The network part is also very well made, albeit a bit more cold and technical but there are still a lot of details to induce the idea of data communication and transformation. The robotic factory, when the walking leg is taken by a robotic arm then brought into a factory which is then shown at a more macro scale is very nice too. The end of the piece, bringing back the radial symmetry of the intro built upon many elements of the whole video, but with a far greater psychedelic intensity, is a great finish.

All the elements fit very well together due to the use of a simple line width and only a few colors. The smooth transitions made by the lines who can draw anything from anything, helps to that overall feeling of smoothness too.

2. The first one is far superior because, overall, it uses principles of animation such anticipation, overshoot and overall, everything is just much smoothed out. The animation is curvy, not linear.

3. Here is what I did. I just draw the frames one after the other without thinking too much about it in advance, and added the small detail lines in a second time. It's not very interesting but I am quite happy with the fact that I managed to somehow give it a natural, smooth feeling in some parts such as when the line rises then breaks in half or spins a full turn before dividing. Although, the beginning and the end of the animation are both shitty in my opinion. I will probably play with this software more in the future, but for now I want to get to the next lesson.

A wholistic approach to education.

- Mohammed Thiam

1. I’ve always wanted to work in an animation-related field and originally wanted to find a program in school that catered to that. I got into graphic design after teaching myself Photoshop in high school and doing some random designs and drawings for friends. When I got to school they offered an animation class and that’s when I was introduced to After Effects. I spent countless hours in the lab doing a project that involved Typography set to music. When I saw how powerful a piece became when you combined sound and design, I was hooked. The idea that you can bring life to simple objects has been something I’v always wanted to pursue ever since.

2. The one one the left is better. The ball has weight that is expressed through squash and stretch. It feels better.

3. Homework is the motion of a pendulum swing. This was really challenging for me to do by hand. Don't have much experience with frame by frame but I've always wanted to learn traditional animation. I'm glad I took the time to do this, looking forward to the rest of the course.

It was a culmination of past and present experiences that eventually turned me on to motion design. As a kid I spent a lot of time on a computer game called The Incredible Machine. It was a Rube Goldberg problem solving game where you are given objects that interact with its physical environment to achieve objectives. There usually was more than one way to solve them. Fast forward to today, I enjoyed watching TED talk videos enhanced with motion graphics to help describe stories. This sparked my desire to play with After Effects. The challenge of achieving certain motions with shapes brought back fond memories sitting at my computer playing The Incredible Machine. Motion graphics is a lot like puzzle solving to create amazing content. It's rewarding because many elements in motion design combines critical thinking with visual arts, and that's why I think it's very exciting.

Does anyone know where I can get the article referenced in the links? It seems to have gone missing (perhaps the owners site is under construction or being revamped?)

Go to [conclusion] > [notes]