Rendering Images (Page Two)

...Page One

Learn How to Take Images out of Their Background (Page two)

8. If your render has some type of bright light, or other effect which is similar, I’d suggest taking out the light. Note that I don’t take out the flashlight, but just the light effects. These are generally easy to reproduce, and look better if you do it after you render the rest of your image.

render lights

9. When you get to your render’s hair, do not attempt to render it at this time. Simply go around it. We’ll render it later, as hair takes a bit more feathering to do then the rest of the render.

render hair

Once you’ve finished your outline, and connected it to your starting point, you’ll get a line resembling where you outlined with your pen tool.

10. To get your image out of its background, right click inside the outline, the hit “make selection”. Feather it at .1-.2 pixels. Once you hit OK, you’ll get your selection.

feather render

When you have your selection, press “ctrl c” to copy. Then go File - New, and open up a new document. When the document is open, press “ctrl v” to paste.

new document render

11. Before we look for imperfections, we still need to render the hair. Do this by using the same techniques you used for the rest of the render. Don’t worry about messing up. The great thing about rendering is that you can always go back and fix what you don’t like later.

hair render

12. Once you’ve finished rendering your hair, connect back to the starting point by going outside the background. Once you’ve connected, make the selection and feather the radius at 1-2 pixels.

full hair render

Your result should look similar to this:

rendered hair

13. Let’s recreate our light from our flashlight now. Since it’s a light, we can mostly just copy it from our original wallpaper, and paste it into our render. To do this, take your lasso tool, and make a selection around the brightest part of the light. Feather it at 10-15 pixels.

copied lights

14. Press “ctrl c” to copy, then paste it in your render (ctrl v). Now this is just the brightest part of the light. We still need to create the non-brighter part.  To do this, we’re just going to take one of our soft default brushes, and make a white “glow” around the main light. If you have a graphic tablet, it should help a lot. If you don’t have a graphic tablet, try using different sizes and opacities to get the proper “fading out” effect.

rendered lights

15. Once you’ve successfully re-created the light, we need to look for defects in our render. Preview your render in both black and white backgrounds. This will help you find un wanted background pieces. If you find any of these (for example, some of my guy’s fingers and hair”), just simply go back and re-outline them closer. Good rendering takes time, so let’s not rush out our final product.

16. After you’ve touched up your render, preview it over a black and white background again.

17. Once you think you’ve finished your render, it’s good practice to contract your render by one pixel and deleting it. To do this, we’re first going to right click our render layer and hit “Select Layer Transparency”. You’ll notice that your render is now selected.

select layer transparency

selected render

18. Go to “Select - Modify - Contact”, and contract the selection by one pixel.

select modify contract

19. Right click in your selection, and hit “Select inverse”. Then press the delete key on your keyboard.

20. Preview over a white and black background again. If this looks good, put your watermark/logo on it and save it as a .PNG file. PNG files save the transparency. If you still see some mis rendered parts, go back and re-render that area.

Click for full size

alone in the dark

Thank you for using this tutorial. We hope that you'll join us in the community forums. Please register and support BlindMansGFX! :)

Community Forums

Comment on this tutorial