Flat design animation after effects how to#
Flat design animation after effects download#

You’ll want to use the same color, but for the sake of this tutorial, I used white to show my first stroke and black to show the second. Nothing will change, but draw your second frame on top of the first one.

Use the command key and right arrow key to advance to the next frame.

The first frame might be boring, but the animation will look clean if it starts out small! For this example, I am going to draw a curly, moving doodle.

2 is a convenient duration because it allows your frames to overlap for a second-you will see how this works after the next couple steps. The duration indicates how many frames of motion your paint strokes will be on-screen for.

Set the frame duration as a “custom” of 2f.

In this example, I am using a simple, circular 15 px brush in the color white. Once this is created, you can select your paintbrush as well.

Double-click the brush tool ( ) to create a paint layer.

Go to Layer > New > Solid to create one with a color of your choice.

We are going to use this solid color as our background.

Create a new composition with a solid color layer.

Flat design animation after effects download#

Download them and try it for yourself:Ĭheck out more great After Effects tutorials at Skillfeed. I set the blending mode of the layer to Screen and lowered the opacity in order to place the clouds on top of the Particle World.Īdd a Camera, animate it, and you have have an awesome rotating Earth in space!įor more inspiration, check out some related work from our amazing Footage contributors » To add some clouds, I used this space image from contributor pixelparticle. Make your Glow Based On the Alpha Channel and your Color B = #000000 so that the glow affects the edges of the sphere. To make the Earth pop off the background, I added a glow to the edges by selecting Effect > Stylize > Glow. The settings I used for both of the particle layers are below: I also set my animator to Twirl and my particles to Shaded Spheres. In this case, I turned my gravity settings to 0 and widened my particle field to fit the composition. Particle World has quite a few different settings, so you’ll have to explore a bit to get the results you prefer. Then add the CC Particle World effect to your new Solid by clicking Effect > Simulation > CC Particle World. To do this, you need to create a new Solid by going to Layer > New > Solid. Now that you have your 3D Earth, we’ll add some stars. To rotate the Earth from side to side, rotate using the Y axis. CC Sphere allows you to map a flat object onto a sphere, while also giving you control over lighting, shading, and rotation. Import your flat image and place it into your composition.Īdd the CC Sphere effect by going to Effect > Perspective > CC Sphere. (If motion isn’t your thing, you can also check out this tutorial on creating 3D spheres in Illustrator.)Ĭreate a new project and composition in After Effects. I used this this image from contributor _EG_. You’ll need two things: a basic knowledge of After Effects, and a flattened image of Earth.

Flat design animation after effects how to#

In this tutorial, you’ll learn how to use Shutterstock assets to create a 3D animated globe. After Effects offers some pretty amazing tools to help your 2D images come to life in a 3D environment.