User Information

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Author Topic: How to make a forum signature tutorial! (Updated 9...  (Read 10243 times)

Guts
Aug 08, 2011, 11:47:49 PM
Topic on: Aug 08, 2011, 11:47:49 PM
Hiya, It's Guts the Black Swordsman here! And because I'm such an awesome guy I'm going to be giving away free advice to you all! What kind of Advice you say? Well... a guide about the steps needed to make an awesome looking signature. The overall design is going to be quick for my standards, Thus it only took me about eight or so minutes to figure out the methods needed to recreate it for others. A note to remember, is that sometimes it can take a few hours to make a really good signature.

(Updated 4/23/2015)
Given how the original links and pictures were removed due to being on imageshack, i've re-wrote the tutorial and added new pictures. Clean the guide up a little too. I hadn't checked this in some time. Now everything is fixed. Feel free to once again read through this and make a signature yourself up. The Guide was made using Photoshop CS 5.1 So please note terminology might be different and whatnot if you're using a different program.

(Updated 8/17/2016)
Simple clean up on Grammar and spelling, re-worded some parts and made minor adjustments to make sure pictures still work.

(Updated 9/01/2018)
Some small, minor changes to clear some minor details, updated title, Nothing major! wanted to make sure everything still works (Images etc, pm me if you need help)

(Update 9/1/2018)
Cleaned up some parts.

Now then, with the introduction out of the way lets begin on the actual making of the signature. Here on AVP Galaxy i know there's a few aspiring signature makers lurking around, so I'm going to make this as easy as possible for people to understand the steps that can be used when making other signatures and for this one. The tool i'll be using will be Photoshop CS 5.1. Feel free to use Other software if you have it. Photoshop is just my preference. Also i'll try to make this guide as universal as i can, bare in mind the signature isn't hard, nor does it require any special plugins to achieve, all it needs is a some times and a bit of love. Seriously! that's all we need!

For the signature that i'm going to be showing you how to make, it's going to be a Girly Elf Princess look. Don't judge me, just go along with it for the sake of learning (mostly because of the techniques used can be applied to other signatures.) Now before we begin we'll need a few things to be downloaded beforehand, which will also be a part of the guide. Now while it looks like there's a lot of work involved, truth be told there's only four external items which are going to be used. Two downloaded brush sets, a picture and a font. Everything else needed for the signature just requires playing around with the Photoshop. No point in having 25 layers or effects just to achieve an effect on a signature when a simple overlay does it in one layer. On a average you should be having 5-10 layers on a decent signature and maybe 15 or so more on a more advanced one.

Alright this is what we intend to make.(Bare in mind I'm not going be able to make an exact copy of it( level of skill and some minor changes may happen)



*Quick things to take note before opening your program*
*Second note; Install directory may vary depending on your OS*

Brushes get installed into.
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Presets\Brushes

And Fonts get installed into.
C:\Windows\Fonts

Photoshop or the program you are using will need to be restarted in order for it to load the new downloaded brushes remember that. However a restart is not needed for downloaded fonts, as far as im aware on my computer.

Also remember depending on your computer and program used the directory may be different. But basically brushes go into the brushes folder and fonts goes into the windows/fonts folder. And always keep an Art Asset folder separate on you desktop (my preference) so you can find all your stuff.



So for making of the signature itself see below.

For starters you'll need this before even starting this signature!
http://all-free-download.com/photoshop-brushes/download/dreamy-fantasies-2_31396.html

This Brush set also is needed (Or any Glitter style brush for that matter)
http://www.obsidiandawn.com/glitter-photoshop-gimp-brushes

And this picture of course (or any picture of your choice if you don't want to use the suggested one, i just happen to like Deedlit)
https://36.media.tumblr.com/23847ef267dfd947b2b9e3f49d3381ce/tumblr_mmzfbx7uOA1sr6mkpo1_500.png

And lastly this font is needed, or again, any font of your choice.
http://www.zeldauniverse.net/media/fonts/


What have we learned? Fonts, Brushes and Artwork is needed for any signature and we've learned where you need to install them at, Depending on your HDD and Computer.

Step 1

Start a new document at the size of 600(Length) x 150(Height) Pixels (largest size allowed for AVP Galaxy) and pick a white background. (This will be your base) Then click the unlock button on the layer to allow us to edit it later down the line, then make a fresh new layer above that one. Rename the layers to Layer 1 and Layer 2. Then select the rectangular marquee tool (The dotted square line tool) and select it over Layer 2


Go onto image and then Stroke. Select Black as the color and the width 2 and have it centered, for this will be our border. Rename Layer 2 to Black line. Always keep the layer called black line on the very top of all the other layers. (Keep all your layers named if possible, helps keep track)



Okay, now select Layer 1 and pick a color like peach or a brown/orange or red/Blue etc and paint two different shades of the color, one dark and one light on the top and the lower of layer 1



Then you need to blend both colors. So go into filter and Gaussian Blur and turn it all the way up until both colors are mixed or shaded into one another.


Step 2

Now, lets make a new layer on top of layer 1 and paint it completely pink. Have the color somewhere between red and pink, but not too bright nor dark, then select layer type and make it hard light, this should change the color somewhat. After that make yet another layer (Layer 3) and also set it as hard light, for this will be the layer we apply the dreamy brushes to (Actual results will vary given the original brush is no longer available) Make sure the brush is set to white for the color else it won't get the effect we need.

If done correctly you should have something that looks similar to this.(If not, don't worry, you should be making some basic progress)


Now make Layer 4 and get any basic brush, select it black and paint layer 4 black, then make it soft light. We should have a darker looking signature without destroying the colors and make it less bright. Then make another layer above Layer 4 and add some glitter, via the brush. Make sure the color is white for layer 5 The result so far should be something that looks similar to this.


Step 3

Time to add the glow! which is very simply to apply, we'll apply it to both the glitter and the dreamy brushes. This way, we'll have a nice glow to the signature. Personal preference is on how much glow you want to add. To add glow, right click the layer which you want to apply it to and go into blending options, select outer glow or inner glow and mess around with it until you get a good result. Play around with the opacity and whatnot. Then add the Elf lady into the signature, I personally would use a PNG render or format when adding images to signatures as you don't need to remove any of the backgrounds.




After we've added the Elf Lady, or any picture of your choice if you don't want to use the image that i suggested. Make sure you place it above Layer Five. Then select the Elf Lady layer and Rasterize it. Rasterizing a Photoshop layer converts a vector layer to pixels. Vector layers create graphics using lines and curves so they maintain their clarity when you enlarge them, but this format leaves them unsuitable for artistic effects that use pixels. I personally always Rasterize.

Select the Elf Lady Layer and Duplicate it Select the duplicated layer and go into filter and again select Gaussian Blur, but don't make it too strong. Make sure the same layer is selected and then select Soft light for it. This will soften the picture up.

Finally Whip out the font we just downloaded in Photoshop by Selecting the Font button (The Big T) and place it onto the signature and type Deedlit, or any word or name of your choice. Also edit this in the exact same way you did for the picture, or the dreamy fantasy brushes. By applying blurs, duplicating it and applying filters or glows. Take my advice, if you're ever going to edit any picture, render or text, always duplicate it and then add the filter or effect to the duplicated image. Always make it so that any text isn't hidden by any background. Else you won't be able to read it. Apply shadowing to it or whatnot so you can see it stand out. After you've done all that and are happy with the result merge all layers save it and you're all done



Yes, this might be different from the original picture, it was pretty much made using the same methods. The techniques i explained should be doable on most photo editing software. I know different programs can yield different results, if not then you can often replicate it by some other means. But look what we made! just by blending a few layers with hard and soft light. Adding a glow or two, and using a downloaded brush and a render. Making signatures isn't hard. But utilizing the options your software has and being creative is all you need.


*Other useful information and tips*

Always use custom brushes for the best results. Want lightning bolts? download a lightning brush and apply a glow to it to give it a neat lightning effect.
Just do a Google search for brushes. Grunge Photoshop brushes, Fairy brushes, Lightning Photoshop brushes, tree brushes and so forth, They are 1000s of brushes online available to use.
Scan-lines, and other similar effects are classed a pattern. Do a Google search and install them to the Pattern folder (patterns install the same way as brushes)

Downloading wallpapers or stock images and using them for overlays onto signatures is generally a good idea too, i often use this technique if i need a specific background for a signature.

Keep a art asset folder on your desktop and keep all the brushes, wallpapers, and other images you find in there. I have a huge collection of renders, stock images and other assets that i use to make signatures etc with.

Listen to music while making a signature, i find it often helps me creatively to come up with a good signatures. Like if i'm making a Naruto Themed Signature, i'll listen to music from Naruto.

Hope this helps. And feel free to ask questions too. I've seen too many guides on the internet that never explain enough how to make signatures or they skip over steps without showing you exactly how to do it. I've also followed this guide myself in order to make the same signature and it works as i said it does. So read and learn, knowledge is power. Hope this helps in giving a a basic insight on what is needed to make a signature. Feel free to comment and ask questions. But please remember if you want a signature making, then use the request topic. This is merely a guide and a place of advice on making signatures for either if your a newbie at it or a advance user wanting to share advice for others.

** Useful Links and software**
http://www.getpaint.net/index.html


Paint.Net was my first software i used for editing pictures! It's great and very easy to use and is a great start for beginners without being too complex Though it does lack a lot of Photoshop stuff. That Said, Paint.net is a great beginners tool.

http://www.avpgalaxy.net/forum/index.php#c3
Haven't used gimp much but it can do effects that Paint.net can't. My sister uses this a lot.

http://www.adobe.com/products/photoshop-elements.html
Photoshop elements is like a simpler version of Photoshop CS. While it can't do a lot of the more impressive CS stuff, its still a great flexible program.

Or Download/Buy any of the other Programs of your choice.


*Websites that let you download custom brushes and other useful stuff*

http://www.brusheezy.com/
http://myphotoshopbrushes.com/
http://www.brushking.eu/
http://www.deviantart.com/browse/all/?section=&global=1&q=photoshop+brushes


« Last Edit: Nov 18, 2018, 09:02:31 AM by Guts »


Dowly
Nov 29, 2013, 02:31:12 PM
Reply #2 on: Nov 29, 2013, 02:31:12 PM
Those who can't afford Photoshop but have used it and are familiar with how it works can use the browser based Pixlr Editor. It's surprisingly good, though I wouldn't start any big projects with it. :)


Guts
Jan 21, 2014, 09:39:58 AM
Reply #3 on: Jan 21, 2014, 09:39:58 AM
Neat. Photoshop can be quite expensive actually.


Guts
Apr 24, 2015, 02:53:17 AM
Reply #4 on: Apr 24, 2015, 02:53:17 AM
Updated the entire guide.


Corporal Hicks
Apr 24, 2015, 07:36:01 AM
Reply #5 on: Apr 24, 2015, 07:36:01 AM
Thank you kindly for keeping the guide up to date. Much appreciated.


Guts
Sep 01, 2018, 06:14:28 AM
Reply #6 on: Sep 01, 2018, 06:14:28 AM
Small update, PMed you about it, that i updated it to make sure guide still works as intended. That is to provide a basic guide to help people make a forum signature. Felt like i need to check this every 1-2 years to make sure it does work. Guide itself remains as it is, images etc links not working let me know! Will update and fix accordingly! I know my grammar might not be perfect, but i hope this guide works!

« Last Edit: Sep 01, 2018, 06:22:07 AM by Guts »

 

Facebook Twitter Instagram YouTube RSS Feed