28 Jun 2021

History of After Effects Logo (1993-2021)


        Adobe After Effects is a digital visual effects, compositing, and motion graphics application. And it's used in the post-production process of filmmaking, video games animation, and television production. Among other things, After Effects can be used for keying, tracking, compositing, and animation. It also functions as a very basic non-linear editor, audio editor, and media transcoder.

1. 1993 - 1995


        The very first logo for After Effects software was introduced after the launch of the product, in 1993, and stayed with it for a couple of years. The logo featured a square badge in gray, red, and white, with two black letters “AE” in the uppercase of a simple medium weight sans-serif typeface. The main color of the badge was light gray, with a small red triangle in the upper-right part of the square, a double white circle, and a white cross in the middle.

2. 1995 - 1999


        The redesign of 1995 introduced a brighter version of the previous logo, with the light gray replaced by its darker shade, and the white circle — by the one in two shades of blue. The thin white details on the badge were now colored black, and the “AE” lettering was replaced by the bold white digit “3” in a thin black outline.

3. 1999


        The logo used by the After Effects in 1999 was executed in a monochrome color palette, with the gray color as the main one. No red was used in the new badge design. The bold “3” was replaced by the “4”, which was taller, and was drawn in thinner white lines, with a thinner black outline. The “4.0” version number was set in the bottom right corner of the badge, pointing to the version of the software.

4. 1999 - 2001


A few months later, the 4.1 version of After Effects was released, hence the logo had to be redesigned again. The only difference between the new and the previous badges was in the number in the bottom right corner of the gray square. Everything else remained untouched, including the double blue and black square framing of the logo.

5. 2001 - 2003

        In 2001 the After Effects logo was redesigned again. This time it was a bright and colorful insignia with a gradient blue and green background and an image of the electric tower with several lighting bolts around it. The image was enclosed into a gradient blue square frame and had a corporate gray Adobe logo in the bottom left corner of the badge.

6. 2003 - 2006


        The redesign of 2003 switched the color palette of the After Effects visual identity to orange and yellow and kept the blue for the framing. As for the main element of the logo, the tower, it was redrawn and gained a more geometric, triangular shape, white the lighting bolts around its top became thinner and more elegant.

7. 2006 - 2007

        A completely new design concept was adopted by Adobe for After Effects visual identity in 2006. Though this new badge only stayed with the software for a few months, it got a huge influence on all the following emblems of the product. The new three-dimensional badge was executed in gradient white and gray for the background (a square with rounded angles) and transparent gradient purple for the stylized graphical part. It was a structure of several transparent layers, which resembles a mirrored letter “C”.

8. 2007- 2008


        In 2007 the After Effects logo gets a new life — the color palette remained the same, light gray and light purple shades, but they were now used in reverse. The square got colored purple, while the “Ae” lettering in a bold sans-serif typeface, placed in the middle of the badge, was white with a slight gray gradient.

9. 2008 - 2010


        The redesign of 2008 made the badge stronger and stricter by changing the color of the “Ae” lettering to black and emboldening the lines. As for the main purple color of the badge, it became lighter and gained a gray tone, which looked cold and modern. The new badge stayed with the software for two years.

10. 2010 - 1012

        In 2010 Adobe brings back the softer purple and gray color palette, though slightly changes the shades of both colors. And the flat square shape of the After Effects badge gained some geometric volume and started looking like a thick book. The new purple shade of the “cover” was cold and calm, while the lettering was set in a new gray-blue shade, which resembles a sky on a rainy day.

11. 2012 - 2013

        In 2012 the After Effects logo becomes flat again. The background gets new color — dark blue, and the lettering gets colored in violet purple. The new bright shade of the wordmark is balanced by a thick square frame of the logo, which was also executed in fluoro-violet. This was the first version of the After Effects visual identity, where the “E” was set in the lowercase.

12. 2013 - 2015


        The redesign of 2013 kept the composition and the color palette from 2012, but cleaned and refined the lines of all the elements, making the letters taller and finer, and the square framing — thinner. This version of the logo looked more professional, though managed to keep its energy and dynamics.

13. 2015 - 2020


        In 2015 the After Effects logo was redesigned again, and this time it was mostly about the color palette of the square badge. The violet shade of the lettering and the framing got some pink shade and now the fluorescent purple-pink was truly eye-catching.

