Tutorials, Tips and Tricks!

Discussion in 'The Graphics Zone' started by w/e, May 13, 2006.

  1. Rheias

    Rheias New Helper (I got over 2000 posts)

    Ratings:
    +232 / 0 / -0
    Making signatures the easy way

    This tutorial will teach how to easily make a signature, before getting to know all of Photoshop’s filters. You can consider it kind of a guide for you to create your first few signatures, before going into the advanced stuff. While following this tutorial you’ll learn to do things on your own, as in a few steps you’ll need to figure out alone what to do, but still, you’ll be directed through the whole process.

    Step 1: Create a new document (ctrl+n) I like my signatures to be around the size of 400x120. After that, pick a render, and by using the move tool, move it to your sig. You may want to resize it as well. I like my renders to be located around the middle of the signature.

    [​IMG]

    Step 2: Now create the background color, it should probably the general render’s color, or a mix of two or more if you would like to use gradient (one light, one dark). I suggest using the eyedropper tool.

    [​IMG]

    Step 3: Now we want to prepare to the smudging step. Duplicate your render’s layer one or two times. If you duplicated it once then do nothing, else, in each new layer move the render to a different location and then merge the two. You can merge them by hiding all other layers and then pressing on Ctrl+Shift+E. Make sure you still got the original render layer.

    Step 4:
    Now start smudging the duplicate until it looks nice. I like to use the smudging tool with 40% - 60% strength. Once you are done place the smudged layer under the render’s.

    [​IMG]

    Step 5: Now, play a bit with the smudged layer. Change opacity, add a few filters (such as ocean ripple, for example) be creative! Also, in order to make the signature blend better, you may want to erase the render, with a low opacity.

    [​IMG]

    Step 6: Now, I suggest going back to the second layer, the one that with the background color, and changing the color a bit until it suits your smudging the best. This step is optional.

    [​IMG]

    Step 7: Add a bit c4ds to make the signature looks more interesting.

    [​IMG]

    Step 8: If you are a bit familiared with Photoshop you can add a few gradient maps and photofilters.

    [​IMG]

    Step 9: This one is optional as well. If you wish you can add text to your signature.

    [​IMG]

    Step 10: Add a border if you wish.

    Final product:

    [​IMG]
     
  2. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member

    Ratings:
    +357 / 0 / -0
  3. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
  4. Exide

    Exide I am amazingly focused right now!

    Ratings:
    +449 / 0 / -0
    I would like to request a tutorial.
    So instead of making a new thread I figured I might as well use this one.

    Maybe I missed it, but I couldn't find any similar Tutorial:
    What I want is a good Tutorial on how to use text in pictures. -How to blend them well, what font and size to use, etc. (Everything one needs to know about text. :p)

    I bet more people than I have the same problem with text, so I think this could be a useful Tutorial. If someone skilled enough would be kind and make it, that is. :)
     
  5. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
    Another tut, tag by .Arctic.. I binned it for 300 credz, FR, so I made a tutorial for it.

    I forgot to post it, sorry.. :p


    Link
    [​IMG]

    If you want to see a specific tutorial that has been gone of mine, just PM me and I'll check if I have it.
     
  6. Jindo

    Jindo Self

    Ratings:
    +462 / 0 / -0
    Tutorials + Tips and Tricks threads merge'd in an attempt to reduce the number of stickies :).

    Happy helping, you may post Tips, Tricks or Tutorials in this thread :).
     
  7. w/e

    w/e Boaroceraptorasaurus-Rex

    Ratings:
    +264 / 0 / -0
    Unfortunately, that is a whole seperate art. Typography is to wide of a subject to justt put in a tutorial and depends more on the artist's views than any set parameters.
     
  8. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
    Yea, I agree with W/e.

    But still, I suggest plain text that doesn't attract too much attention. Make it bold and maybe add a few designs around it; or even subtext.
     
  9. Pineapple

    Pineapple Just Smile.

    Ratings:
    +576 / 0 / -0
    Kasumi Tutorial


    THe Stock Used:

    [​IMG]

    The Pattern Used:

    [​IMG]

    Yep, the one Andrewgosu used in his planet tutorial. It is a great pattern.

    Possible outcome

    [​IMG]

    Note: this one did a few alterations to the formula here and there.
     
  10. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
    EDIT: Since I didn't continue it, it is useless. Just hover over the tools to view the hotkeys. :p
     
  11. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
    I might continue the previous tutorial, maybe a bit later. Anywho, here is a new tutorial!

    Want to create some awesome 3D vectors like my upside down sig or abstract shards?

    Site Gone. I'll try to reload it another time.
    Then this is the tutorial for you.
    http://www.imagehustler.com/0308/1205003158.jpg

    You can easily learn perspectives without even having basic modeling knowledge. :D
     
  12. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
  13. ArmedCitizen

    ArmedCitizen Kisses Cats

    Ratings:
    +197 / 0 / -0
    • Like Like x 1
  14. Atreyu

    Atreyu One Last Breath.

    Ratings:
    +49 / 0 / -0
    HOW TO CREATE A BASIC SIGNATURE ON PHOTOSHOP

    INTRODUCTION:
    What is a Signature?
    - Signature is the graphic art usually found on below the user's posts. For the Hiveworkshop, I know you see the signatures below their posts.

    Why have One?
    - Well, in that case, its up to you....

    That's finished. Let's get started!

    PART ONE: The Image

    In some signatures, you often see images and stuff like that. They're called renders and you can find renders here: planetrenders.net

    Find the image that you want to have for your signature. For this tutorial, the image I want to show you is this:

    [​IMG]

    That's Kakashi.

    PART TWO: The Cut --

    Well, you've seen the image, now you have to cut it. Why? Because if you don't cut it, the background would interfere and its in a layer - A single layer. So let's get started!

    Use a Pen Tool or a lasso tool:

    [​IMG]

    [​IMG]

    I would suggest Pen tool. Why? Lasso tool takes time to make and it doesn't look perfect in the end.

    Start using the tool around the image and carefully take a look at the sides. When you're finished, you have something like this:

    [​IMG]

    That's how its done in a pen tool. Nice and perfect. Then what do we do next? We cut it and finish it of course! Right-click on the image and select Make selection - As shown in the picture below:

    [​IMG]

    When thats finished. You see a message popping up and says something with a zero. Just click Ok and it'll be fine... When you're done you have something like this:

    [​IMG]

    Ahh.. A nice-looking cut eh? That's the end of the Pen Tool work. When you're done... You have to delete the background. Right-click on the image using the box-tool/Circle-tool. And select inverse.. That way, you're selecting the background not the image and just click DELETE. It'll be all white.. Select inverse again. Part two end.

    PART THREE: The Transfer


    After you select the image. Right-click on it and click.

    [​IMG] Now, the image is on another layer. Now, create a new file with a size 350x120 - That's my size for any signature. Go back to the render file and click duplicate layer. Duplicate it to the New one. You might see this image when you've transfered it:

    [​IMG]

    Well don't be scared. Resize it and it'll be fine...

    After you've resized it, it'll look like this:

    [​IMG]

    Pretty cool eh?

    PART FOUR: The Background

    Each image should have a background. And a signature wouldn't look nice without one..

    Create a new layer and smooth it all up by using a render. I use a cloud render:

    [​IMG]

    Use a black color if you want it to look like black smoke. You should have something like this:

    [​IMG]

    PART FIVE: The Brush and the text.

    A signature would look slightly better if you add brush strokes to the mix. Use any brush tool you have and create a nice effect that reflect your theme/Idea. Once that is finished, you have something like this:

    [​IMG]

    Looks better now right?

    To add it all up, Write a simple text that says... Anything you want:

    PART SIX: The Finishing

    For the finishing, add more and more renders. I used Lightning effects for this one:

    [​IMG]

    Once you clicked it, you'll find something that looks like this:

    [​IMG]

    Place the little circle to the point you want the light to be. I used the omni light .

    Finally, change the color of the image so that it matches the background.

    Like this:

    [​IMG]
     
  15. duyen

    duyen New Member

    Ratings:
    +214 / 0 / -0
    ^
    ^

    You rendered an already rendered image...
    ____________
    Anyhow, my first tutorial, a BG tutorial:

    [​IMG]

    Please don't rip!
     
  16. duyen

    duyen New Member

    Ratings:
    +214 / 0 / -0
    Sorry meant to say Phazon but oh well.
    note: the end product looks better - this tutorial is just low quality.
    [​IMG]

    Here's an outcome if you recolor the pattern to red:

    [​IMG]
     
  17. Pineapple

    Pineapple Just Smile.

    Ratings:
    +576 / 0 / -0
  18. undeadorcjerk

    undeadorcjerk The Ulitimate TheHelper.net Lurker

    Ratings:
    +220 / 0 / -0
    I can read it just fine, and i'm sitting away from my computer.
     
  19. Prometheus

    Prometheus Everything is mutable; nothing is sacred Staff Member

    Ratings:
    +592 / 0 / -0
    [Tutorial] Basic Animation in Photoshop

    Photoshop is really weird when it comes to animation, so here's a few helpers.
    I made this using CS3, CS2 is basically the same thing, to my knowledge.

    First, make sure you have the animation window up.
    [​IMG]

    Now, make a new image. Size doesn't matter.
    You'll see frames.
    [​IMG]

    Now, draw something, create another layer (ctrl+shift+n) and draw something on that.
    [​IMG]

    Next thing, make a new frame.
    [​IMG]

    Each frame is like its own image, in a way. Next to the layers there is an eye.
    [​IMG]

    Now we want to select each frame and click the eye for one on each.
    Each layer is basically a set of frames, which you can turn on (viewable) or off (not viewable).
    [​IMG]

    Next we want to set a time for each frame.
    [​IMG]

    And now we have a completed animation!
    [​IMG]
     

Share This Page