Jump to content

Welcome to AstaHost - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!

Toggle shoutbox Shoutbox Open the Shoutbox in a popup

@  yordan : (14 April 2014 - 05:28 PM) By The Way, This Could Be An Interesting Subject For A Topic, What About Posting This Question? Let's See If Other People Have The Same Feeling Concerning Bootlists!
@  yordan : (13 April 2014 - 09:36 AM) Boot Order : Cd, [Usb,] Hard Drive :D
@  yordan : (11 April 2014 - 07:23 PM) I Simply Let The Bios Do That
@  Ritesh : (11 April 2014 - 10:23 AM) Is It Possible To Launch Fedora Live Cd Or Installation Disk From Hard Drive On Windows Platform Using Grub Mbr File.
@  Ritesh : (11 April 2014 - 10:21 AM) No U Are Not.. Btw.. I Have Question For You.
@  yordan : (10 April 2014 - 08:02 AM) You Are Partially Right.
I Was Not.
Nevertheless, I Am Again :)
@  Ritesh : (09 April 2014 - 07:33 PM) :P
@  Ritesh : (09 April 2014 - 07:33 PM) I Think U R Not..
@  yordan : (09 April 2014 - 09:28 AM) I'm The Master Of The Shoutbox!
@  yordan : (05 April 2014 - 10:32 PM) He-He
@  Ritesh : (04 April 2014 - 06:59 PM) Ha Ha Ha ....
@  yordan : (04 April 2014 - 11:15 AM) Welcome Back, Starscream!
@  yordan : (03 April 2014 - 02:31 PM) And I Hope That He Will Come Back Soon :)
@  yordan : (01 April 2014 - 02:53 PM) Nice, Ritesh Came, I'm Not Home Alone Today.
@  Ritesh : (01 April 2014 - 08:51 AM) Oh!!! Poor Dear Yordan..
@  yordan : (31 March 2014 - 10:02 AM) I'm A Poor Lonesome Cow-Boy
@  yordan : (27 March 2014 - 02:22 PM) He Is Unpatient Due To His Patients!
@  Ritesh : (27 March 2014 - 10:46 AM) :(
@  Ritesh : (27 March 2014 - 10:46 AM) He Is Busy With His Patients.
@  yordan : (26 March 2014 - 08:12 PM) Ahsani, Where Are You?

- - - - -

Photoshop Tutorial: Forum Signatures

21 replies to this topic

#1 Dream


    Advanced Member

  • Members
  • 138 posts

Posted 20 April 2005 - 02:40 AM

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

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

Photoshop 7.0 or above.

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 achieved with more brushing and stuff...
Posted Image

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.

#2 redsox58


    Advanced Member

  • Members
  • 169 posts

Posted 21 April 2005 - 01:00 AM

Really nice tutorial. Very easy and step-by-step instructions. One question: Could you maybe make a tutorial on the process on how to make the background image? Maybe you already made one and I missed it or you know of any good ones on the web please let me know, thanks.

#3 alis


    Newbie [ Level 2 ]

  • Members
  • 19 posts

Posted 01 July 2005 - 06:24 PM

:P 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.
Posted Image

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. :P

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. :P Once you have some good brushes, you'll find it easier.

#4 smoothoperator


    Newbie [ Level 1 ]

  • Members
  • 6 posts

Posted 24 September 2005 - 02:45 AM

good tutorial! You guys have some great ideas

#5 Kitsune Illusions

Kitsune Illusions

    Newbie [ Level 2 ]

  • Members
  • 17 posts

Posted 08 December 2006 - 11:54 AM

Cool tutorial! I really liked the outcome. I will post my result after I have tried it.

#6 Alegis


    Premium Member

  • Members
  • 300 posts

Posted 09 December 2006 - 12:26 AM

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 :P

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.

#7 Guest_FeedBacker_*

  • Guests

Posted 21 November 2007 - 11:01 PM

Name: Anonymous
Opinion/Suggestion * Good tutorial, I'm going to try it right now, thanks for the background image, its a nice one. I'm going to try to make my own with some other brushes.


#8 Guest_FeedBacker_*

  • Guests

Posted 20 December 2007 - 09:03 AM

Opinion/Suggestion *:hello, since I don't have Adobe Photoshop 7.0 at the moment can you please upload the same picture with 200x200 pixels? please I need it. The picture is kinda cool.

#9 Guest_FeedBacker_*

  • Guests

Posted 28 January 2008 - 11:43 PM

Photoshop Tutorial: Forum Signatures

Replying to Dream
WOW This is the first time I've used Photoshop for this and I think I did a pretty decent job for a newbie. But I was wondering how I can adjust the opacity of the feather, and also I'm getting a weird error when I try to feather another layer, it says "the amount of pixels selected is more than 50% and you wont be able to see the edges, or something like that. I use Photoshop 7.

P.S how can I upload a picture of it so you guys can see it?


#10 Guest_FeedBacker_*

  • Guests

Posted 03 February 2008 - 11:42 AM

Im confused
Photoshop Tutorial: Forum Signatures

I made one sig but I want to know where to find more backgrounds becuase I want to make more sigs whit more background.So plaease tell me



#11 yordan


    Way Out Of Control - You need a life :)

  • 4,745 posts

