Sign in to follow this  
Xakode

How to make a rank bar in PDN.

Recommended Posts

Cody's Rank Bar Tutorial

First make a new image that is 100 pixels wide and 20 pixels high.

ScreenHunter_01Jul201206.gif

Your canvas will look like this:

ScreenHunter_02Jul201206.gif

Go to effects > render > clouds.

(You can choose the size and smoothness of the clouds)

Once you have done that, your canvas will look like this:

ScreenHunter_03Jul201207.gif

Add a new layer.

Place your text.

Once you have done that, your canvas will look like this:

ScreenHunter_04Jul201208.gif

Add a new layer.

Add a 1 pixel border.

Once you have done that, your canvas will look like this:

ScreenHunter_05Jul201208.gif

Add a new layer.

Make a black and white gradient.

Once you have done that, your canvas will look like this:

ScreenHunter_06Jul201208.gif

Go to layer > layer properties.

Set the layer to lighten.

Set the opacity to 150.

You are now done.

Your rank should look like this.

ScreenHunter_07Jul201209.gif

Save it as a PNG file.

You can download the PDN file HERE

This tutorial was made by Cody Moore.

(Motion on DD and Droidz, Mr. Slig on Solaris, Xakode here)

Share this post


Link to post
Share on other sites

you could probably add colour throughout the ranks. e.g. first rank = B&W, second rank = a little bit of colour. And so on...

Share this post


Link to post
Share on other sites

you could probably add colour throughout the ranks. e.g. first rank = B&W, second rank = a little bit of colour. And so on...

Share this post


Link to post
Share on other sites

you could probably add colour throughout the ranks. e.g. first rank = B&W, second rank = a little bit of colour. And so on...

Share this post


Link to post
Share on other sites
Sign in to follow this