Internet Forum Signature Tutorial

Discussion in 'General Tutorials' started by AlanJohn, Jun 27, 2013.

  1. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,460
    2,929
    Jan 6, 2011
    Canada,New Jersey
    Introduction

    Why hello there, fellow 'temper! Do YOU want to have a cool signature like me, or Shockwind? Then give this tutorial a read.
    In this tutorial, I will teach the basics of signature-making on GBAtemp. I will be using Adobe Photoshop CS6, but I will also include a tutorial for GIMP. I will also not use custom files that are unavailable for the average PS/GIMP user (I.E Brush presets, custom fonts, plugins etc.) So everything is just stock. So, lets get started!

    Basics

    Your signature (or what I'll be calling a "sig" from now on) can be almost anything. It could be a nice list of things or a sig banner that looks nice, or even both! Just make sure you're not linking to warez stuff or porn in your sig or anything NSFW (because it could ruin the minds of the little children that are browsing this forum!).


    The Signature itself
    Photoshop
    GIMP
    Additional Tips
    Uploading & Size
    Now, I personally always upload in .png since it gives me the best quality and takes less space. On GBAtemp, you have a size limit of 80kb for your signature and profile pic combined. So, you'll need to always make sure the sum of your profile pic and sig aren't over 80kb or else you might get banned (actually you won't but your signature/profile pic will be removed). If your signature or profile pic has a lot of colors use .jpeg, if it doesn't use .png. Here's a good article about which format you use and when.. Here's and image that can quickly explain the differences:
    [​IMG]
    Uploading your image is kind of the tricky part. I used to upload on GBAtemps servers but then I lost access to them after the XenForo update. So, now I mostly use minus.com for my important uploads (Signatures, Homescreens, Hentmei, Porn etc.) and imgur for very minor things that are mostly useless for me. Whatever you do, don't use terrible upload services like photobucket, since they take down your image after they become "popular" and start demanding money.

    Text
    Text is important. You can use your signature as your own personal advertisement (well, not really). You can put your twitter, tumblr, steam, etc. on it. But, how do you make it look cool like in my sig? This is where I talk exactly about that.
    One of the most important things in putting text under your sig banner is the font and color. Since the introduction of XenForo on GBAtemp, there isn't any visible option for fonts like in IPB, but they're still there. The fonts which I have personally checked to still work are Ariel, Courier, Century Gothic, Courier New.
    Your links should be divided by symbols like "\", "|", or "/". These symbols should also be colored. Here's an example of a text-oriented signature:

    Steam / Twitter / DeviantArt

    See? Very nice, clean, and minimal. Looks even better when there's a good banner above it.


    Well, that concludes this basic tutorial! Thank you for reading!
     
  2. Sicklyboy

    Sicklyboy Resident Mechanical Keyboard Addict

    Global Moderator
    5,727
    4,717
    Jul 15, 2009
    United States
    [̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅]
    I learned things today, even though I don't have a current copy of PS and CBA to find the old ones I have or download a new one. A lot of those instructions should translate well into GIMP if you know your way around the basics of the program and aren't a total idiot.

    Good tutorial.
     
    Seriel likes this.
  3. ThatDudeWithTheFood

    ThatDudeWithTheFood TRIANGLEZ

    Member
    2,198
    291
    Mar 9, 2009
    United States
    Illuminati
    Thanks bro. You inspired me to make this awesome sig.
    [​IMG]
     
    Daidude, Narayan, Hikaru and 2 others like this.
  4. Zerousen

    Zerousen 【=◈︿◈=】

    Member
    GBAtemp Patron
    Zerousen is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    1,960
    328
    Jun 30, 2009
    United States
    Wow, a great tutorial that is relevant to my interests. Bookmarked, if you don't mind....
     
  5. Sop

    Sop groovy dude lmao

    Banned
    1,244
    207
    Nov 14, 2010
    qld
    You are one of the best graphical artists I know (the ones i know are pretty bad)... But anyway, what do you recommend, GIMP or Photoshop, and if Photoshop, how can a GIMP user learn to use photoshop?
     
  6. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,460
    2,929
    Jan 6, 2011
    Canada,New Jersey
    I totally recommend Photoshop. It's a lot better and has a lot of more functions. PS is very easy to learn and, ironically, it's easier than GIMP.
     
    Natural and EZ-Megaman like this.
  7. Ericthegreat

    Ericthegreat Not New Member

    Member
    1,815
    324
    Nov 8, 2008
    United States
    Vana'diel
    Its also just something good to know. Its also free for everyone on gbatemp so every member should have a copy of master collection ;)
     
  8. Jayro

    Jayro MediCat USB and Mini Windows 10 Developer

    Member
    GBAtemp Patron
    Jayro is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    5,139
    2,807
    Jul 23, 2012
    United States
    Octo Canyon
    Would it be okay for me to put a google ad in my signature, as long as it kept within the GBATemp filesize guidelines?
     
  9. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,460
    2,929
    Jan 6, 2011
    Canada,New Jersey
    Advertisements are a big no-no for any signatures, especially if it's a non-personal one.
     
  10. Jayro

    Jayro MediCat USB and Mini Windows 10 Developer

    Member
    GBAtemp Patron
    Jayro is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    5,139
    2,807
    Jul 23, 2012
    United States
    Octo Canyon
    I was thinking just of using a videogame-related static image one. Nothing flashy, animated, or annoying.
     
  11. Natural

    Natural GBAtemp Regular

    Member
    179
    15
    Jul 25, 2014
    United States
    Thank you. This is what I made using some of the steps from your first Photoshop tutorial.
     
    Last edited by Natural, Apr 27, 2016
  12. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,460
    2,929
    Jan 6, 2011
    Canada,New Jersey
    Looks good for your first signature! I recommend to re-size your images without changing the aspect ratio by scaling them while pressing the shift key, that way it doesn't look stretched out.
     
  13. Natural

    Natural GBAtemp Regular

    Member
    179
    15
    Jul 25, 2014
    United States
    You mean when I use File>Place to open an image?

    I held the shift key and nothing seemed to change.

    Is there some other tool you are talking about?

    Also, how did you create your smudge settings and is there a guide to understand what exactly each of the brush settings do?
     
    Last edited by Natural, Apr 28, 2016
  14. Mr Objection

    Mr Objection GBAtemp Fan

    Member
    321
    148
    Jul 10, 2016
    Argentina
    I cannot upload my signature, what is the problem?
     
  15. markehmus

    markehmus GBAtemp Maniac

    Member
    1,194
    383
    Jul 26, 2008
    Canada
    in the GAME
    how do i make a mask that does this layered effect using photoshop ?


    [​IMG]
     
  16. Lucifer666

    Lucifer666 all the world needs is me

    Member
    1,495
    732
    Apr 22, 2011
    The Fourth Dimension
    Christ on a bike, that necro.