EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Logo Animation in After Effects

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » Logo Animation in After Effects

logo animation in after effetcs

Introduction to Logo Animation in After Effects

Adobe After Effects software has developed and maintained by Adobe Systems. It was originally developed in January 1993 by David Herbstman, David Simons, Daniel Wilk David M. Cotter, and Russell Belfe at the company of Science and Art, after that, it was hired by the Adobe in 1994. Adobe After Effect software is used for Visual effects, Motion Graphics, Compositing and different types of Animation in our project. Logo animation is the basic part of Adobe After Effects software. Logo animation gives moving appearance to your logo and connects it to the real world and we can make changes many times until we get the best result of our model in our project.

Animating our Logo in Adobe After Effects

Here you will learn how to animate your logo in any project in a step by step manner. Let’s start our tutorial in a very interesting way:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: First of all, we set composition settings in this step. For this setting a dialog box of composition, setting will open when you click on the new composition option of the start screen of the software.

composition (Logo Animation in After Effects)

Step 2: A dialog box of composition settings will open. We will not change the width and height of the background layer from here you can change it according to you. We will change the color of this layer by clicking on the background color tab of this dialog box. I will choose a gray color from here because it suits my logo design. You can choose as you like to click ok on the ok tab button of this dialog box.

setting compositon (Logo Animation in After Effects)

Step 3: Now I will make a solid layer by right-clicking on the mouse in this section. A drop-down dialog box will be open, go to a new click on the solid tab or press Ctrl + Y on the keyboard.

solid layer

Step 4: A dialog box will open. Now I will choose the color according to my logo and click Ok on the ok tab of this dialog box.

Popular Course in this category
After Effects Training (1 Courses, 3+ Projects)1 Online Courses | 3 Hands-on Projects | 20+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (2,808 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

color setthing

Step 5: Now right-click on this section from mouse to import your logo here. Go to import option click on file option.

import file (Logo Animation in After Effects)

Step 6: A dialog box of import file will open, choose your logo from where you saved it, you can download any logo from the internet for your learning. I am using the png file of the logo here.

import logo file (Logo Animation in After Effects)

You can see the imported logo in this section of the work area of adobe after effect software.

working area adobe (Logo Animation in After Effects)

Step 7: Now click on the logo and drag it to the composition area and leave it here by releasing the click.

place logo (Logo Animation in After Effects)

Step 8: You can set the size of your logo according to you by clicking and holding the small square box around the logo and dragging it to resize.

resize logo

Step 9: Now we will give some effect to our logo. For applying effect right click on the logo layer with the mouse button go to layer style, choose any one of style from here and see the effect of all style on your logo one by one for your better learning.

effects to logo

Step 10: I will choose the Drop Shadow option here. Now you can set the parameter of drop shadow from here. You can change the color of shadow, angle of shadow, the distance of shadow form the logo.

shadow option

Step 11: You can delete any style at any time. Click on the layer of that style and press the delete button on the keyboard to delete that style layer.

delete style

Step 12: Now we will animate our logo, click on the logo layer and click on the Transform arrow key.

transform key (Logo Animation in After Effects)

Step 13: First of all we will set an animation in scale option of the logo then click on the clock-like icon of the scale layer.

scale option

Step 14: A keyframe for scale animation is generated here.

keyframe

Step 15: Set initial data for scale by changing the data from here.

change initial data

Step 16: Now set the time by dragging the keyframe by holding the left click button of the mouse.

set time in logo (Logo Animation in After Effects)

Step 17: Click on this tab to generate a new key. You can delete any key if you do not want that key, select that key by click on that key and press this generate key icon to delete that key.

remove or generate key

Step 18: Now again set the scale parameter and the time frame for this key.

set scale parameter

Step 19: Now you can see the effect of this animation. For seeing a preview, drag the keyframe at the start point.

preview animation (Logo Animation in After Effects)

Step 20: Click on the Third option from here. We are choosing the third option from here so that the render of this animation can be done very easily.

render animation

Step 21: And press the spacebar on the keyboard to play the animation.

play animations (Logo Animation in After Effects)

Step 22: Now I will do the same setting in rotation option of the logo layer for giving rotation animation to my logo. You have to follow the same steps as I did in scale animation.

rotation animation

Step 23: Now I will do some animation in the layer styles. For setting animation here, click on the layer style layer choose the style in which you want to make changes. Now give animation by following the same steps as I did in previous.

set layer style

Step 24: Now I will set an animation in a solid layer. For setting animation here click on the solid layer click on transform option of this layer and set the parameter which you want to animate by following the same steps of animation setting as we did in previous.

animation in solid layer

Step 25: Now drag the keyframe at the start point and press the space bar from the keyboard to see the animation.

drag animation

Step 26: This is the final animation of our logo.

final animation in logo after effects

Here I gave you a simple animation tutorial for logo animation for your better understanding. You can animate your logo as you want by using different types of transformation in the logo and make it more realistic.

Conclusion

In this way, you can easily animate your logo for any purpose. After having command on the animation of logo you will become more and more able to give your project an effective and interesting view for the viewer. Animation of the logo in your project attracts the viewer and gives them a sense of your project in the real world.

Recommended Articles

This is a guide to Logo Animation in After Effects. Here we discuss the steps for creating our own logo animation in after effects. You can also go through our other related articles to learn more –

  1. Mask in After Effects
  2. Animation Software
  3. Text Animation in After Effects
  4. Crop in Illustrator
  5. Overview of Animation in After Effects
  6. Principles of Animation
  7. Complete Knowledge to After Effects Software
  8. Rain in After Effects | Methods
  9. Guide to Logo in Maya

After Effects Training (1 Courses, 3+ Projects)

1 Online Courses

3 Hands-on Projects

20+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Text Effects in After Effects
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects Optical Flares
    • Glow in After Effects
    • After Effects GIF
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - After Effects Training (1 Courses, 3+ Projects) Learn More