Now select the Ellipse Tool, click on the icon of “paths” from top options bar, and draw a circle on a new layer.

Select the Brush Tool, open the brush panel, and select the settings provided below. Then, duplicate this layer, color it using #c81b33, place it below the original circle layer, and drag it a bit downward.Īpply the cardboard texture on the front circle in the same way that we did in step 4.ĭraw another smaller circle using Ellipse Tool, as shown below. Next, use the Ellipse Tool to draw a circle using #ea2c46 color. This will add a sense of “thickness” to your badge. Now, duplicate the shape layer by going to “Layer” > “Duplicate layer.” Place the copy of your shape layer below the original shape, drag it a bit downward, and change its color. Change the blending mode of texture layer to “Overlay.” Then, click on the “Add layer mask” icon present at the bottom of the layers panel. Now, in order to confine the texture to the shape only, click on the texture layer, hold down the “Control” button on your keyboard, and click the thumbnail of your shape layer. Open the “cardboard texture” file, and copy and paste it just above the shape layer. Now, set #01c1f2 as your foreground color, select the Polygon Tool, and use the settings shown below to draw a basic badge shape.

Let’s have a look at our final result first:Ĭreate a new document with a 600px width and a 650px height in Adobe Photoshop.įill the background with #ededef color using the Paint Bucket Tool. So, today I’ll show you how to make a stylish badge in Adobe Photoshop through an easy step-by-step approach. This way, you can tailor it to perfectly suit the needs of your current project. There are many resources for generic badges on the web these days however, it’s always good to make your own. Due to their eye-catching quality, they grasp the visitor’s attention instantaneously. Badges are a great way to display information on any blog or website.

How to make a favicon in photoshop 2017