How To Create 3D Animated Cube Logo In After Effects CC 2022-24

01. Creating & Saving Logo In Adobe Illustrator
- Open Adobe Illustrator ( Any Version )
- Create New work area by clicking “Create New…”

Image_01 Creating a new document in Adobe illustrator
- After clicking on Create New.. button, the new document window will appear now select your desire document size and click on Create button as shown in image 02 bellow.

Image_02 Creating a new document in Adobe illustrator
- Now you are in the Adobe Illustrator new black document. Start creating your logo… After completing your logo creating process, Export your artwork to an image file. Move your mouse pointer to the “File” menu and click on it. The file drop down menu will appear, Scroll down to the “Export” sub menu and select “Export as…” see image 03

Image_03 Saving logo in AI
- The export dialogue box is now in front of you. Choose your file destination, enter the file name, and select the file type from the list.. ie; i am selecting the PNG (Portable Network Graphics). After all these settings click on “Export button”.
- Now the “PNG Options” Dialog box will appear, where you can change the resolution of the image, and background color. Set the image resolution to “High 300 ppi”(300 pixels per inch) and Background color to “Transparent”. and hit “OK”. See image 04 and image 05.
Tip: Transparency means save this graphic file without any border or background color. You can save your file in GIF Transparent file and PNG Transparent file.

Image_04 Choosing a file type and destination folder
- After clicking on Export this box will appear

Image_05 Saving logo in PNG file type
2. Creating 3D Cube Logo In After Effects CC 2018 (Any Version)
- Open Adobe After Effects> Create a new composition>Setting up the composition. ie; Name it>In the Preset: Drop down menu select HDTV 1080p “Width 1920” and “Height 1080”, Set the composition Duration: to 10 Seconds (Depends on your logo animation) and hit “OK”. See image05.

Image_06 Creating a new composition in AE
- You have created the Composition. The next step is creating a new solid. Right click on the composition blank area> Select New> and then hit the Solid… Don’t make any changes in the “Solid Settings” menu, just hit the “OK” button. See image 07

Image_07 Creating a new Solid in AE
- Select the new created Solid> Go to Effects & Presets> Search for “Element”, and drag in to the Solid that you created. See image 08
Tip: Element 3D is a fast Open GL 3D object based particle Rendering Engine for Adobe After Effects. Download it from www.videocopilot.net

Image_08 Adding Element3D Plugin to the Solid
- You have applied the Element 3D plugin on your solid in Step 3. Select the Solid and move the mouse pointer to the Effect Controls Tab, Next to the Project tab, Expand the Element plugin and hit the Scene Setup. The Element Scene Setup window will appear. see image 09 and image 10.

Image_09 Element 3D Scene setup

Image_10 Element3D Interface
- Hit the “Create” button and select Cube, the first one in simple Models list. see image 11

Image_11 Creating Cube Model
- You have created the 3D box model. Move the pointer to the Scene section> Click on BoxModel arrow in the left> and hit the Default> Move down to the Default Edit section> Textures> Click on “None Set” in Diffuse. See image 12

Image_12 Adding Textures to the Cube
- In the Texture Channel window> Click on “Load Texture” and find the logo that you have created. After loading the image file, hit the “OK”. See image 13

Image_13 Setting Up cube texture
3: Creating Animation and light effects
Setting Channel to the object for animation.

Image_14 Setting a channel for Animation
Adding light effects to the composition.

Image_15 Adding Lights to the composition

Image_16 Light Settings
Creating Animation Using Element 3D

Image_17 Animating Cube

Image_18 Animating Logo

Image_19 Adding keyframe

Image_20 Finishing Animation
- How To Save Green Screen Video In Adobe After Effects
- How To Save Transparent Logo Animation In After Effects
Download this template
Watch Video Tutorial