Full Signature - For Begginers/intermediates

Discussion in 'GR Classic Archive' started by Magnesium, Oct 5, 2005.

  1. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005
    Well, this sig was made a long time ago, I lost it because the site it was on went down, and all my tutorials were lost. Here it is

    Oh an umm, creds, reps are appreciated pls ty.

    Hi
    Anyways, I will start working on this tutorial today, though I doubt I will finish today.
    This tutorial will cover the following:
    -Backround Brushing
    -Coloring
    -Render
    -Text


    Now, lets get started.
    Section 1: Backround
    Start off by making a new document
    I use the size 400x135. (Make sure backround is set to 'Transparent')
    -Select the PaintBucket Tool (M) and fill the backround with the color black.
    -Create a new layer (Ctrl+Shift+N)
    -Select a brush pack, and start brushing in White.
    http://img294.imageshack.us/img294/3821/ctut19im.jpg
    After you get it to look something like this, Create a new layer, and start brushing over in Black.
    Ths is what it currently looks like:
    http://img294.imageshack.us/img294/8875/ctut26nh.jpg
    I made about 2 more layers brushing over in black and white untill I got something I thought I can use, shown below:
    http://img294.imageshack.us/img294/8663/ctut32au.jpg
    Seems to me like the backround is done, now we have to do the coloring :\

    Section 2: Coloring
    There are multiple of ways to color your signatures. Really, theres plenty. I will be making tutorials in the future showing you on other coloring methods, but in this tutorial we will stick with the method I use, and the method hundreds of others use. This is one method I like.
    Heres what we do:
    -Layers>New Adjustment Layer>Color Balace
    Now, I wont take a picture and show you every colors I used, but I will tell you the settings I used.
    Midtones: 41 | -53 | +33
    Highlights: -16 | -31 | -16
    Shadows: -56 | -40 | 9
    You should have a purplish colored signature in front of you.
    Next, do the following:
    -Filter>Render>Clouds
    Press Ctrl+F (To repeat the clouds effect) several times untill you get something you like. This is what mine looks like:
    http://img337.imageshack.us/img337/4103/ctut48hd.jpg

    Now we will add another color balance level as we did just a minute ago.
    -Layers>New Adjustment Layer>Color Balance
    The colors I used were:
    Midtones: 75 | 0 | -68
    Highlights: 40 | 0 | -41
    Shadows: 44 | 0 | -40
    Once again on the same color layer, go to Filter>Render>Clouds(Ctrl+F)
    -Repeat the 'clouds' effect several times untill you get a nice mix of the colors. This is what mine looks like atm:
    http://img337.imageshack.us/img337/3863/ctut51wz.jpg
    Still, I am not liking the colors, so I will add another color balance level.

    -Layers>New Adjusment Layer>Color Balance
    This time, I used a differnet color, settings told below:
    Midtones: 0 | 58 | 0
    Highlights: 0 | 19 | 0
    Shadows: 0 |83 | 0
    Repeat once again the clouds effect, and do that several times untill you find a mixture you are pleased with. Below is what mine looks like at this point:
    http://img337.imageshack.us/img337/5152/ctut67vi.jpg
    Many people, especialy begginers at this step like the result, and move on to there render, however I do not like it, so I will add a bit more to it.
    To continue along, go to:
    -Layer>New Adjusment Layer>Brightness/Contrast...
    I used the following:
    Brightness: -9
    Contrast: 31

    From what I just had a minute ago, I got to this:
    http://img110.imageshack.us/img110/456/ctut7jpg0uz.jpg
    Note - You can also see my layers table, you should have the clouds linked with the color balance layers as I have it in my layers table.

    Erm, still feel like I need something, besides for render ofcourse. At this point, everyone should save thier sig as a .psd file, just incase the mess something up. Well atleast this is where I usualy save my psd files, before I start messing and trying new things. This takes be back to making the backround look better.

    Section 1: Backround - Blur
    Yea yea, I will add a bit more to the backround, but wont be using the brushes.
    - Hide your Brightness/Contrast layer. For all you GFX newbies, you can do this by clicking on the little 'Eye' icon located in the layers table on the left side of the layer that says 'Brightness/Contrast'
    After having the layer hidden, click on any other one of your layers and go to:
    -Layers>Merge Visable
    You should now have something like this in your layers table:
    http://img359.imageshack.us/img359/1568/ctut80qn.jpg
    1 Layer which is still hidden, your brightness/contrast layer, and your now to be called backround layer.

    You can un-hide the brightness contrast layer.

    -Click on the backround layer on the layer table, and press Ctrl+J (Doing this will duplicate your backround layer)
    -Filter>Blur>Motion Blur
    -Set that layers mode to - Overlay
    Hmmm, well I used this blur technique on 2 of my other sigs, and it turned out well, but foor the sig I have I just dont like the results. If you like it with the blur, keep it with the blur, if not, then remove the blur again. Move on to the next section.
    Edit: My sig looks good with a guassian blur and mode set to overlay with a lower ocapacity, That is what I will be using. For all of you, feel free to use whichever you want, or dont use it at all.

    Section 3: Render
    At the moment, this is what my signature looks like:
    http://img297.imageshack.us/img297/5505/ctut94lx.jpg
    And I like it the way it is now. Some people cant use there renders well. Theres multiple ways of blending renders, tips, and hints on how to make it look better.
    Picking your Render
    If your signature looks bluish purplish, dont pick a render thats yellow and green colors. Pick a render that will most suite your backround. A more..., camoflauge render.
    Also, make sure the render you will use fits the theme of your signature. For example, the picture below shows my sig, and below the sig is a render. I would most definatly not want to use that render in my sig, it might blend a bit, sure, but it just, doesnt fit.
    http://img297.imageshack.us/img297/1264/ctut106gx.jpg
    Some people might like it if I used that render, but I wont use it, I will still be looking for a render.
    Heres the render I will be using:
    http://img297.imageshack.us/img297/1982/ctut117qt.jpg

    Resizing your Render
    The size of my render atm is 475x800. Too big. To make it smaller,
    -Image>Image Size - Change the width to 170, and the height will automatically change for you.

    Some people prefer to have the whole render shown in your sig, like this:
    http://img363.imageshack.us/img363/2940/ctut125as.jpg
    I dont like it so small, I will enlarge my render size to 210 for width, and the height gets automaticaly changed.
    -Select the Move Tool(V) and take-and-drag the render to your sig. Dont even know why I am saying this, if you dont know how to move your render to your sig, go do something else.
    -Once in the sig, duplicate the layer with the render.
    -On the duplicated layer, give it either a gaussion blur, or a motion blur.(Depends on which you used up there)
    Blah blah my render looks like ----, so I will use a different render that also looks like ----. Anyways, in a few steps your render will look something like this:
    http://img291.imageshack.us/img291/9876/ctut138cl.jpg
    Disregard what I said above if I make no sense, bare with me, needed to edit several times and I am trying to get best results for all of you guys.
    Move the render to your signature, and duplicate the layer. On the duplicated layer, go to
    -Filter>Blur>Gaussion Blur
    I used a blur of 5.4, and set the mode for that layer to 'Screen'
    On the same layer with the blur'd render, go to
    Image>Adjustments>Brightness/Contrast
    Mess with the settings, untill you get something bright to make it look somethin like this on the sides, almost like a light effect
    http://img291.imageshack.us/img291/9876/ctut138cl.jpg
    After doing that, click on the layer with the render, the one that hasent been blured, and go to
    -Image>Adjustments>Color Balance and set the color to match it with the backround. Your render should look alot better now.
    (Make sure you only add the color on the render itself, not on the entire signature.)


    This tuorial was not finished, and I do NOT plan on finishing it, but I will start working on other tuts soon. Remember, Creds/reps appercaited.
     
  2. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005
    errm...somebody can atleast say somethinggg1!!1!
     
  3. n0rth

    n0rth Member

    Posts:
    9
    Likes Received:
    0
    Joined:
    Oct 6, 2005
    nice tut, however, i think it would be liked a bit more( iknow i would) if i didnt have to click on EVERY link just to see a picture
     
  4. Shootnkill202

    Shootnkill202 Member

    Posts:
    16
    Likes Received:
    0
    Joined:
    Oct 3, 2005
    nice tut, lovin it :P
     
  5. Poo

    Poo Well-Known Member

    Posts:
    732
    Likes Received:
    0
    Joined:
    Jun 26, 2005
    use images instead of links (just use this)
    Code:
    [img]LINK HERE[/img]
     
  6. koolkidd

    koolkidd Well-Known Member

    Posts:
    4,218
    Likes Received:
    0
    Joined:
    May 30, 2005
    theres no border or text :eek: or blending
     
  7. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005

    Yea I know, but like I said, i lost this tutorial and this one guy saved it, so this is how I got it back, and i didnt feel like going throguth every image to put img. tag on it, and if I had the original version I wrote, it would have beem alottt more neater. The sections I made bold and underland, made italic text in some places

    Thanks for the help, but I know this lol. Rely on what I said above, maybe you'll understand why there not coded properly.

    <!--QuoteBegin-koolkidd

    theres no border or text ohmy.gif or blending[/quote]

    Yes, I know. Well, normally, I put the borders after I'm done with my sig, and if you read the intro of the tut, you would understand that it's not completed. The text I put in after I am done blending the render, and the render blending in that tut. is not completed.
     
  8. washow

    washow Active Member

    Posts:
    28
    Likes Received:
    0
    Joined:
    Sep 3, 2005
    love it

    even though it's not finished, making bg helped me a lot
     
  9. Noob Xaibot

    Noob Xaibot New Member

    Posts:
    4
    Likes Received:
    0
    Joined:
    Oct 5, 2005
    how do you upload a sig to your signature when you post, I have an Elena From SFII Sig I did but i need to know how to post it. Thanx
     
  10. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005

    ty for the comment :D


    <!--QuoteBegin-Noob Xaibot

    how do you upload a sig to your signature when you post, I have an Elena From SFII Sig I did but i need to know how to post it. Thanx[/quote]

    Go to you'r controls, which can be found at the top right hand side, right below where it has IRC, RULES, SHOP, etc., if you still cant find it, erm, then let me know.
     
  11. nimrod1250

    nimrod1250 Well-Known Member

    Posts:
    67
    Likes Received:
    0
    Joined:
    Oct 5, 2005
    it's pretty good and helpful!

    thanks!
     
  12. Noob Xaibot

    Noob Xaibot New Member

    Posts:
    4
    Likes Received:
    0
    Joined:
    Oct 5, 2005
    Go to you'r controls, which can be found at the top right hand side, right below where it has IRC, RULES, SHOP, etc., if you still cant find it, erm, then let me know.[/b][/quote]
    No, what I meant, was once in that menu, after I click signature, what do I do next. Sorry for my Username Being so literal at this point :lol:

    I assume its got something to do with an image code in your signature or something? my sig is to large to upload to my site then link here (its geocities freesite-sucks).
     
  13. =Angel=

    =Angel= Well-Known Member

    Posts:
    435
    Likes Received:
    0
    Joined:
    Jan 27, 2005
    bit confusing but its still good, nice job bro
     
  14. R3aver

    R3aver Member

    Posts:
    12
    Likes Received:
    0
    Joined:
    Jul 31, 2005
    Nice tut Ill use it
     
  15. Magnesium

    Magnesium Well-Known Member

    Posts:
    462
    Likes Received:
    0
    Joined:
    Sep 20, 2005
    Go to you'r controls, which can be found at the top right hand side, right below where it has IRC, RULES, SHOP, etc., if you still cant find it, erm, then let me know.[/b][/quote]
    No, what I meant, was once in that menu, after I click signature, what do I do next. Sorry for my Username Being so literal at this point :lol:

    I assume its got something to do with an image code in your signature or something? my sig is to large to upload to my site then link here (its geocities freesite-sucks). [/b][/quote]
    Go to www.imageshack.us to upload you'r signature, then after uploading is done, you will see a list of links. The very last link there will say Direct Link to Image, thats what you will need.
    Go to you'r signature, and use the image tags.
    Replace the () with []
    (img)http://IMAGE URL THAT YOU JUST GOT(/img)

    Reps apperciated everyone, will get better tuts as soon as I can get the host to put the server back up
     

Share This Page