|
|
|
|
Web 2.0 Badges : Web 2.0 Badge Generators, Downloads & Tutorials
If you are looking to create a Web 2.0 styled web site then this is a resource list that you will want to get your hands on. This is a list of web 2.0 badge generators / creators, web 2.0 badges for free download, and tutorials to help you figure out how to design web 2.0 badges.
WEB 2.0 BADGE GENERATORS / CREATORS
Along comes yet another free online tool to create your own custom Web 2.0 buttons/badges! If you’re looking for a quick and easy way to make a typical Web++ style badge, you gotta hit this site. It gives you quite a few designs to choose from, all colorful and poppy, according to the Web 2.0 trend which, although fading off a bit, is still up and about.
With this tool, you can specify the shape, color, add text with some glow, gloss effect, shadow, glare and some other.
Icon Generator for Adobe® AIR™
Icon Generator is a little application that lets you generate a CS3 or Web 2.0 style icon, only 3 step. Pick color, type characters, and save it. Just create 4 different sizes of the icon.
Make banners, buttons, badges, tabs, full templates and wordpress themes. ($17)
You might already have come across these buttons or badges while surfing the web. They are usually used for displaying meta and stats content. Now, you can easily make your own - using this free online button/badge generator! You simply fill in your preferred text, define border and background colors, and the button generator creates a badge for you to download and use on your site.
Spread the word! In a few quick steps, we’ll give you code that you can paste in your blog or wherever in just 3 simple steps.
Enter some text, choose a border and an emblem, pick your colors, and click the ‘Go’ button. An Official Seal will be generated for you. Collect ‘em, trade ‘em, put ‘em on your website, or e-mail ‘em to your friends.
DOWNLOAD FREE WEB 2.0 BADGES
Deziner Folio : Free Web Badges for Download
Here is a set of very cool Web 2.0 Badges for you in .PSD and .PNG formats.
These are some free Glass Style badges I made for everyone. I’m not 100% sure if “Badges” is the correct word, but they are intended to be used as design elements in your website or blog. Web 2.0 sites typically make their own, but for all of you who want quick access to this common design feature, there are PNG and JPG images in the download as well as AI, EPS, and SVG source files.
7 Web 2.0 Badges Vector Download
A vector collection which is 7 different styles of badges vector, all free for download! 
As you can see, the 7 badges are designed to be unique shapes and styles.
Download these cool web 2.0 badges.
Web 2.0 Badges - Download Glossy Free PSD File
Here are glossy badges with round corners, juicy colours, rounded font and light shadows. You can use them freely on your website’s design, but please, should you decide to redistribute them, keep the credits intact and link back to http://www.toptut.com from a blog post / site you are offering these files on. Thanks and enjoy!
Design MeltDown Web 2.0 Badges Download
Download the eps file on Design Meltdown.
Badges and Stickers for Web 2.0
Ten free vector badges: glossy, colorful web 2.0 badges for free download. Take a look at the linked page to see how they will look.
Web badges are now the trend for getting attention. Here are 6 cute vector web 2.0 badges. ( EPS 8.0 format. No transparency.)
Collection of Web 2.0 PSD Resources
Here is a nice collection of WEB 2.0 PSD resources.
Web stickers round in 8 catchy designs. Change the colors or place your own symbols or text on them, be creativea and have fun.
Starburst Fun - Web 2.0 Badges
Download these psd (Photoshop) starbursts to create Web 2.0 Badges.
Download Summer badges for your web site or blog.
4 Glossy shape buttons | PSD Free
Download 4 glossy shape buttons for Photoshop free.
HOW TO CREATE WEB 2.0 BADGES TUTORIALS
Photoshop Tutorial: Web 2.0 Badge That Flips Back
If you think the seal-shape Web 2.0 badges is too commonly used throughout the internet, here’s something for a change - the rounded flip-back badge. It is not as widely adapted as the seal shape badge but definitely cool. Full tutorial after jump.
How to Create Glossy Web 2.0 Badge in Photoshop Tutorial
The 3D badges are everywhere! Yes, it is the latest trend on those Web 2.0 web designs. These are the star-shaped labels that you see stuck on web pages, alerting you to something important. Here we start with creating the shape of the badge. Select the Polygonal Tool under your tool bar. Then do some setting for ythe polygonal shape so it will be a star shape. Set the sides to 15 and the options to star shape and the indent sides by 20% .
Designing Glossy (Web 2.0) Badges
This is a relatively basic Photoshop tutorial, but you should have basic knowledge of Photoshop and its tools to follow through to the end. We’ll be learning how to design these glossy “Web 2.0″ badges in Photoshop. We’ll start off making the shape then styling it using layer styles and additional separate glossy layers.
Web 2.0 Badge Adobe Illustrator Tutorial
Learn how to create Web 2.0 Badges in this Adobe Illustrator tutorial.
Illustrator Tutorial: 4 Stylish Web 2.0 Badges
This illustrator tutorial will touch on how to create 4 different stylish web 2.0 badges. We will start by learning how to create the basic sawtooth badge. From there, we will move on to produce other styles using some other filters.
Learn how to easily create one of those trendy Web 2.0 Badges. PSD files for this Photoshop tutorial are included, and you can download a package of Web 2.0 badges as well!
How to make web 2.0 badges WITHOUT your pirated copy of Photoshop (Use GIMP)
There are several free web 2.0 badge generators out there, I know because I tried them. However, not one was able to create a badge the size I needed. I also found several tutorials on how to make them in Photoshop, but again, I don’t have Photoshop. The solution was to make one using Photoshop’s free, open source alternative, Gimp.
How To Create A Web 2.0 Badge In Fireworks
By now everyone has seen the badges, which are sometimes called seals, all over the web. There’s a really simple way to do this using Macromedia Adobe Fireworks. For this tutorial, we’re going to replicate the badge seen on Crucial Web Hosting. We’re going to duplicate the curved text by using the Text On A Path feature, and the actual badge is nothing more than a star with a lot of points, or rays, since a typical star has about three to five points.
Rapid Fire #2: Golden Seal - Web 2.0 Badges Tutorial
Whether it’s signifying merit or signalizing new content, a golden seal graphic often does the trick. Utilizing two of Macromedia Adobe® Fireworks®‘ nifty features—Auto Shapes and Text On A Path—you’ll be stamping shiny seals in no time.
Web 2.0 Badges - How to Make Them in Photoshop Lesson
You’ve seen them everywhere. No self-respecting Web2.0 site would be without them; those little splashes of color that jump out at you and scream “HEY LOOK AT ME! OVER HERE!” Yes, that’s right. We’re talking about perhaps the most over-used trendy little design fad to come out of the two-oh movement-the badge! Admit it. They’re pretty cool, huh? So let’s make one…
You Might Also Like Our Other Web 2.0 Design Lists
Stripe Generators, Creators, Makers
Speech Bubble Generators, Creators, Makers
Tools to Generate Boxes with Rounded Corners
Online Button Makers, Creators, Generators
Technorati Tags: web 2.0 badges, web badges, web badge generators, web 2.0 badge generators, web badge generator, badge generator, web 2.0 badge creators, web 2.0 badge makers, badges, web 2.0 badge tutorials, web 2.0 badge downloads, web 2.0 design
DID YOU LIKE THIS DESIGN POST? IF SO, PLEASE HELP US BY ADDING US AS ONE OF YOUR TECHNORATI FAVORITES AND BY ADDING OUR ARTICLES TO YOUR FAVORITE SOCIAL BOOKMARKING SITES (BELOW)
del.icio.us | Digg it | Furl | Netscape | RawSugar | reddit | Simpy | Spurl | StumbleUpon | Yahoo MyWeb |
4 Comments
badges really plays one big rule in every site now a days… that’s why I rate this post 8… out of 10.. nice post… I can use some of it..
That`s a nice and very detailed post, thank you.
P.S: some really nice icons/vectors can be found on coolvectors.com also
Wow. I’ve only been on your site for a few minutes and I can’t believe how many resources you have.
Just left a comment before but I think I might have to bookmark you. Thank you. 
This site is awesome. Thank you for the continuous updates.. I will keep bouncing back. I always had problems troubleshooting web badges.
This should make things more exciting.