Free · 7 min read

After Effects for beginners: your first animation

Your first After Effects animation: compositions, keyframes, smooth motion with Easy Ease and the Graph Editor, and video export. Five steps to get started.

  • Your first animation in an evening: from an empty composition to a video
  • Why motion looks wooden and how to fix it
  • Where to share your first animation and get feedback
Get feedback on your animation
  • Free
  • 1,504 members
  • Join in 1 click

Your first animation: 5 steps

  1. 1

    Step 1

    Check your computer and install After Effects

  2. 2

    Step 2

    Create your first composition

  3. 3

    Step 3

    Keyframes: your first motion

  4. 4

    Step 4

    Smooth motion: Easy Ease and the Graph Editor

  5. 5

    Step 5

    Export and your first mini project

1,504
community members
8,915
messages with questions since July 2024
9
design games since September 2024
759
people wrote in the chat

This guide is for you if you are

  • Opening After Effects for the first time

    You want to make a first animation and understand how the timeline works.

  • A designer who wants motion

    You make static graphics or interfaces and want to bring a logo, banner or screen to life.

  • Watching tutorials without practicing

    You've seen others make impressive animations, but have never taken your own all the way to export.

In short

  • After Effects is Adobe's app for motion design, animation and visual effects. It's a paid subscription with a 7-day free trial.
  • It's demanding on hardware: Adobe lists 16 GB of RAM as the minimum.
  • All animation rests on keyframes: you set the state at the start and the end, and the app works out the motion between them.
  • The difference between wooden and lively animation is easing: start with Easy Ease (F9) and the Graph Editor.
  • Your first project: a 5-second logo or title animation, taken all the way to a finished video file.

Your first animation: 5 steps

  1. 1

    Step 1

    Check your computer and install After Effects

    Adobe offers a 7-day free trial, and once billing starts you still have 14 days to cancel for a full refund. Check your hardware first: Adobe lists a minimum of 16 GB of RAM (32 GB or more for 4K) and a GPU with at least 4 GB of memory. The basic After Effects workflow is always the same:

    • import your material into the Project panel;
    • create a composition and arrange the layers;
    • animate layer properties;
    • add effects, preview and export.

    💡 You don't need footage to learn: every exercise in this guide uses text and shapes created right in After Effects.

  2. 2

    Step 2

    Create your first composition

    A composition is a scene with its own duration, frame size and timeline. Choose Composition > New Composition (Ctrl + N on Windows, Cmd + N on macOS), enter 5.00 in the Duration field (that's 5 seconds), pick a size preset and click OK. Add text with Layer > New > Text and type your name. Get to know the panels:

    • Composition: what's in the frame;
    • Timeline: layers and time, what happens when;
    • Project: all the files and compositions in the project.

    Motion not behaving? Ask people who already animate

    In the community you can ask about keyframes, the Graph Editor or export and share a first draft of your animation for feedback. It's free.

    Get feedback on your animation

    Free. 1,504 designers are already in the community.

  3. 3

    Step 3

    Keyframes: your first motion

    A keyframe records a property's value at a point in time. Expand the layer in the Timeline, then the Transform group, and click the stopwatch next to Position: the first keyframe appears. Drag the text to the lower-left corner, move the time indicator to the end (the End key) and drag the text to the upper-right corner. After Effects creates the second keyframe itself and works out the motion between them. The spacebar starts and stops the preview.

    • P, S, R and T show only the Position, Scale, Rotation and Opacity of the selected layer;
    • try animating each of these properties on its own, then together;
    • careful with the stopwatch: switching it off removes all keyframes for that property.
  4. 4

    Step 4

    Smooth motion: Easy Ease and the Graph Editor

    Uniform motion between keyframes looks mechanical: in real life, objects speed up and slow down. Select the keyframes and press F9 (Easy Ease): the object slows as it approaches a keyframe and gradually speeds up as it leaves. Shift + F9 eases only the way in, Ctrl + Shift + F9 (Cmd + Shift + F9 on macOS) only the way out. Then open the Graph Editor (Shift + F3) and look at the speed graph: that's where you shape the character of the motion.

    💡 Make two copies of the same animation, one without easing and one with Easy Ease. Put them side by side: you'll see the difference on the first play.

    Animation looking jerky? Ask the community →
  5. 5

    Step 5

    Export and your first mini project

    When the animation is ready, add the composition to the render queue: Composition > Add to Render Queue. In the Render Queue panel, click the underlined text next to Output To, choose a name and location for the file and click Render. Another route is Composition > Add to Adobe Media Encoder Queue, which lets you keep working while the file renders. Final exercise: a 5-second logo or title animation with Easy Ease, taken all the way to a video file.

    💡 Share it in the community and ask for feedback on something specific: pacing, smoothness or the moment where the eye gets lost.

You're not alone with these questions

We counted what people ask about most in our community. Learning and courses is the number one topic, so questions about first steps in a new tool come up all the time.

You're not alone with these questions
Learning and courses938
Portfolio and case studies705
Figma647
AI tools380
Jobs and vacancies314
UX research131

Messages by topic in Spaceberry Community, July 2024 — November 2026. Keyword search.

Practice with a deadline and live feedback

The best teacher is a task with a deadline that other people see. That's why the community regularly runs design games: the same brief for everyone, a deadline and a vote.

  • Design game · January 2026

    NAOMA website redesign

    The academy's home page through the eyes of an applicant, a student and a teacher. Three finalists; the community chose the winner.

  • AI challenge · May 2025

    A landing page made by AI

    Logo, copy and visuals made only with AI tools. Four entries, an anonymous vote, and participants shared their prompts.

  • Workshop · April 2026

    Figmosha: AI in Figma

    The tool's author showed how to generate interfaces in Figma and analyze a design system.

Get feedback on your animation

Free. 1,504 designers are already in the community.

How to join: 1 minute

  1. 1

    Tap the button

    Telegram opens with the Spaceberry community.

  2. 2

    Join

    It's free: all you need is a Telegram account.

  3. 3

    Introduce yourself

    Say where you're starting from and ask your first question.

Questions and answers

Didn't find your answer? Ask it in the community.

Can I use After Effects for free?

After Effects is a paid subscription, but Adobe offers a 7-day free trial, and once billing starts you have 14 more days to cancel for a full refund. You can get it on its own or as part of a multi-app Creative Cloud plan. Prices vary by country, so check Adobe's plans page.

What computer do I need for After Effects?

Adobe lists a minimum of 16 GB of RAM (32 GB or more for 4K work), a GPU with at least 4 GB of memory and a processor with AVX2 support. Exact requirements for Windows and macOS are on Adobe's system requirements page.

Can I animate Illustrator artwork in After Effects?

Yes. Illustrator files can be imported into After Effects and animated: import the file as a composition and each Illustrator layer becomes its own layer in After Effects. That's why many designers build a logo or icons in Illustrator first, split the elements into layers, and add the motion in After Effects.

Why would an interface designer need After Effects?

To show how an interface moves: screen transitions, button micro-animations, an animated logo for a presentation or portfolio. A Figma prototype is often enough for simple screen transitions, while After Effects gives you full control over timing and easing when you need to show the motion to a client or developers.

Is the Spaceberry community paid?

No, Spaceberry Community is free. It's run by Spaceberry Foundation, a non-profit organization. All you need to join is a Telegram account. In the chat you can ask questions, share your work for feedback and take part in design games: the same brief for everyone, a deadline and a community vote. Conversations are in Ukrainian.