In this tutorial we’ll be making a retro banner-type logo, the final product is the one you see above. I was inspired by many other retro logos I’ve seen before and wanted to see what I could come up with.
In this tutorial I used Illustrator for the text and banner, then I took it over to Photoshop to add the fabric-like texture, to give it a “worn” feel.
1. I created a new document in Illustrator. You can make it any size but because I was creating this to show off in Dribbble, I used a size of 400×300. Great thing about Illustrator is you can resize it at a later date, so what size you create it at really doesn’t matter.
2. I then mocked up the text and created a rectangle to go behind the text. It’s a good idea to choose your colours here too. Any retro colours will work.
3. You want to create a narrow rectangle. Then pull it down a few notches so it’s not in-line with the larger rectangle.
4. Add a new anchor point (found under the pen tool). Add the new anchor point in the center of the left side.
5. Use the “Direct Selection Tool” (the silver coloured pointer). Make sure you’ve deselected everything. Use the Direct Selection Tool and hover over the left side till you find the anchor point, it’ll show up.
6. Drag the anchor point to the right. You’ll then get your ribbon effect.
7. Simply copy that layer and reflect it. Then take it over to the right side of the larger rectangle. So you’re left with what you see in the screenshot below.
8. Use the “Selection Tool” (black coloured pointer) and select all the objects. Then go to “Object/Envelope Distort/Make with Warp”.
9. You’ll be shown this window. For “Style” choose “Arc”. Then put 10% on “Bend”, you can adjust this however you like, but I felt 10% was adequate. Make sure everything else is at 0%.
10. Now everything has been warped. Select it all and drag it over to Photoshop.
11. Now that we’re in Photoshop. I added a background colour and I added a little text, just to give it a bit more of a classic look.
12. This is when you want to add the fabric look. So duplicate the layer which is the logo. Make the opacity of the bottom layer 10% (you can adjust this how you like).
13. Then select the top layer, select the eraser, use a fabric/grunge brush and add the effect how you like until you achieve something similar.
And that’s it, you have a retro logo! It might seem to take a while to actually carry out, but once you get the hang of it you’ll be able to create a retro logo within a very short amount of time.