Welcome to Our Community

Wanting to join the rest of our members? Feel free to sign up today.

Photoshop Beginner-Intermediate Tutorial (Only Compatible with V.7 to CS3)

Discussion in 'The Design Lounge' started by ssbb_lover, May 25, 2007.

  1. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    As the title implies, this tutorial is only compatible with Photoshop versions 7 through CS3, know that before starting (the techniques taught in this tutorial can also be applied to GIMP).

    1) Open a new document. I use 400x130, but it’s up to you. I recommend not getting too much bigger (or smaller), just keep it around those dimensions. Color the canvas black (make your secondary color black and hold SHIFT+BACKSPACE).

    2) Choose a render, particularly this render so that you can get the closest results. Once you do the tutorial through with this render, try doing it with another render and see what you come up with. (Click the Link) http://planetrenders.net/renders/displayimage.php?pos=-3382

    3) Now, duplicate the render (Click on the render layer and hold CTRL+J) and Gaussian Blur it 8.6 pixels. Set the layer’s Blending Mode on Linear Dodge and take out your eraser. Just make it a nice round soft brush and make the size 74 pixels and the opacity 50%, then just click right on the nose of Naruto ONCE, no more.

    4) Now, duplicate the Naruto render 4 times, making sure they’re all set in front of the black filled layer, but behind your two beginning render layers, then move them around so that they cover up the entire black layer. So this is what your layer window should look like:

    [​IMG]

    Now, combine the four new render layers into one layer (highlight the 4 layers by holding SHIFT and clicking on all 4 of them, then go Layer > Merge Layers). After combing them, go to Filter > Blur > Motion Blur and have these settings.

    [​IMG]

    5) Ok, now we’re going to make some brush strokes, start by creating a new layer above the Motion Blur you just finished. You won’t be able to make anything very cool with the default brushes that are already uploaded into Photoshop, so go download some of your own. Just go to g00gle and type in “Photoshop Brushes”, you will most likely find a site that has tons of different types of brushes and you can preview what they look like (types are grunge, tech, abstract, C4D, etc.) Try using colors from your render, the easiest way to do this is by pressing the “I” key, which should provide you with the “eyedropper” tool. Once obtaining the “eyedropper” tool, click on the original render layer, then click on Naruto jacket, hair, eyes, etc. and then you know for sure that the colors you’re getting are from the render! Here’s what I got.

    [​IMG]

    NOTE: Make sure yours doesn’t look EXACTLY like mine, it’d be hard considering you’d have to find the same brushes and everything, but still, be creative. Just don’t make it too busy, see how my brush strokes are very simple.

    6) This is pretty unheard of in Beginner’s tutorials, but i’m going to ask you to add a C4D. Now i’ll tell you how to do it, so don’t worry, but if this becomes too tough, THIS IS NOT NECESSARY, it’s an optional step.

    Here’s the C4D I used. (Click the Link) http://planetrenders.net/renders/displayimage.php?pos=-409

    I suggest signing up for Planetrenders, as it is a enormously helpful site, and it’s the only way to get the enlarged version of the image in that link. After signing up, click on my link again and click on the image, copy the enlarged version of the C4D and open a new document in Photoshop (When you go File > New, the dimensions will already be correct for the image you last copied). Paste the C4D in this new document and select the Polygon Lasso tool, then select the following part and color the white with black (click on the paint bucket tool, set the primary color to black, then click on the white inside the selected area). Copy this and then go back to your sig. Paste this onto your sig and set it to linear dodge, then duplicate the layer (CTRL+J) and on this new layer go Filter > Blur > Radial Blur, set the settings as follows.

    [​IMG]

    Erase some of the original C4D layer and it should look a bit as follows.

    [​IMG]

    7) ALMOST DONE! Ok, now i’m going to give you 3 options for finishing this sig, but don’t just try one and say, “OMG I LUV IT I’LL JUST QUIT!” Try all of them so that you have these three techniques stored in your brain for future use.

    Border #1) Open a new document with the dimension of 400x6. Fill this document with black using the same technique you did in the beginning of the tutorial, then select the whole thing (CTRL+A) and copy it. Go back to your sig and paste your black 400x6 object, then click on your move tool. Don’t move the black rectangle manually (by clicking and dragging), instead hold shift and use the arrow keys till it’s at the top of your sig, then paste the rectangle again and move it to the bottom. It should now look like this.

    [​IMG]

    Border #2) Create a new layer and select all (CTRL+A), then go Edit > Stroke. Have these settings.

    [​IMG]

    Now go Edit > Stroke again, but this time set the width to 2 pixels and the color to white. Now do Edit > Stroke AGAIN and make the width 1 pixel and the color black. Set this layer to Overlay and you have border #2.

    Border #3) Go to Layer > Flatten Image first off. Now simply right click on the shape tool (the tool under the text tool which is signified by a large “T”) and click on the “rounded rectangle tool. Line up the cross of the tool so that the line butting out the bottom and the line butting out to the right so that it lines up with the top right corner of your sig. Now click and drag to the bottom right corner so that it looks like this.

    [​IMG]

    Note that you can still see the corners of the sig under this large black rounded rectangle.

    Now, hold shift and click on the rounded rectangle layer (you should have two layers, one of them being all of your layers that you had now flattened and the other should be your rounded rectangle), by doing this the rounded rectangle should be selected. With this area now selected, click on your flattened image layer and say CTRL+C. Hit CTRL+V now and delete the other two layers, it’s not as obvious in Photoshop, but when you show it on a forum or what not you will see that the corners have been rounded off, this can act as a border. Here’s what it should look like.

    [​IMG]

    Congratulations! You have now learned how to make a reasonably acceptable sig! :] I hope you enjoyed this tutorial as much as I worked my ass off making it! Thank you and goodnight....

    - Tyler
     
    • Like Like x 3
  2. King Wiired

    King Wiired HITLER ME JEZ

    Joined:
    Aug 8, 2006
    Messages:
    5,502
    Likes Received:
    64
    Location:
    United Kingdom Status : Stunnin'
    Wii Friend Code: 8756-4872-6334-8478
    8756-4872-6334-8478
    Very nice tutorial, especially for a first :] good work.
     
    • Like Like x 1
  3. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    I suppose it is my 1st...Thanks. :] Trying to contribute to this wonderful section, don't want it to go to ruin!

    off-topic: Wiired my main man, you gave me rep block #4, Thanks muchly. :]
     
  4. tarheelsuperman

    tarheelsuperman ...it gonna be zoppity

    Joined:
    Dec 9, 2006
    Messages:
    524
    Likes Received:
    15
    Location:
    The Tarheel State
    Nice Tutorial. Thanks for taking the time to post it.
     
    • Like Like x 1
  5. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    Good, good. If someone could try doing their own thang', just to see what ya'll make, that'd be great. :] Feedback is all I truly want!...
     
  6. demonflair

    demonflair Slowly returning..

    Joined:
    Feb 10, 2007
    Messages:
    2,513
    Likes Received:
    76
    Location:
    Portugal, Portimão
    Wii Friend Code: 2967-1215-6372-5681
    2967-1215-6372-5681
    Good Tyler :)

    You made a great tutorial, it will help a lot of new-comers :]

    BTW is that always your technique to do the sigs??
     
  7. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    Not always, just one of my techniques. :] I used to never use brushes, now i've become obsessed with them and have learned how to make them look pretty good.

    I hope it helps newcomers, that's what the original idea was. :]
     
  8. Close

    Close 幸せ雑&

    Joined:
    Oct 13, 2006
    Messages:
    1,774
    Likes Received:
    32
    Location:
    Ohio
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    Good tut, but the render is very bright and nose is not visible and the mouth barely.

    Blend the render in more. Text !! ! !! lol
     
  9. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    I knew someone would eventually say that. You see, different screens display the brightness way differently. On my laptop, you would barely even be able to make out that it's a sig, but on my Mac, it looks like perfect brightness. I'm sure you know this, just thought i'd remind you.
    AIIYEEE!!! TEXT!!! Thanks for reminding me....

    That was a close one. :]
     
  10. Close

    Close 幸せ雑&

    Joined:
    Oct 13, 2006
    Messages:
    1,774
    Likes Received:
    32
    Location:
    Ohio
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    Zomg, pun, lol. And your welcome.:aureola:
     
  11. Byuakuya

    Byuakuya Bleach & Heroes fan.

    Joined:
    Jan 14, 2007
    Messages:
    6,251
    Likes Received:
    78
    Location:
    Soul Society
    Thats a very nice tutorial. Step-by-step explanations, with visual aids included as a bonus. :lol:
    Seriously, it is a great tutorial.
     
  12. Close

    Close 幸せ雑&

    Joined:
    Oct 13, 2006
    Messages:
    1,774
    Likes Received:
    32
    Location:
    Ohio
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    Not that great, I mean it is good , but don't exaggerate. :)
     
  13. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    Lol, shut up. You're just jealous because you have tut competition now. >.>

    Freedom of speech. :]
     
  14. Close

    Close 幸せ雑&

    Joined:
    Oct 13, 2006
    Messages:
    1,774
    Likes Received:
    32
    Location:
    Ohio
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    My tuts stink >.<

    Lmao, most tuts that are great are one big image so you don't have to post it just copy the image location :)
     
  15. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    I know what you mean, lol. I was too lazy. >.> But three tuts on the site all covering a bit different aspects and ranging from difficulty is a good way to start the section off. :] Don't you agree?
     
  16. Brawny

    Brawny Anglophobiphile

    Joined:
    Dec 15, 2006
    Messages:
    6,522
    Likes Received:
    129
    Location:
    Ann Arbor, MI, USA
    Wii Friend Code: 5385-4035-7079-0395
    5385-4035-7079-0395
    Hm..... I guess I'm the next one to post an all GIMP tutorial? Muahhahahahhhhaaameh

    PS has much better looking dialogs than GIMP......Small price to pay though.
     
  17. Byuakuya

    Byuakuya Bleach & Heroes fan.

    Joined:
    Jan 14, 2007
    Messages:
    6,251
    Likes Received:
    78
    Location:
    Soul Society
    I am simply stating what I would have thought of that tutorial from a beginner's point of view. It is structured nicely and Tyler used an easy-to-understand method to explain it. :)
     
  18. Close

    Close 幸せ雑&

    Joined:
    Oct 13, 2006
    Messages:
    1,774
    Likes Received:
    32
    Location:
    Ohio
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    Agreed :)
     
  19. ssbb_lover

    ssbb_lover Novocain Stain'd

    Joined:
    Jul 2, 2006
    Messages:
    7,743
    Likes Received:
    98
    Location:
    Georgia
    Wii Friend Code: 1234-1234-1234-1234
    1234-1234-1234-1234
    Well thank ya thank ya. :] In real life, I tutor math, logic, and then I coach kid's classes for tennis....so i've learned a few good techniques to make learning easy. ^_^
    Good, thought you would. :]
     
  20. ilikecookies

    ilikecookies WiiChat Member

    Joined:
    Mar 2, 2007
    Messages:
    1,175
    Likes Received:
    12
    Location:
    B.C.
    Wii Friend Code: 3054-3489-6043-9855
    3054-3489-6043-9855
    Very nice job. I would give you rep for it, but it says I already have.
     

Share This Page

Search tags for this page
edit-stroke[2]。
,
how to render in photoshop beginners
,
how to render wii on photoshop
,

naruto jacket open

,
photoshop 7 beginners
,
photoshop 7.0 intermediate tutorials
,
photoshop beginner intermediate
,
tutorial photoshop 7 for beginner