Category Archives: Badge Craze

Coinmama: Buy Bitcoins with Credit Card

White and Clean web 2.0 badge – Free PSD file

Hey there, Web 2.0 still going at full force. Now no one really knows what web 2.0 means at this moment.. it has become so overused that it is actually FUNNY. So I say lets have fun with everyone else. You must have noticed how today if you want a cool website domain name you have to spell it funny and drop some vowels or add some or change some – whatever works. Anyways, I would say that the badge icons have become a Big icon in the web20 phase…and I would like to give out this free web 2.0 style badge in psd format. Yippeee. As you can see in the image below a nice “Koohl Kleen Whyte Badzh or you can call it a rounded cornr Starbrst” If web20 was a language this would be it. If you feel the same way let me know in the comments below.

You can pick up the PSD here with layers intact. This is what it should look like.

lightgraybadge.jpg

Enjoy – and if you use it on your site or blog – add a link back to my site (-:

Psd of the day – Glossy web 2.0 badge with rounded corners.

So Here is the psd I am giving out today.

Yes it looks really cool, I hope you think so too. This is too short to be considered a full tutorial but it explains in short how to make that rounded corner star – Its really easy. Open up Photoshop and open new document. You select the polygon tool. Than go to top of screen to the properties bar and in the text field where it says sides __ .You fill in the number 7.
than just to the left of that text field –  rollover that small downward facing arrow , it should say “geometry options” > click on it.
Leave first field blank.
Check off all boxes .
Where it says: Indent sides by __ . You fill in 30%.
and than drag out your shape on the stage.

You can also grab the background pattern in the psd. And see all the other cool effects.
Click Here to download the psd.
The effects will be explained in depth when the full tutorial is ready .
Enjoy.

A Glossy Starburst Tutorial

So here is the easyway to make those shiny, glossy, snazzy, glassy, sleek, web2.0 style, clean, bubbly, starburst, badges things. like so.

Starburst

To begin: open up shop. 1) Press CTRL + N (open new document) make the size whatever you like – I did mine 500x 500px. background white >OK

when doc is open – Choose a foreground color you want to work with I chose dark blue.

2)Select the shape tool – choose the custom shape tool – than from the shapes library up in the properties panel on top of screen…

Select shape

select the “starburst shape” if you cant find one than click on that small arrow to the right of the shapes menu and click on ALL – this should bring up all the custom shapes which includes a starburst shape. Now with the starburst shape tool selected go to the middle of your work stage and drag out a nice shape (holding down on shift to keep perportions.) name that layer base.

With the base layer selected hold down on ctrl and click the square thumbnail on that layer. This will make a marquee selection of the starburst shape.

Create New layer .(SHIFT+CTRL+N) -place it above the base layer. – name this layer brightness. and now select that layer.
Now with the brightness layer selected – go to select >modify>contract and enter the number 1 pixels> ok.

While selection still active go to your color pallete and choose a nice bright color as foreground color of the same family as your starburst shape – for example: if your starburst is dark blue than now you should be choosing a bright/light blue.
Make sure that in your in your properties on top of the page show that your gradient tool is set to FILL TO TRANSPARENT

FILL TO TRANS

> Now grab the gradient tool and place the cursor just below your current marquee selection preferably at the bottom right corner and drag from bottom right corner up towards the top left corner and just about half way through that selection release the dragging. (Joke – no connection to tutorial: how do you take a dog with no legs for a walk? take it for a drag)

Your starburst contracted selection should still be active do not deselect. – now go create a new layer and place it above the others and select it. NOw name that layer “gloss” ( if your marquee selection for some reason has been deselected than just go to SELECT>RESELECT .) get the eliptical marquee tool (circular one) and with your one hand holding down on alt and shift – go drag a circle/oval selection partially over the top left area of your star. This should cut out a peice of your selection. Like so

gloss selection

Go change your foreground color to white and than press alt+backspace to fill that selection. Now press ctrl+D to deselect. you should now be on the gloss layer – GREAT! now go and lower the opacity of that layer from to about 27%.

opacity 27%

Now to top it off. Go select to the base layer and double click on it (or right click and select “blending options”) select the drop shadow effect and lower the opacity to 29-32% – the rest leave as default.

Drop shadow

YOUR DONE CONGRATS now go get your self a coke (or diet) and you can add any text you want on top of that usually chunky texts go well with this. ENJOY. Any questions? leave a comment and I will try to answer asap.


Have a good tutorial? Send me an email


ANOTHER TUTORIAL

glossy text tutorial

CLICK HERE TO VIEW GLOSSY TEXT EFFECT