Thread: Beginner: Custom Rank Tag Signature in Photoshop
View Who's Online
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Tags
Tags
None
Closed Thread
 
Thread Tools



Warrior Nation
Secondary: Team Fortress 2
 
United States WNxEuphonic
03-18-2012, 06:15 PM
Local Time: 06:32 PM
Join Date: Feb 2010   #
WNxEuphonic's Avatar
The New Q
Match Report
Beginner: Custom Rank Tag Signature in Photoshop

Original:
Click the image to open in full size.

Final Result:

Click the image to open in full size.



Important Disclaimer!

Policy 5 covers what is acceptable in signatures. The last part of the Policy states:

"Under no circumstances is a member allowed to use an official rank tag in their avatar or signature unless they hold that rank. Signatures and Avatars should also not contain offensive material"

So it is ONLY acceptable to use this guide to modify a rank tag the wearer currently holds! No exceptions! Don't come running to me if you get in trouble.


I'll be using Adobe Photoshop CS 5.5 for this tutorial. Some features I'll be using aren't available in earlier versions. You can download a fully functioning 30-day trial from Adobe of PS 5.5 here.

Step 1:
Open the original tag in Photoshop


Don't copy-paste the file, that won't preserve transparency. Instead either drag the image from your browser onto your desktop or select "Save as..." from the right click menu.

Click the image to open in full size.

Once open, use CTRL-A then CTRL-C to copy the entire image. Create a new file using the clipboard dimensions then use CTRL-V to paste your image in. This will allow us to edit the image freely.

Step 2: Remove the old text


Use the square selection tool. Select the text you wish to remove leaving one or two pixels on either side of the text selected.

Click the image to open in full size.

Now go to Edit > Fill or press SHIFT-F5

Click the image to open in full size.

Under "Use," put "Content Aware Fill." Under mode, put "Dissolve" and make it 100% opacity.

Click the image to open in full size.

Hit "OK" and you'll now have a clean tag without the text! Don't worry if it's not a perfect match for the background, it'll be covered with text soon enough.

Click the image to open in full size.

Step 3: Add custom text

Now time to add our custom text! The tags use Lithos Pro for their font. You probably already have it on your system, but if you don't you can download it from here.

Font: Lithos Pro
Size: 13 pt
Smoothing: Strong
Alignment: Center
Verticle Spacing: 12 pt
Character Spacing: -35

Click the image to open in full size.

If you're having trouble aligning your text, try copying in the original tag and lining up the original text with your added text.

Click the image to open in full size.

Now type whatever you'd like! Note: To match the look of the WNx tags, your text should be all lower-case! If you're adding more than two lines, just move the text up and down until it looks right (keep the left-right distance the same). If you want, you can decrease the character spacing to fit more text on each line.

Click the image to open in full size.

Now finally, to get the text to look right, we'll need to add a drop shadow to it.

Right click on the text layer and select "Blending Options." Click on "Drop Shadow" and put in the following settings (which should be default unless you've changed it).

Click the image to open in full size.

And now you're done! You have a sweet looking fake tag! If you have a background on the image (like a white layer) make sure to delete it to make the background transparent.

Click the image to open in full size.

Step 4: Exporting

So you've made your image, but how to make it usable as a signature? You'll want to export it in a format that preserves transparency and meets the file size limitations. PNG might work, but I've found it's typically too large a file size. Instead we'll save it as a GIF.

Go to File > Save For Web And Devices (or press CTRL-SHIFT-ALT-S) and select GIF and the following settings:

Click the image to open in full size.

Now you're all done!



Last edited by WNxEuphonic; 03-18-2012 at 06:20 PM..

Combat Journalist | MP | FO Captain | RTS Editor | CW Colonel | CW Major General
[ Follow me on Twitter ]
 
 
WNxEuphonic is offline
 

Warrior Nation
 
United States WNxZeus
03-18-2012, 06:32 PM
Local Time: 06:32 PM
Join Date: May 2010   #
Ze Badass of
WNxZeus's Avatar
Everything
What's the size of font for the FPS/CW/RTS etc?





PSN: WNxZeus


 
 
WNxZeus is offline
 

Warrior Nation
 
WNxWeaponized
03-18-2012, 09:00 PM
Unregistered
#
I like this alot.

Great job euphy!

I might throw something funny together soon.



 
 
 

Warrior Nation
 
WNxLions
03-18-2012, 10:52 PM
Unregistered
#
Great tutorial... it helped me tweak the one I made to make it even better!



 
 
 

Warrior Nation
 
WNxPPK
03-19-2012, 04:31 AM
Unregistered
#
It's a nice one, but it becomes a bit of a headache on older versions since Content Aware won't hold your hand; you'll just have to man up and do it the old-fashioned way .

You could have mentioned using guides to keep the text centred on both directions. It's an easy one to do since all you have to do is select the bottom layer and have the Move tool on the left panel selected (with the Show Handles option) and then drag, from both rulers, a guide till you reach the centre, which is marked by a small crosshair. Then align the text with the intersection of the guides, again usin the Move tool (on the text layer(s) this time).

You can also save it as a PNG-8. It's basically the same as GIF but you get to say it is a PNG and act all ponce by saying you have a PNG .



 
 
 

Closed Thread
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.


Make a Donation to Warrior Nation with PayPal - it's fast, free and secure! Disclaimer©1998-2014 Digital Millennium Copyright Act.
WN Custom Skin Design by WNxWakko
Webmasters: WNxWakko & WNxWhiteWolf

Make a Donation to Warrior Nation with PayPal - it's fast, free and secure!


Navbar with Avatar by Kolbi
All times are GMT -5. The time now is 05:32 PM.