Could not connect to Mailchimp

Photoshop tutorial 03: How to create an exclusive Vintage Badge (Part two)

This is the second part of our "Photoshop tutorial 03: How to create an exclusive Vintage Badge", if you didn't see the first part yet, we suggest to start from there.


The final result of both the Photoshop Tutorials will be this below, so let's start with the second part.



In the previous part we created the base of the vintage badge ready to be personalized.


7 - Add the number (or your logo)


Now, with the type tool, we'll add the number “03” (but you can add everything you want, also a logo for example). We used our "Henry Old Circus" font.

Modify the size until you are happy with it and position it at the center of the circle using the guides if necessary.

Apply settings as in the below screenshots.



8 - Create the punched holed plastic plaque


Draw a rounded rectangle vector shape using the first icon on the tool option bar (the same we used for the main rectangle shape).

Make sure you adjust the radius to your new shape, too. Also, make sure the “Exclude overlapping path” option is selected in the tool option bar and then draw a small rectangle over the main one.


With the Path Selection tool (black arrow), select only the small new rectangle and keep the other shape unselected. Copy and paste this eight times (basically, just click (ctrl+c) and (ctrl+v) [command+c] [command+v] eight times in a row).



Once you have copied everything, select them all.

You can keep the (shift) [shift] key pressed to add any new shape to the total selected. Once they have all been selected, select the “distribute” and “align” options in the tool options bar.



Set the color of the now holed punch plaque to off-white/ beigey yellow to give it an old plastic look. Open the layers style panel and apply the following settings.


Then, click on the gloss contour icon and modify the contour.

To do this, just click on the contour icon and change the shape of the contour as you would do with a curve layer. In this case,  we lowered the highlights and created a “double bump” in order to mimic a more plastic-like feel. You can also save the contour preset in case you want to re-use it later on.



Now we can add a texture.

Here, we used a simple paper texture like the one we used in the previous tutorial “old cardboard texture”.



All we have to do now is take care of the red bar on top of the plaque.

To do this, select the rounded rectangle vector shape again and set on “shape layer”with a radius of 10 px. Then, draw a fine rectangle. Copy the exact same effects from the circle border (including the colour fill set as dark red) and adapt the size of the bevel (10px, in this case).


On top of that bar, there will be nine plain rectangles that we will take from the previous holes (never ever work twice in Photoshop whenever possible; instead, always re-use and re-cycle!)

1st : Select the yellow plaque path with the Path Selection tool (black arrow).

2nd : Copy this layer.

3rd : Change the color of the new colour fill layer to white.

4th : Select the outer shape in the path that has just been created, but leave the nine rectangles unselected.

5th : Press “del” to erase the outer shape.

6th : Select all of the nine rectangles (hold down shift key) and place them neatly on the bar while pressing (shift) [shift] to constrain the move to a straight line.

This way, you will know that the two sets are parallel.  They are now aligned and distributed.



Open the layer style and apply the settings below:



Now, with the type tool, type each letter of the word “fontscafe” separately (we used always our “Henry Old Circus” font).

Adjust the size. (Type your letter and then hit the “enter” key of the numeric pad, not on the main keyboard. The latter will insert a new line of text.) 

Position these letters neatly upon each rectangle with the help of guides.


Apply these settings for bevel and emboss to one of the letter. 

Style: “emboss”

Depth: 150 %

Size: 5px Soften: 1px Global light 

Then, add a stroke effect of 1 px at low opacity.


Next, change the “contour” shape from a straight line to a demi-curved one.

Season to taste!


Copy these settings to all of the letters (click alt+drag the effects to each layer) and group all of the letters into one group to save some space. 



9 - The last details

Next, type the word “tutorial” (in one go)  with the “Henry old circus” font and with the same size as the “fontscafe” letters in white, and apply this to the following layer styles



W're goign to write the “vintage badge 50's” words in a different font (here, it's in “Retroactive”).

Type it in white and adapt the position and size to your liking. Then, copy the layer styles from the “tutorial” layer and adjust the parameters as needed.


On top of this shiny and refined vintage badge, we will add more depth to the badge, as well as a nice lighting effect that will compliment the lighting effect already present in the leather texture.

Add a new “overlay/neutral” layer. To do this, press (alt) [option] while clicking on the new layer icon (bottom of the layers palette). A window will open. 



This window will let you choose the blending mode and neutral colour fill for it.

So, it will be “overlay”.

Now go to filters > render > Lighting effects and apply the settings below



Once done, you can then decide to copy this new layer and just adjust the opacity to add a more dramatic effect.


You should end up with similar results to this one, with plenty of layers, but nothing too complicated!



Are you there? :) Let us know!




FONT USED for the final layout:


Syndicate content