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

9 10 2006

So Here is the psd I am giving out today.
But before I say anything…We MOVED TO A NEW DOMAIN! 
You can read the post here or there. Same thing!, But all new tutorials will be there.

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.


Actions

Information

28 responses to “Psd of the day - Glossy web 2.0 badge with rounded corners.”

10 10 2006
Mr. notebook (12:07:21) :

gool graf

11 10 2006
Jonathan (21:42:34) :

What font is that and where can I get it?

12 10 2006
aaron (04:56:43) :
19 02 2007
Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (07:53:18) :

[...] 38. Glossy web 2.0 badge with rounded corners [...]

19 02 2007
Whitesquid (18:45:04) :

[...] 38. Glossy web 2.0 badge with rounded corners [...]

20 02 2007
PsalmDesignArea » Blog Archive » Web 2.0 Webdesign-Tutorials (16:04:36) :

[...] 38. Glossy web 2.0 badge with rounded corners [...]

24 02 2007
design 2.0 at comatags (08:57:49) :

[...] 38. Glossy web 2.0 badge with rounded corners [...]

9 03 2007
Web 2.0 Tutorials Round-Up | Smashing Magazine (16:43:03) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

20 03 2007
MerT UraL Blog » Web 2.0 Tasarım Tutorial’ları (19:54:06) :

[...] 38. Glossy web 2.0 badge with rounded corners [...]

16 04 2007
Herb (14:10:05) :

Hi, this is a great little tip, I love how it turns out.

21 04 2007
68 Web 2.0 design tutorials » A blog you can use! (22:36:46) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

22 04 2007
» Blog Archive » Recopilacion de Tutoriales photoshop para web 2.0 (19:12:53) :

[...] Glossy web 2.0 badge with rounded corners por photoshopit [...]

25 04 2007
Herb (11:20:55) :

This is a great little tutorial, i love how it works too

30 05 2007
Web 2.0 Tutorials | Tekjuice.com (03:05:38) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

28 06 2007
UizL » Blog Archive » Tutorial WEB 2.0 (15:03:03) :

[...] Glossy web 2.0 badge with rounded corners por photoshopit [...]

19 09 2007
drat (16:58:38) :

very cool!!

28 09 2007
Adobe photoshop uygulamaları - Grafik Tasarım , Photoshop Dersleri , Flash Dersleri (14:02:05) :

[...] 2.0 rozetleri, burası, burası, burası, burası ve [...]

8 10 2007
Grzegorz (08:34:16) :
19 10 2007
Web 2.0 Tutorials Round-Up | Ayiva (07:23:50) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

12 11 2007
Web 2.0 Tutorials Round-Up - Article Save (20:50:42) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

29 11 2007
mehdi (08:59:51) :

dear friend
thank you ….
thank you for nice work …

1 12 2007
Tom (11:21:42) :

Great tutorial! Thanks for sharing your knowledge.

28 01 2008
Web 2.0 Tutorials | Pxdev.com (23:30:33) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

16 02 2008
Clean Tm » Blog Archive » Web 2.0 Tutorials Round-Up (04:32:34) :

[...] 39. Glossy web 2.0 badge with rounded corners [...]

10 03 2008
JT Martin (23:40:51) :

This is great. I have been looking for a blog like this. I have Photoshop but don’t have a clue how to use it. Boy did I get lucky finding this blog!

14 03 2008
AddressMan (14:48:37) :

Great! I love web 2.0 design :)

27 04 2008
Web Design (21:44:11) :

With a few changes this could be a nice Web 2.o design element
I will have a go with it right now

thanks

James

3 05 2008
2008 | Yerles.com » Adobe Photoshop Uygulamaları (22:13:30) :

[...] 2.0 rozetleri, burası, burası, burası, burası ve [...]

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>