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.

Possibly related posts: (automatically generated)

« Psd of the day – Hot text with rays of light. Layer Effects – transfer from one layer to the next. »


Actions

Information

41 responses

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

gool graf

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

What font is that and where can I get it?

Reply
12 10 2006
aaron (04:56:43) :

You can get it http://www.dafont.com/marcelle.font

Reply
19 02 2007
Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (07:53:18) :

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

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

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

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

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

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

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

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

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

Reply
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 [...]

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

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

Reply
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 [...]

Reply
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 [...]

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

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

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

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

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

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

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

very cool!!

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

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

Reply
8 10 2007
19 10 2007
Web 2.0 Tutorials Round-Up | Ayiva (07:23:50) :

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

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

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

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

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

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

Great tutorial! Thanks for sharing your knowledge.

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

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

Reply
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 [...]

Reply
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!

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

Great! I love web 2.0 design :)

Reply
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

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

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

Reply
15 05 2008
Adobe Photoshop Uygulamaları « com10 - Hayatızı Com’layın (10:27:06) :

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

Reply
14 07 2008
Zweinull-Blog.de » Blog Archive » ddddddddddd (19:34:08) :

[...] Ladung Badges in allen möglichen Styles: Badges Nr. 1 Link Badges Nr. 2 Link Badges Nr. 3 Link Badges Nr. 4 Link Badges Nr. 5 [...]

Reply
15 07 2008
Photoshop uygulamaları | MuratUral.net (19:03:32) :

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

Reply
18 08 2008
1 10 2008
Web 2.0 Tutorials Round-Up « Wish Upon a Star (14:07:14) :

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

Reply
23 11 2008
Web 2.0 Tutorials Round-Up | websiteinseconds.com (14:29:45) :

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

Reply
23 11 2008
BLog Ötesi » adobe photoshop uygulamaları (23:09:52) :

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

Reply
5 01 2009
Web 2.0 Webdesign-Tutorials (09:30:39) :

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

Reply
15 01 2009
Steve Harold (14:33:20) :

Hi
Thanks for the psd and for tips on how to get those round edges. Always looking for ways of making great looking images

Reply
20 01 2009
ttnet (08:08:00) :

Thanks you for all, it is cool !

Reply
14 05 2009
Badges Tutorials « Design Dazzling (19:17:40) :

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

Reply
19 05 2009
50 Web 2.0 goodies. | Web Templates, SEO, Web Design Tutorials, Tips, Guides - DT Blog (20:38:58) :

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

Reply
29 05 2009
slumberg (04:06:31) :

Nice tutorial! Hopefully it will help me at work!

Slumberg (aka Turtles Slumberg)

Reply

Leave a comment