Yahoo Logo Recreation and Redesign

Logo recreation and redesign is one of the most popular reasons to use Illustrator. You’re able to resize the logo for the client without loosing any quality.

In this post, we will be recreating the iconic Yahoo! logo using two different methods. Knowing both will help you recreate other logos later.

In the second part of this post, we will make our own Yahoo! logo! Yahoo! will be releasing a NEW LOGO in early September of 2013. We’re going to make our own logos and see if we can outdo the new logo! Good luck everyone! Remember to submit your creation to the site!

Screen Shot 2013-08-11 at 9.12.52 AMThe first method is using a pre-made font. The Yahoo! font is available for free on

1) After downloading and installing, you will need to make a few adjustments. First, remember to set the tracking a little higher (I used 100). You will also need to make the A and the first O a smaller font size. All of this is because the font is made by someone other than the company. It is their best recreation, but it is not perfect.

2) You will need to create outlines of the lettering so you can adjust each piece by itself. Select the word, click Type>Create Outlines.

3) Place your word on top of an image of the logo that you can grab from Google Images. Change our word from a fill to a stroke. This will allow you to see your word and also the picture underneath. To perfect our logo, you will need to use the white mouse to drag points to line up with the real logo image.

When you’re finished, just change the stroke back to a fill and you’re done! Congratulations! This method is best used with complex fonts, but is only useful if you can find the font online to download.

Screen Shot 2013-08-11 at 9.15.52 AMThe second method is easy to use too! For this method, all you need to do is use the pen tool to outline the logo! This is quick and easy for the Yahoo! logo because of the straight lines. When you’re done, just change the stroke to a fill and group everything together! Remember, since you’re making shapes, you will need to Panel> Pathfinder> Minus Front for layered shapes such as the A and the Os. This will cut the center shape out of the letter (make sure the center shape is in front of the main shape)!

Your Turn!

It’s your turn! Make your own logo! Be sure to do research first. Your logo should address the type of website and the correct audience. Look at competitors and design something unique and clean! You can stay true to the purple and word logo OR you can change it completely and use new colors and even an image!

Be sure to email your logo design to to see it on the site!

Keep Calm Poster

Screen Shot 2013-07-05 at 9.07.46 AMScreen Shot 2013-07-05 at 9.11.20 AM

Level 2

Tools: White Mouse, Shape, Text
Panels: Character, Transparency
Other: Place Image, Live Trace, Expand, Select

This is the popular poster that has taken the internet by storm. It started as a British Propaganda poster that said “Keep Calm and Carry On”. This poster was lost for a while and then rediscovered where it promptly was used in a ton of spin offs.

Continue reading