Post
Ever since I added the “New” star in the header of my reboot, I’ve been getting a couple requests a day from people asking how I made it. This tutorial is for Macromedia Fireworks, but you might be able to recreate it in Photoshop.
Update: Bartelme Design has a gorgeous, two-part tutorial on how to make these “badges” in Photoshop.
Create a New File

Create a new file in Fireworks, for this tutorial I’m using a 200×200 pixel canvas, but you could easily make a larger or smaller one.
Create a Star

Create a basic star by selecting it from the vector shapes menu. Then, click and drag the cursor across the canvas to create a basic, 5-point star.
Change the Color

Change the color of your star to white (if it isn’t already) by clicking first on the star to activate it and then selecting the white color by clicking on the paint bucket in the “Properties” bar at the bottom.

Next, add a drop shadow so that we can see the star a little better. You can add a shadow by clicking the ”+” button in the Filters also found in the bottom “Properties” box and going to “Shadows and Glow” > “Drop Shadow”. Fiddle around with the settings a little, but if you aren’t familiar with them you can use the numbers in the picture above.
Making a “Bargain” Star

Now, to turn your basic star into a bargain star, grab a hold of the yellow “points” dot and drag it around the star until you have about 20-25 points.

Right now it may look a little frightening (and sharp), but we’ll fix it up in just a few more steps.
Changing the Radius

Now, grab a hold of the “radius” point (also yellow) and push it upwards towards the tips of the points. You should try to make the star look a little less menacing while maintaining the actual star shape.
Final Touches

Now that you have the basic structure down, you can mess around with some other filters. Try adding an inner shadow (from the same menu where you found the drop shadow) with the settings in the picture above. You can also play around with the colors and borders until you find a combination that matches your layout.
Download
Here’s a final example:

You can download the source PNG here
Archive
-
260.
Natural Kinds in Chemistry
One of my favorite courses so far was last semester’s “Natural Kinds”. Everything from the unique subject matter to the seminar-like structure made the class a blast, up until the...
-
260.
The Phenomen- ology of Freedom
Are we truly free? Are the paths of our lives charted beforehand, or is every moment an opportunity to break new ground? The answer isn’t easily found, the determinate physical world seems to hit a...
-
260.
An Open Letter to God.
So here’s the deal, we’ve been here a while doing great things and…eh things, but there’s always been that trickling or gushing concern about why. We’re amazing, when you stop to think...
-
260.
Nietzsche: The Fast Track
The darkly dressed student made yet another existentially pessimistic remark and the professor unleashed one of the harsher insults I’ve heard: “Every student goes: Nietzsche, Schopenhauer,...
-
260.
Computers and God
I came across an interesting presentation on digg (and surprisingly, it wasn’t a kitten with horrifying spelling/grammar) recently that compared – albeit often fallaciously – our...
-
260.
Surviving Life
The questions we ask are not ones we can ponder in our free time and easily set aside when there’s life to do. What am I? Am I free? What is the purpose of my existence? Why should I strive to...
-
260.
The New Erratic Wisdom
Another semester, another redesign (give it a solid refresh to clear your cache). This one’s been brewing for quite some time now, with the notched grid motif coming around a few months ago,...
-
260.
Imperfect Art
Plato’s metaphysics and his Doctrine of Forms describes a general division of our universe into forms and particulars. Forms are instantiated by contingent particulars. That is, particulars are...

















Comments
Good tutorial. Thanks.
L. Robinson
Nov 13, 08:10 PM #
but its always good to know how to make one from scratch.
david
Nov 13, 08:40 PM #
Ryan Merket
Nov 14, 12:52 AM #
Shane
Nov 14, 05:14 AM #
Garri
Nov 14, 05:33 AM #
I found another tutorial, http://www.bartelme.at/journal/266/
Thomas
Nov 14, 11:43 AM #
anon
Nov 14, 03:51 PM #
Thomas:
I actually linked to Bartelme Design’s article in my original post.
anon:
I’m not exactly sure what you mean. I only posted the article because I had alot of trouble with it and thought I could help people out.
Sorry if it bothered you or if I haven’t answered your question. Feel free to leave another comment to elaborate on what you meant in the first one or contact me
Thame
Nov 14, 04:21 PM #
TzMedia
Nov 15, 09:58 AM #
The tutorial itself is great. But I notice an astounding lack in originality on the web lately. The same elements are continually recycled; the glassy floor, the starburst, the cut off header.
They all looked great on sites the first few times around, but I think originality is very important.
anon
Nov 16, 03:58 PM #
Ashish Gupta
Jul 7, 01:26 AM #
Add a Comment
Phrase modifiers:
_emphasis_
*strong*
__italic__
**bold**
??citation??
-
deleted text-@code@Block modifiers:
bq. Blockquote
p. Paragraph
Links:
"linktext":http://example.com