• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Graphics & Photography Tutorials Thread

1,594
Posts
17
Years
  • Welcome to the first Graphics & Photography Tutorials thread. Here you can post tutorials on those hard to make banners for your forum signature, cool animations that you just have to show everyone, or that cool effect you made with the picture of your little French poodle.

    Rules:

    -You must follow the PokeCommunity Graphics & Photography rules, as well as the general rules.

    -Posted tutorials can be text, text with pictures showing examples, or a link to a site that contains the tutorial.

    -Your posts must contain either a tutorial, and example that was made using one of the above tutorials, or comments/criticism towards a tutorial.

    -Do not post tutorials that you have not made, or do not belong to you.

    Please follow these rules.

    Thread approved by Sorano and Xenocrates. (Thanks!)

    There is a form required for posting tutorials:
    Code:
    Program Used:
    Required:
    Skill Level:

    To start things off I'll show my tutorial as an example.

    Program Used: Adobe Photoshop

    Required: Adobe Photoshop, a set of grunge brushes found online, I specifically use deviantArt, and an image that you would like to put in your banner. The image would be better being rendered.

    Skill Level: Easy

    I usually start off with a simple background such as Filter > Render > Clouds, then Filter > Render > Difference Clouds. Now, Image > Adjustments > Inverse. Then click Image > Adjustments > Levels, and dragging the middle arrow to the far right. OR just duplicating the render a lot, then adding a Filter > Blur > Motion Blur at 45º, then again at -45º, then a 2 pixel Filter > Blur > Gaussian Blur.

    That's the base for your background.

    I create a new layer then do some brushing with grunge brushes that can be downloaded from deviantArt. I do the brushes, on the new layer, black or white depending on how I want the banner to look. I set the brush opacity at about 60% and click 2-3 times per brush. Set the brush layer to a nice Overlay or whatever makes it look good over top of the base background.

    That's basically your full background.

    Over that I put the render in and position it properly. Then go to Edit > Transform > Scale and then grab a box in the top left, top right, bottom left, or bottom right and hold shift, then drag it to get the right size. When you have it click the Rectangular Marquee tool, then Apply. Then duplicate it and set the effect to Hard Light, gives a good effect.

    To get an overall matching color, make sure your at the up most layer and go to Layer > New Adjustment Layer > Color Balance. Then just play around with the Midtones, Highlights and Shadows to get a nice color, don't go overboard though.

    For the text you can add a Drop Shadow and/or Outer Glow to make it stand out, but change the colors of the Outer Glow if you are to use it, make it match.

    Now use the Rectangular Marquee tool and select the banner and go to Edit > Stroke. Change the color to black and set it to 1 or 2 pixels, inside. Voila!

    And example that I have used this tutorial on is this:
    Ed.png


    The render of Ed has a little effect to it. I took the Lasso Tool, and selected close to the edges, inside the render and set the feather to 15 pixels. Hit Ctrl+Shift+I and it will select everything outside of what you selected, then press Delete. Gives a nice effect!

    Let's get these tutorials going! Questions? Ask away!
     
    Last edited:

    BreD

    Where's ButteR?
    125
    Posts
    16
    Years
  • This is a sig / tutorial me and a friend did together.

    Program Used: Adobe Photoshop CS2
    Required: A good knowlage of photoshop, Time (as the tut is quite long), A stock / render, Fonts... Well i could go on for ever... so i guess it's kinda up to you looking at the tutorial.
    Skill Level: Advanced.
    http://img2.imagebanana.com/img/76ivmq4n/finalzorotut2.jpg
    Another out come for the tutorial is:
    sasukecorruptedsigrj3.png
     
    Last edited:
    1,594
    Posts
    17
    Years
  • program used: adobe photoshop cs2 (but cs3 is usable)
    required: a c4d, a render (duh), color harmones 1 (gradient), soft brush
    skill level: probably middle - advanced

    this is my outcome:

    omg2.gif


    forgot one part because i didnt have a soft brush.

    I don't see a tutorial. You're just saying what is needed and posted an example. You gotta explain step by step how you did it.

    The banner does look nice though, and it'd be cool if I knew how to do it.
     

    Loki

    x
    6,829
    Posts
    18
    Years
    • Seen Apr 4, 2024
    Woah, sorry about this guys, but me and Sorano didn't specify;

    Don't post tutorials that don't belong to you/weren't made by you.

    evilcheese; Is that your tutorial? If it isn't yours, please delete your post.

    Relyt; Could you edit this into the rules please? Thanks in advance~
     
    1,594
    Posts
    17
    Years
  • Woah, sorry about this guys, but me and Sorano didn't specify;

    Don't post tutorials that don't belong to you/weren't made by you.

    evilcheese; Is that your tutorial? If it isn't yours, please delete your post.

    Relyt; Could you edit this into the rules please? Thanks in advance~

    Ah sorry, I wasn't told that. :( I edited the first post though. Thanks for letting me know! :)
     

    Pikabloo

    ...
    4,628
    Posts
    19
    Years
    • Seen Sep 8, 2010
    Aaaah, let me post my little Hitsugaya spatter tutorial, then ^^

    Program Used: Adobe Photoshop CS (it'll probably work with other versions)

    Required: Spatter brushes, a render, pen-tooling knowledge (optional)

    Skill Level: Between easy and medium.

    Click here for the tutorial :3

    And this is the outcome:
    shirochan-1.png


    Have fun, and stuffs o_o
     

    Loki

    x
    6,829
    Posts
    18
    Years
    • Seen Apr 4, 2024
    Xenocrates highly recommends Shira-chan's tutorial, because it really really helps. :D



    In the meantime, I guess I'll post my rendering tutorial. Rendering itself isn't hard, but... well... you'll see. (I suck at explaining things and I have no patience to prnt screen my every movement.)

    Alternate Rendering Method (That does not include the devil's work AKA the pen tool.)

    Program Used: PS 7.0+ (I'm unaware if this works with lesser programs. I'm pretty sure you can use it with Elements though.)
    Required: Polygonal Lasso for all you like me who can't figure out the pen tool to save our lives, and a stock (image).
    Skill Level: Hard, only because I'm not good at explaining. If you're insightful, then this should be easy as pie.

    Rendering Tutorial
     

    Pikabloo

    ...
    4,628
    Posts
    19
    Years
    • Seen Sep 8, 2010
    Ooh, nice banner ^^ I like the background colour.

    Anywhoo, I have two more tutorials I am willing to share:

    Program Used: Adobe Photoshop CS (not sure if it works with older versions)
    Required: Smudge settings/brushes, at least a small knowledge on smudging, a stock image/render
    Skill Level: Medium-hard to very difficult, mainly cause I suck at explaining things >.>
    Outcome:
    roxasbanner4-v2.png


    Roxas Tutorial

    ---

    Program Used: Adobe Photoshop CS (basically, any program with a pen tool)
    Required: Nothing, I guess
    Skill Level: Very easy to easy, again, due to my horrible explanations

    Pen tool tutorial
     

    Uryū Ishida

    Hishoku no Sora
    443
    Posts
    16
    Years
    • Seen May 30, 2009
    I was wandering is it possible to do that tutorial in paint shop pro 7? i know you might not have never used it.... i really need to get photoshop
    EDIT:sorry it didnt quote..this question is for your first and i think only tutorial relyt
     
    Last edited:

    Loki

    x
    6,829
    Posts
    18
    Years
    • Seen Apr 4, 2024
    Shiranui; What kind of smudge brush should we use for the first few steps, and on what settings? xD;
     

    Pikabloo

    ...
    4,628
    Posts
    19
    Years
    • Seen Sep 8, 2010
    There's some smudge settings in Planet Renders. The smudge settings I used aren't mine, unfortunately D: And I forgot the link to the one I used... So, er, have fun searching? xD

    -shot'd-

    Oh, and I used a hard pastel brush (default with Photoshop CS), on 70% scatter with 2 count. And with the rest of the settings... Play around, I guess o_o
     

    Loki

    x
    6,829
    Posts
    18
    Years
    • Seen Apr 4, 2024
    ... xDD Alright that works. Thanks, I'll see if I can get an outcome tomorrow.

    I'm pooped after this tutorial, especially since I hate showing people how I do my banners. I'm selfish, what can I say? |D But I thought this would be really useful.


    Gradient Map and Selective Color Tutorial

    Program Used: Adobe Photoshop CS2, but I know for a fact it works with PS 7.0+.
    Required: Stock and a good taste in colors. :3
    Skill Level: Super Easy. (I tried explaining really well, but if you think it's not super easy, tell me and I'll change the level. xD)

    Note; For the first step, I said it works best with warm colors; That's only if you use the color settings I did.
    - I also ended up not showing all the color settings I used, so I'm sorry about that. xD;

    Lol look at the pretty signature at the bottom~ <3


    I guess it's more of a 'demonstration' than a tutorial... xD;

    Beginning;
    cebeginningey2.png


    Outcome;
    ceoutcomeek9.png
     
    Last edited:

    Hazuki

    delenda est.
    976
    Posts
    16
    Years
    • Seen Apr 20, 2011
    My tutorial is an avatar...

    Program Used: Photoshop CS2
    Required: Um.... just an image and your Photoshop skills! ^^
    Skill Level: Easy, maybe a bit too easy. D:

    Link

    Avatars made from this tutorial:

    sakuraavatarexamplevc0.png

    lelouch-avatar.png

    yui-avatar.png
     

    evilcheese

    God I am so freakin lazy
    1,312
    Posts
    17
    Years
  • Program Used:adobe photoshop cs2 (but any version is ok)
    Required:a 1px hard brush pencil tool
    Skill Level:very easy


    change this:
    raquaza-1.gif



    into this:
    raquaza.gif

    (yes i know rayquaza is spelt wrong)




    How to use Scanlines


    Ok since I don't know how to create Photoshop tuts ill just type one up

    This tutorial will show you how to make scanlines without pics sorry.

    Ok start off with a 3x3 or 6x6 pixel transparent document depending on the size you want it.

    Zoom in 1600 so that you can actually see and grab your 1px pencil tool (right click the brush tool) and make a diagonal line across.

    Now go to edit >define pattern.

    That's pretty much it just go to select > all on a new layer of your document that you want to apply your scanlines on.

    Then go to edit >fill and the scanlines should be there.

    (TIP: for blending I put my scanlines on soft light.)
     
    Back
    Top