Jump to content


[Tutorial] How to render in Photoshop CS5


  • Please log in to reply
8 replies to this topic

#1 The Mike

The Mike

    Better than Bob

  • Members
  • 594 posts
  • Location:Canuck-Land
  • X360:Mike9687

Posted 16 May 2010 - 03:14 AM

I'm going to get right to it. Rendering in Photoshop is incredibly easy, and very tedious. This "How to" will show you step by step: what you need to do.

Step 1

     Find an image that you want to render and open Photoshop CS5 (CS4 has the uses the same method of rendering so don't fret if you don't have CS5)

Spoiler


Step 2

     In the layers pane: double click on background and hit OK (this unlocks the layer and will allow you to set a transparent background). If you do not see "Layers", simply click "Design" at the top of Photoshop instead of "Essentials" and you'll see it.

From this:

Spoiler


to this:

Spoiler


Step 3

     Select the pen tool (You can also use the magic wand if you want, but the pen tool is much more precise and will end up looking more crisp)

Spoiler


Step 4

     With the pen tool selected, pick a start point on the image and begin rendering by creating multiple anchor points. If you want to make the render look good then zoom in as far as you deem necessary. Continue this process until end up where you started.

Spoiler


Step 5

     Once you go all the way around the image with the pen tool, your image should look like this:

Spoiler


I did that selection very quickly so you'll see a lot of white spots, but its just an example. Put more effort into yours if you are using it for SOTW or a signature

Once you have the selection finished, right click on the image and select "Make Selection". This will bring up a dialogue box with a few different options. The only one you need to worry about is feathering. I find that a feather of 5 makes images look smooth. Play around with this number to see what works for your particular image.

Spoiler


Step 6

     Once you've made your selection you'll have a broken marquee surrounding your selection.

Spoiler


This is where it gets easy. When you have the scrolling marquee surrounding your image, you want push Ctrl + shift + I (I'd tell you how to do it through the menu but fuck it, hot keys are more efficient). Ctrl + Shift + I will invert your selection. Now when you push delete it will get rid of the entire image EXCEPT your render.

After you push delete and are left with your render, push Ctrl + D (Select > Deselect) to deselect the render.

Once deselected, you are going to want to trim the empty space. To do this go to Image > and Trim. Once you select this a dialogue box will appear. Just hit enter.

Spoiler


Step 7

Save the motherfucker

To properly save your render to go File > Save for Web and devices. (As seen below)

Spoiler


This will open this:

Spoiler


Select PNG 24 (To maintain quality while having the background remain transparent) and save!

After all that you're left with this:

Spoiler


Enjoy.

Handy Hot Keys:
CTRL + SPACE = Zoom in
CTRL + ALT + SPACE = Zoom out
CTRL + SHIFT + I = Inverse Selection
CTRL + Z = Undo
CTRL + ALT + Z = Step Backward (More effective then undo)

Edited by The Mike, 16 May 2010 - 06:27 AM.


#2 HumanStorm

HumanStorm

    Sig Mercenary™

  • Members
  • 384 posts
  • Location:US
  • PC:HumanStorm

Posted 16 May 2010 - 04:15 AM

Very nice +1 share but there is another way and it's much easy.

#3 The Mike

The Mike

    Better than Bob

  • Members
  • 594 posts
  • Location:Canuck-Land
  • X360:Mike9687

Posted 16 May 2010 - 06:25 AM

Very nice +1 share but there is another way and it's much easy.


There are a few other ways. I just brought up the one that is most likely to give you the best end result. I'll be updating the tutorial on other methods as well though, such as the magic wand tool. This is just to help people who open photoshop and become overwhelmed. A push in the right direction -- if you will.

#4 Nobody Special

Nobody Special

    Bald Black Man

  • Members
  • 493 posts

Posted 16 May 2010 - 02:41 PM

Quick select and refine edge is easier. ;)

Either way, bravo on this thread. +1 as well.

#5 Smith

Smith

    The Matelot

  • VIP
  • 2,431 posts
  • Location:London, England

Posted 16 May 2010 - 02:52 PM

VERY GOOD!

#6 Dietrevers

Dietrevers

    I want you

  • Members
  • 1,341 posts
  • Location:México.
  • X360:MeTaLDietrevers
  • PC:Windows XP

Posted 16 May 2010 - 03:12 PM

Pretty good tutorial, even more for people starting to use Photoshop. +1 for you.

#7 The Mike

The Mike

    Better than Bob

  • Members
  • 594 posts
  • Location:Canuck-Land
  • X360:Mike9687

Posted 16 May 2010 - 05:59 PM

Quick select and refine edge is easier. ;)

Either way, bravo on this thread. +1 as well.



I've never thought about doing that before, I'll have to give it a shot. Usually the magic wand tool gets the job done.

#8 ReaKction

ReaKction

    DestruKction of Light

  • VIP
  • 2,871 posts
  • Location:Denmark

Posted 16 May 2010 - 06:27 PM

I never rendered an image properly. Maybe this will change that. :9

Nice guide, BTW. +Rep.

#9 rystaman

rystaman

    Hail Queen Boxxy

  • VIP+
  • 4,029 posts
  • Location:Birmingham, England
  • X360:rystaman
  • PS3:rystaman
  • PC:rystaman

Posted 08 January 2013 - 07:59 PM

Cheers man ! I will have a go now. (I searched google for how to render an image in photoshop and this was the first result :D aha )

(if you are still active)

With the pen tool it fills in my image, so i can't really see it when i am using the pen tool.

Doesn't matter i know what i have done wrong.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users