Posted 03 February 2008 - 11:53 AM

I want to know where to find more backgrounds becuase I want to make more sigs whit more background.So plaease tell me

what about this one : http://www.bigfoto.c...switzerland.JPG
I found it here : http://www.bigfoto.com/
Even more here : http://www.google.fr...r...nload&meta=
And always remember that "google is your friend" ;)

#12 Guest_FeedBacker_*

  • Guests

Posted 17 May 2008 - 09:38 PM

Replying to Feedbacker
When I put it on the forum it comes out in a small image

#13 Guest_FeedBacker_*

  • Guests

Posted 22 June 2008 - 10:46 PM

Nice tutorial
Photoshop Tutorial: Forum Signatures

Replying to Dream

Very nice tutorial, I started to use photoshop yesterday and I did what you have posted there, very easy to understand. Thanks for posting it :)

-reply by Lawless

#14 Guest_(G)NeKoOchibi_*

  • Guests

Posted 13 January 2009 - 08:04 PM

Thank YouPhotoshop Tutorial: Forum Signatures

Way cool and fun...Thanks so much for helping ^.^

-reply by NeKoOchib

#15 Guest_(G)Author Name - e.g. John, Mike_*

Guest_(G)Author Name - e.g. John, Mike_*
  • Guests

Posted 31 January 2009 - 04:49 PM

How do you turn it into a jpg?

#16 Guest_(G)kidoo_*

  • Guests

Posted 28 July 2009 - 03:30 AM

I'm confused with the last part.

The transparent border thing.

I press CTRL + A, then go to Edit-Stroke, 1px black, center.

Then I do CTRL + A, again, go to Edit-Stroke, 3px black, center.

But I just get a thicker black border around my sig.

How do I make it transparent, not just plain black?

-reply by kidoo

#17 Guest_(G)Kiki_*

  • Guests

Posted 30 November 2009 - 02:55 AM

Photoshop TypePhotoshop Tutorial: Forum Signatures

I have photoshop 6.0 so how do I make a signature with that version? 

-reply by Kiki

#18 Guest_(G)RedFox_*

  • Guests

Posted 21 December 2009 - 06:47 AM

Great TutorialPhotoshop Tutorial: Forum Signatures

Thanks a lot. I just got PhotoShop CS3 and this tutorial was the first thing I did.

Easy to follow and understand. Great Job

There seems to be a problem with uploading a picture to the comment so I can't show my result.



-reply by RedFox

#19 Guest_(G)Wuddup_*

  • Guests

Posted 08 March 2010 - 01:13 AM

Photoshop elements?Photoshop Tutorial: Forum Signatures

In step 6. "Go to Image -> Adjustments -> Match Color" I don't seem to have that in PS Elements. Where is that option in Elements?

-reply by Wuddup

#20 Guest_(G)Mystery guy_*

Guest_(G)Mystery guy_*
  • Guests

Posted 29 June 2010 - 03:31 AM

How to turn to jpgPhotoshop Tutorial: Forum Signatures

To turn into jpg, just open the pic. Then click file and click save as. Choose a name for your picture. Then go down to the format box. Click it and find jpeg. Then click save.

-reply by Mystery guy


Reply to this topic


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users