19 Feb, 2007
web 2.0 star burst in Photoshop
Web Development » Design, Tutorials » web 2.0 star burst in Photoshop
This is a step by step tutorial with screenshots on how to create a web 2.0 star burst in Adobe Photoshop. web 2.0 star burst has become very popular recently thanks to web 2.0 hype. Those glossy web 2.0 star bursts are also known as Star flashes, Seal, web 2.0 Badge and can be seen everywhere especially on web 2.0 logos. At the end of this tutorial, you will be able to create a web 2.0 star burst using Adobe Photoshop.
Create a new Photoshop document of 300×300 pixels and name it anything you like.
Change the foreground color to #ffac0b.
Expand Rectangle Tool menu and click on Custom Shape Tool. 
Select Seal from Shape drop down list and make sure you have the same option settings (Mode, Opacity, Anti-Alias, etc) as below:
Create a new layer and draw a Seal. Hold down Shift key when drawing to get a perfect Seal.
Press Ctrl+Click on the layer thumbnail (containing the Seal). That will select just the seal and nothing else. With the seal selected, create a new layer.
Change the foreground color to #ffc604.
Expand Paint Bucket Tool and click on Gradient Tool.
Click inside the Gradient Drop Down menu from the Options toolbar (where it says “click to edit the gradient”). The Gradient Editor will pop up. Select the second item from Presets which is Foreground to Transparent and click OK. 
Draw a gradient line inside the Seal selection on the new layer. It should look something like below. 
Expand “Rectangular Marquee Tool” and click on “Elliptical Marquee Tool”. 
Create a new layer, and make a selection of an eclipse like below and fill it with white.
Change the Opacity of the new layer (the one with an eclipse) to between 7% – 15%. 
Type any text inside the Seal. 
Right click on the text layer and click on “Blending Properties”. 
Tick “Drop Shadow” from Styles sidebar and set the options as below: 
Crop the document nicely and make the background layer invisible (you can do this by clicking on the eye next to a layer thumbnail) 
And this is what you will get! You can also add a very subtle drop shadow if you like.
And there you have it, a web 2.0 star burst!
I used Adobe Photoshop CS4
Technorati Tags: star, star burst, web 2.0, beta, badge, photoshop, design
