Photoshop Tutorial: Forum Signatures

Dream

.:OBJECTIVE:.
To create an easy and attractive forum signature without excessive know how of the Photoshop program.

.:DIFFICULTY:.
Medium, must have some rudimentary Photoshop skills and the ability to follow instructions.

.:TOOLS:.
Photoshop 7.0 or above.

.:TUTORIAL:.
1. First of all get this image (image made by me with brushes by silverninja from deviantART). Copy and paste this onto a new sheet in Photoshop.
2. Create a new page (ctrl + N) with a size you feel is appropriate for your creation, I myself prefer 400px by 100px. Now paste (ctrl + V) the image as a background image for your signature, move it around with the move tool (the button on the uppermost right corner of your tool bar) until you are satisfied with its placement.

3. Press ctrl + U to enter the Hue/Colorization box, check both boxes at the bottom and move the three sliders around (hue, saturation, and lightness) until you are satisfied with the color changes on your background.

4. Now comes the difficult part, go on to Google Image Search or Search-22 Image Search and find a character you would like to place upon your signature, I’m just going to use Cloud from Advent Children as an example. Now copy and paste the image onto a new document, resize it until you feel its size is perfect and paste it onto your signature.

5. Now comes the difficult part, you have to blend this image into the background. Take the lasso tool and draw around the edge of your character, it does not have to be perfect, after you make a full circle, right click inside the circle and choose feather and enter 33 into the box that appears. Press ctrl + C then ctrl + V, delete the previous layer thus leaving behind a ghosted image of what you had before. Take the eraser tool, change the hardness to 0 and size to around 20 and brush around the edges to erase the excessive images that was not take out during the feather, be extra careful around things like hair.

6. Go to Image -> Adjustments -> Match Color (for the bottom part select your signature and then the layer the background image is on) and play around with the sliders until the character further blends into the background. Duplicate the character three times, go to the layer pallet and for the top layer set the opacity at 60 for the middle layer set the blending mode to soft light and for the last layer go to Filter -> Blur -> Gaussian Blur. Again, mess around with the slider until you get the effect you want.

7. Click the text tool, choose a text style you want type out your name, I used Blade 2 and Bitdust from DaFont and did some fancy effect to it (I’ll show you text blending/effects in another tutorial.

8. The final part, create a new layer, now press ctrl + A and go to Edit -> Stroke and choose a 1px black stroke, then make another selection about 2px away from the stroke you just created and do the same thing again, this gives the effect of a transparent border (make sure this layer is the topmost layer).

9. Save this file as a .jpg and host it on ImageShack and update your profile and you are done.

.:FINAL RESULT:.
Final result achieved with more brushing and stuff...


.:COMMENTS:.
Feedback welcome and stuff, PM me if you have any problems. I won't put any images up because this tutorial is very much self explanatory, however if you really can't figure it out and HAVE to have pictures to be able to do it, post here, I'll post some pictures.

Wed Apr 20, 2005    Reply    New Discussion   

redsox58

Thu Apr 21, 2005    Reply    New Discussion   

alis

Very nice. It very easy to understand. However, if you don't mind, I'd like to suggest something on step five. It works pretty much the same way, but It give you a little more room for making changes. Use the lasso tool with a feather set at ...oh 15 or so and make the selecting roughly around the edges. The click "Add layer mask" It should be at the bottom of the layers floting thing. Right under the layer thumbnail.

Here's a kinda vague example. I made this ages ago and it's kinda ugly, but you get the picture.


From there, you can click on the thumbnail on the right. (the black and white one). Use the brush tool set at either black or white and mess around with it.




redsox: There really isn't much to it. Just go to DeviantArt.com. Browse>Resources>PS brushes. There are a bunch of really good brushes. Once you have them saved and loaded, open up a big-ish canvas in PS and just start brushing. You kinda need an eye for it. Once you have some good brushes, you'll find it easier.

Fri Jul 1, 2005    Reply    New Discussion   

smoothoperator

Sat Sep 24, 2005    Reply    New Discussion   

Kitsune Illusions

Fri Dec 8, 2006    Reply    New Discussion   

Alegis

It's neat, but please add images between the steps.

That is not only useful for the ones following the tutorials, but other people quickly browsing through tutorials checking it's worth.

In case you sell products, provide programs for download and the likes one will always get more people interested with a quick screenshot. Reading takes so long

Definitely neat for sigs. Many try too hard and come up with something ugly and bulky. Its small, slick and finished. Stopped using signatures anyways.

Sat Dec 9, 2006    Reply    New Discussion   

FeedBacker

Wed Nov 21, 2007    Reply    New Discussion   

FeedBacker

Thu Dec 20, 2007    Reply    New Discussion   

FeedBacker

Mon Jan 28, 2008    Reply    New Discussion   

FeedBacker

Sun Feb 3, 2008    Reply    New Discussion   

yordan

QUOTE (FeedBacker)

I want to know where to find more backgrounds becuase I want to make more sigs whit more background.So plaease tell me
Thanks
-Wmaster8
Link: view Post: 118081

what about this one : http://www.bigfoto.com/sites/main/aegeri-l...switzerland.JPG
I found it here : http://www.bigfoto.com/
Even more here : http://www.google.fr/search?hl=fr&q=fr...nload&meta=
And always remember that "google is your friend"

Sun Feb 3, 2008    Reply    New Discussion   

FeedBacker

Sat May 17, 2008    Reply    New Discussion   

FeedBacker

Sun Jun 22, 2008    Reply    New Discussion   

(G)NeKoOchibi

Tue Jan 13, 2009    Reply    New Discussion   

(G)Author Name - e.g. John, Mike

Sat Jan 31, 2009    Reply    New Discussion   

Similar

• Photoshop Tutorial: Forum Signatures
• Photoshop Tutorial: How To Make A Userbar For Signatures
• A Beginners' Tutorial For Forum Signatures
• Photoshop Tutorial: Full Grunge Signature Using Photoshop 8.0 CS
• Where To Download Photoshop Grunge Brushes ?
• Signature
• Sig Tutorial: Smudging And Filters Beginner
• 3 New Sigs
• Does Anyone Know How To Make Those Graphic Icons like.. 100x100 pixels.. or something?
• Gimp: Good User Bar Creator
• Animated Rain Tut
• Create Ur Own Avatar
• Writting Tutorials For Your Website An Overview To Layout And Content
• Tut. Request
• Logo I Made
• See More!

CATEGORIES

• Flash and Shockwave
• Photoshop