PDA

View Full Version : star rater



afe
12-22-2007, 03:05 AM
Hey, I was wondering how you make pictures like the stars on this website http://www.komodomedia.com/blog/index.php/2006/01/09/css-star-rating-part-deux/

How do you make the outside like the way the stars are, another example: http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/





Please and thank you!

BLiZZaRD
12-22-2007, 05:04 PM
You just draw them, you can do it in any photo/image program on your computer. Paint, PhotoShop, Gimp, anything.

Just draw a star, leave the inside blank, make a slightly larger star shape and place over it as the "border" add some shading to the corners if you like. save file as star1.png then use the fill tool and fill in 1/4 of the inner star, save as star2.png, fill in another 1/4 and save as star3.png.. continue until you have a completed star.

Jas
12-24-2007, 04:02 AM
I use the program ULEAD Photo Impact to get the job done, and it works very well for all of my graphics. However, I've also used windows paint to do some of the graphics as well. (I hear that photoshop is the best, but it's preference.) Creating web graphics is it's own art form. :) (you can also google it an download graphics-- but check the copyrights on them to make sure they're free to use so websites don't throw a lawsuit on you ;))