14. 2020 - Now

        The corporate visual identity concept of Adobe is the core of the After Effects logo.The square emblem is framed in a light purple and featured a dark violet background. The lettering “Ae”, which stands both for “After Effects” and “Adobe” uses the same color as the frame.

        The clean and neat sans-serif typeface of the logo makes it look simple and laconic, yet bright and confident. The two-tones of purple color combination is unique and uncommon for visual identity design. Purple usually symbolizes mystery and spirituality, but on its own, it is a very strong and eye-catching color, which evokes a sense of creative approach and loyalty. The After Effects logo is minimalist and modest, as all the Adobe logos, but instantly recognizable. The brand aims to provide its users with the best features and possibilities of the motion effect software, without distracting on ornaments and curves of the emblem. It just does its work and does it brilliantly.

For more information, you can find me on 

--

17 Jun 2021

Useful Files Extension for Motion Designers & Video Editors

 Hello Internet,

        Here is very useful files Extention explanation for motion designer. In real life, we recognize the file from the icons only but have you have seen its extension? NO! Right? There are lots of files we used every day.  As graphic and motion designers, we deal with lots of files to complete one task. Maybe it would be Images, Vector files, Video template files, etc. So let's understand file extension and it's full form.

Adobe Software's File Extention

  • .aep - After Effects Project File
  • .prproj - Preiere Pro Project File
  • .ai - Illustrator Project File
  • .psd - Photoshop Project File 

Design File Extention

  • .svg - Scalable Vector Graphics
  • .eps - Encapsulated PostScript
  • .sketch  - a SKETCH file is a vector graphics file created by Sketch
  • .cdr - Corel Draw Project File

Image File Extention

  • .png - Portable Network Graphics
  • .jpeg - Joint Photographic Experts Group
  • .tif/tiff  - Tag Image File Format 
  • .gif - Graphics Interchange Format

Video File Extention

  • .mov - QuickTime multimedia file format
  • .mp4 - Common use extension for video, Encoding by h.264
  • .m4v - Is a video container format developed by Apple and is very similar to the MP4 format
  • .avi - Audio Video Interleave

Audio File Extention

  • .mp3 - Standard Audio Format
  • .wav  - Waveform Audio
I hope that this blog will help you to understand the full form of some useful files.
For more information, you can find me on 

11 Jun 2021

How to add elements on Earth using Photoshop


Hello Internet,

    In this tutorial, you can learn how to add elements on earth using adobe photoshop. Here I have added some elements like some wonders of worlds, trees, buildings, clouds, birds, etc.. To create beautiful earth. You can use any elements it depends on your imagination. So think about your design Do a rough sketch on paper and start editing. 


        Guys, The important thing is your imagination. How you put the design colors and shapes. So first draw rough images and then start photoshop. Then Collect the data, raw images, fonts, etc. Then you can start manipulating the images and after adding some effects it will give you a very nice result. In the tutorial, I edit to just show you the trick. As you spend more time you will get better results. 



For more information, you can find me on 

8 Jun 2021

HOW TO SOLVE ? "Cached Preview needs 2 or more keyframes to playback After Effects Error"


 Hello Internet,

        I'm tired of this error while working on the project. Especially when the project reaches the end and it got approved by the client. But somehow this error comes. I figured out that, What is the reason behind this error. There are many reasons for that. But I found one of the solution.

( Error )

        This solution only and only works if you have used the puppet tool in your project. To fix this error, You need to turn off the Continuously Rasterize button for your composition in which you have applied the puppet tool. Continuously rasterize is a little Star icon. If you can't find it then hit F4 Or click Toggle switches mode. Just turn it off and your problem is solved.

Don't catch it yet? Watch this video tutorial.


I hope this article will help you to solve this error.
If you want to check my project file you can download it FREE.

Download Now

For more information, you can find me on 
YouTube  |  Instagram  |  Facebook

4 Jun 2021

How to change background of any Image using Photoshop


Hello Internet,

    Let's check out how to change the background of any image using photoshop. You can use any version of photoshop for that. In the latest version of photoshop, It gives you very nice functionality to manipulate. And nowadays many applications of Android and iOS also provide that function using AI(Artificial Intelligence). But for manual editing, the best method is to use photoshop and select your area in the image.

    For this tutorial, I used two images. One is for the background that I want to add. one is a natural look photo that I have captured on my mobile device. You can use any photos.

Now Enjoy the tutorial and  Happy Editing.


Download images for free!
Download Now

For more information, you can find me on 

Popular posts