A Badge

1. We'll begin this tutorial, by creating a new document at a size of about 343 x 215. I used 0a1f23 as my background color but you can use any color that you see fit. Now change the Foreground color to White and select the "Rounded Rectangle Tool" at a radius of 25 pixels and draw the below shape.

2. Now, follow both the below illustration and red arrows along with using the "Add Anchor Point Tool", "Delete Anchor Point Tool", and the "Direct Selection Tool".

The first step involves adding an anchor point to the top and bottom of the shape and the next will be to delete the two top and bottom anchor points. The rest will basically need to be moved a bit.

I know for some of you this may be a bit overwhelming. If problems do surface and you are having difficulties with this step please email me and I will make each step individuallly

3. Once you are satisfied with your badge shape, go to the main menu and choose "Edit" then "Define Custom Shape", give it a name and click "OK".

Now right click on the shape layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

Do not click OK yet. Still more to do.

4. Now click on "Inner Glow".

Do not click OK yet. Still more to do.

5. Now click on "Color Overlay".

Do not click OK yet. Still more to do.

6. Now click on "Gradient Overlay".

You may now click OK

7. You should now have the following:

8. Select the "Custom Shape Tool" and find the badge shape that you just made and draw it above the previous one. This time use span Black as the color.

9. Now right click on the shape layer in the Layers Palette and select, "Blending Options...". Now click on "Inner Glow".

Do not click OK yet. Still more to do.

10. Now click on "Gradient Overlay".

You may now click OK.

11. You should now have the following:

12. Select the "Custom Shape Tool" once again and draw yet another badge above the previous one. This time use 4879b3 as the color.

13. Now right click on the shape layer in the Layers Palette and select, "Blending Options...". Now click on "Inner Shadow".

Do not click OK yet. Still more to do.

14. Now click on "Gradient Overlay".

15. You should now have the following:

16. Next, grab the "Pen Tool" and draw the below. Make sure that the foreground color is span White.

17. Now right click on the shape layer in the Layers Palette and select, "Blending Options...".

Do not click OK yet. Still more to do.

18. Now click on "Gradient Overlay".

You may now click OK.

19. You should now have the following:

20. Select the "Text Tool" and use the below settings: You may not have the typeface "Furured" but "Verdana" will work just fine.

21. Double click the text layer in the Layers Palette to highlight the text. Then click the icon on the options palette and use the below settings.

22. You should now have the following:

23. Now right click on the text layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

You may now click OK.

24. You should now have the following:

25. Do the same with the bottom. Add your text and arch it at -50.

26. I then added a custom shape that I created earlier for this tutorial but almost any shape will do.

27. The Results!!!

To finish this off, I added a structure that I made earlier, resized and turned down the fill as I did the text layer above. I hope you enjoyed this tutorial.