How to build a retro emblem in less than 10 minutes

700X100-down-free-pixel

I hope you found useful our last tutorial. In this tutorial I will use the complex vector sun rays we’ve created there and use them to quickly create a vintage looking emblem using Adobe Illustrator.

FINAL IMAGE PREVIEW – click to download illustration

vintage emblem designious How to build a retro emblem in less than 10 minutes

Step 1. You give the sunrays a fading effect towards the edges. In this example the background is white so I applied a radial gradient from yellow to white with some minor tweaks.

step1 300x129 How to build a retro emblem in less than 10 minutes

Steps 2.

You create two stars (no stroke, red fill initially, width-20 px) and a circle(width 150px), then select the two stars and create a blend using the blend tool(W) so that you have a row of stars.

step2 How to build a retro emblem in less than 10 minutes

Step 3.

You select both the blended object and the circle and go to OBJECT>>BLEND>>REPLACE SPINE so that all the stars are on the circle .

step3 How to build a retro emblem in less than 10 minutes

Step 4.

In order to get the spacing right between the stars you set the spacing options to SPECIFFIED STEPS 11.

step4 How to build a retro emblem in less than 10 minutes

Step 5.

Now rotate the circle until you get the star and end star aligned horizontally. In order to get all the stars aligned having one corner pointing upwards you need to rotate the initial 2 stars individually until you get the desired position.

step5 How to build a retro emblem in less than 10 minutes

Step 6 .

Select the blended object and go to OBJECT>>PATH>>EXPAND. Now you just need to add another fill color to the stars and place them on top of the sun rays.

step6 How to build a retro emblem in less than 10 minutes

Step 7.

If you have access to a vector library you can easily add another design element, place it in the middle and you got a retro vector emblem. For this design I used one of the design elements found in our Communism Vector Pack.

vintage element How to build a retro emblem in less than 10 minutes

We are offering you also the vector file for this tutorial, please download the illustration here.

I really hope you found the tutorial useful and you will enjoy it. Subscribe to our RSS feed to stay up to date with the latest vector tutorials and articles.

Comments

  1. Eli says

    Would you mind elaborating on the few tweaks you applied to the radial gradient? That surely isn’t just a regular radial gradient, heh. You must have applied a filter or an effect to it.

  2. cip says

    @Eli: See the image in step 1, if you take a look at the gradient slider you will notice the settings I used.

  3. James says

    Hi, I found your blog on this new directory of WordPress Blogs at blackhatbootcamp.com/listofwordpressblogs. I dont know how your blog came up, must have been a typo, i duno. Anyways, I just clicked it and here I am. Your blog looks good. Have a nice day. James.

  4. J hubbard says

    Why can I not print this tutorial out?
    It only prints the first page to step 4 . the rest of pages come out blank.

  5. bob says

    That actually in no way describes how you created the starburst effect.
    The image just shows a gradient from yellow to white. The question is, how did you create the effect of the yellow stripes coming from a center point, expanding outwards?
    This is left unexplained and sorta debunks the completeness of the tutorial.

  6. bob says

    That actually in no way describes how you created the starburst effect.
    The image just shows a gradient from yellow to white. The question is, how did you create the effect of the yellow stripes coming from a center point, expanding outwards?
    This is left unexplained and sorta debunks the completeness of the tutorial.

Trackbacks

  1. How to build a retro emblem in less than 10 minutes | Designious Times…

    In this tutorial I will use the complex vector sun rays we’ve created there and use them to quickly create a vintage looking emblem using Adobe Illustrator….

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>