You can easily simulate different kinds of folded stickers and folded badges in Adobe Photoshop. You can even easily integrate them with printed catalog covers, poster designs and even flyer layouts. In this tutorial, we will teach you how you can create your own folded sticker badges yourself. Do not worry, we are not creating just some cartoon clip-arts here. We will be teaching you to make these badges sleeker with dynamic shading and gradients. So let us start with creating the document.

1. First, when you create a new document in Photoshop, you must always remember to take note of your end goal for the graphic. More precisely, you should know if it would be printed in paper or published digitally on the internet. Depending on this goal, you will want to either increase the resolution (for print at 300ppi) or decrease it (for web at 72ppi). Simply adjust the value accordingly as you create your new document, along with your set dimensions.

2. We will add first our background. Of course this all depends on your design, but for our guide, we are going to use a cardboard background. Just copy paste in the background that you need for your design.

3. Now, let us start creating our sticker badge. For this tutorial, we will first create a circular sticker badge. Press CTRL+SHIFT+N to create a new layer for the badge. Name this any name you want, for this tutorial, we will name it Badge Circle.

4. Next, click on the Elliptical Marquee tool in your tools panel/window. You might want to click and hold on to the Marquee icons to see this tool.

5. Then, inscribe a circle into your work area. Make sure you hold down the SHIFT key as you do this to constrain its proportions and make it a perfect circle. Once at the size you want, release the tool and color your badge as you like.

6. Next, click on the Polygonal Lasso Tool and select the area of the badge where you want to put the fold. Make sure of course that you take into account the text and symbols that you will be putting into this badge layer.

7. Now, right click on the selected area of our polygonal lasso tool to bring up the context menu. In the options, click on the item “Layer via Cut”.

8. Now, select the cut layer we just created in the layer view. Then go to Edit -> Transform -> Rotate 180°.

9. Change the color of this cut to white and position it carefully so it looks like a fold.

10. Now, double click on this folded layer to bring up its blending options window. Add a gradient overlay with these values:

a. Blend Mode: Normal

b. Opacity: 100%

c. Gradient: Grey, Light Grey, White

d. Style: Linear

e. Angle: 170° (though it depends on the orientation of your fold)

f. Scale 100%

11. Now, double click on our original circle layer and apply a gradient overlay as well by ticking on the gradient overlay tick box. Add these values:

13. Great! Now type in the text that you want for the sticker badge. Make sure you use a very clean and clear font style and color it with a stark contrasting color with the background.

14. Then, rotate the text by just moving your mouse cursor over the selection boxes and then moving it to the rotation angle that you want. Take note that you can also rotate the circle and the fold by pressing CTRL+T then using the mouse the same way.

15. Finally, let us add a slight gloss to our badge sticker. Simply select the area of the original circle by clicking on the thumbnail picture of the circle layer in the layer view. Then create a new layer and add a white fill into it.

16. Next use, the elliptical marquee tool to cut a portion of the white circle below.

17. Next, press BACKSPACE to delete the area we selected. Then reduce the opacity of this new layer to about 30-50%.

FINAL IMAGE

Great! Now you have a nice and shiny folded logo or badge sticker that looks like it has been stuck in cardboard (or whatever material background you placed). Congratulations!

Links

top rated tutorials

Subscribe Now

Does it annoy you having to open up a browser
to check what's new on websites? Have no fear,
our newsletter is here!

Tell a Friend

If you like tutorialarea that much, why not be the first
to tell your friends about us? This is completely free
and you gain 100% credit for doing so, so all you have
to do is tap their e-mails into any number of the
fields below and we will send out an e-mail to all of them!