How to Create Spinning Logo in Illustrator

Written by alvaro roque
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Create Spinning Logo in Illustrator
Let's learn to spin that logo for real. (logo image by Juliane from

Logo creation can be a difficult and involving process of targeted market research and possibly many hours of design redoes. If you are creating a logo for a client or creating one for yourself, the end result is still the creation of a memorable logo. An aspect that may make your logo memorable is making it 3D and spinning it. Although Illustrator isn't able to spin a logo on its own, it has the ability to start it and you can finish the rest quickly in After Effects.

Skill level:

Other People Are Reading

Things you need

  • Illustrator CS3
  • After Effects CS3

Show MoreHide


  1. 1

    Open up Illustrator. A floating window should appear.

  2. 2

    Choose Video and Film Document under the "Create New" column. The settings should be fine for our purposes, so click "OK." The checkered background means that that area is completely transparent.

  3. 3

    Select the Type tool from the toolbar on your left-hand side. It is indicated by a letter T.

  4. 4

    Move your cursor to the middle of your screen and click here.

  5. 5

    Type "spin." We start with this in order for you to learn the way this technique works. You can later apply this method to the logo you create.

  6. 6

    Go to "Window," "Type" and "Character." Make the font bold and change the font size to 100.

  7. 7

    Select your "Selection" tool, which is at the top of the toolbar on the left-hand side of the screen. Select the word you just typed.

  8. 8

    Go to "Effect," "3D" and "Extrude & Bevel." You should see a 3D box. Next to it there should be three numbers in a column. Make sure all of these are at 0 degrees. Your concern will be with the middle left-to-right rotation.

  9. 9

    Extrude the word to 20 pixels in the box following the top box. Click "OK."

    How to Create Spinning Logo in Illustrator
    Your word should look like this. (green image by chrisharvey from
  10. 10

    Select the layer and duplicate it by dragging it to the "New Layer" icon at the bottom of the "Layers" panel. It is the icon that looks like a sticky note.

  11. 11

    Drag this copy layer below the original. Select this layer and go up to the "Appearance" panel, which is above the "Layers" panel. Click on the "Extrude & Bevel" effect in the "Appearance" panel to open up this effect dialogue box. In the middle box, type "-10 degrees." Repeat for one full revolution (360 degrees) adding --12.2 degrees Cor each new layer. Close and save this project to your desktop.

  1. 1

    Open "After Effects" and right-click within the "Project" panel on the left-hand side. This should open up a floating window. Select "Import," then "File." Select your logo project from the desktop.

  2. 2

    Make sure that "Footage" is selected in the "Import As" scroll-down menu, then press "OK." A new window should appear. Make sure to select "Composition" in the "Import Kind." The Footage Dimensions should be set to "Document Size." Now press "OK."

  3. 3

    Open up the folder icon that has just appeared in the "Projects" panel. Select the first layer, then click the last layer. This should select all the layers. Grab these and drop them into the "Time" line below. A window should appear now.

  4. 4

    Make sure that "Single Composition" is selected. In "Still Duration," type "0:00:00:01." This is so that each frame is a frame in length. Press "OK."

  5. 5

    Press the space bar to watch your animation. Now export it by going to "File," "Export," "Quicktime" and "OK." You can select any of the other files if you want.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.