{Tutorial} Forum Ranks

katos

Administrator
Admin
29 June 2015
2,361
76

Reputation:

[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif]http://marshdesigns.co.uk/blog/[/font]
[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif]
[/font]

[font='Open Sans', Arial, sans-serif]How to make Forum Rank bars.[/font]
Photoshop Trial[/font]
[font='Open Sans', Arial, sans-serif]Let us begin![/font]


[font='Open Sans', Arial, sans-serif]
[/font]


[font='Open Sans', Arial, sans-serif]However for this tutorial I will actually be making a larger forum rank.[/font]
[font='Open Sans', Arial, sans-serif]For myself, I have decided that I will use the size : 169 x 49 as this will better suit my requirements for the development of ranks for a friend of mine. Once you have decided what size you want, it’s time to begin! Fire up Photoshop and create a new file with your desired canvas size:[/font]



[font='Open Sans', Arial, sans-serif]Hit ok to begin.[/font]
[font='Open Sans', Arial, sans-serif]The basic foundations[/font]


[font='Open Sans', Arial, sans-serif]http://puu.sh/m4HG0/71b45a1d7d.png[/font]

[font='Open Sans', Arial, sans-serif]
[/font]


[font='Open Sans', Arial, sans-serif]The short-cuts for these are:[/font]
[font='Open Sans', Arial, sans-serif]Rectangle tool : U[/font]
[font='Open Sans', Arial, sans-serif]Draw out your rectangle as follows:[/font]

[font='Open Sans', Arial, sans-serif]
[/font]


[font='Open Sans', Arial, sans-serif]The box effects[/font]
[font='Open Sans', Arial, sans-serif]Next, we want to add effects to the box to make it more prominent than it currently is. At the moment, it seems to be a bit boring and wont attract the attention of users! So, to do this, we’re going to add a nice border effect and make the box a little bit glossy. (oooh, shiny!)[/font]
[font='Open Sans', Arial, sans-serif]Here are the effects that I used myself:[/font]






[font='Open Sans', Arial, sans-serif]With the same effects as above, your box should start to look something like this:[/font]



[font='Open Sans', Arial, sans-serif]There! Now that’s looking better, isn’t it!?[/font]
[font='Open Sans', Arial, sans-serif]Next, we’re going to take a soft white brush and add a highlight at the top of the box.[/font]
[font='Open Sans', Arial, sans-serif]Click “B” to select the Brush Tool, and then right click on the canvas to get the brush options. Make sure your hardness is set to 0%.[/font]



[font='Open Sans', Arial, sans-serif]The size you use is totally up to you.[/font]




[font='Open Sans', Arial, sans-serif]Your box should look like this:[/font]



[font='Open Sans', Arial, sans-serif]Next, we need to start to add text. I like to keep this simple with font such as “Calibri” or “Arial”. I used Calibri for this tutorial.[/font]



[font='Open Sans', Arial, sans-serif]Add subtext if you so desire.[/font]





[img=178x61]https://www.lordcraft.net/applications/core/interface/imageproxy/imageproxy.php?img=http%3A%2F%2Fpuu.sh%2Fm4IoJ%2F41ff9b4845.jpg&key=440f0ee4dfcefc8b27e5f426d1a354d3777e24093863a243391eb674649c9aa9[/img][img=176x57]https://www.lordcraft.net/applications/core/interface/imageproxy/imageproxy.php?img=http%3A%2F%2Fpuu.sh%2Fm4Ira%2F57529a5e26.jpg&key=a2939c7fb584989aca35b4a4d7b22783e82d5a330c211b5907e5ef4a7b0bd5b3[/img]

[font='Open Sans', Arial, sans-serif]Changing the colour is simple, just go back to your rectangle, and double click the icon:[/font]


[font='Open Sans', Arial, sans-serif][img=544x357]https://www.lordcraft.net/applications/core/interface/imageproxy/imageproxy.php?img=http%3A%2F%2Fpuu.sh%2Fm4Iuf%2F9c784e98fd.jpg&key=7ddd7f935ef2ca5bc6de2d11ad01edd973fe293319d4917d7032e948cbe41c2d[/img][/font]

[font='Open Sans', Arial, sans-serif]I hope that this tutorial helped you! Feel free to change the settings a bit, and you can make some great examples.[/font]

[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif]Tutorial bought to you by:http://marshdesigns.co.uk/blog/[/font]
[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif]Want to see more? Let me know what tutorial you'd like to see.[/font]

[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif]Donate to me![/font]
[font='Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif][/font]
 

About Us

Forum Authority is a general discussion forum. We currently have a variety of categories to choose from, where you can participate in discussions. We also have many features such as a powerful credits & awards system, custom upgrades, plugins + more! Here you have the opportunity to meet new people, learn something new, find unique resources & tutorials, win contests & prizes, receive freebies and be given advice or help.

Top