Gimptalk - Premier Gimp Community: Newbie's Guide to Rendering Using GIMP - Gimptalk - Premier Gimp Community

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Newbie's Guide to Rendering Using GIMP

#1 User is offline   kyl3 

  • Member
  • PipPip
  • Group: Members
  • Posts: 47
  • Joined: 05-July 08

Posted 15 July 2009 - 05:36 AM

Time I made a rendering tut (that's not on youtube).

Anyways in this tutorial, we'll be rendering out a yoshi, using basic rendering skills to get a clean cut and a high quality render.

Ok, so first of all, open up your image in gimp (obviously). For this tutorial, we are using this image...

Posted Image

Ok, now first thing you wanna do is make a selection box around what you want to render out of the image like so...

Posted Image

Then hit "Image - Fit canvas to selection" to make it so only your selection box is visible. Then hit "Layer - Layer to image size" to make the layer fit your canvas.

Now hit "Shift+Ctrl+A" or "Select - None" to deselect your selection box.

Next, you'll want to select your "paths tool"

Posted Image

Now, zoom in to about 400% by either using the Zoom drop-down arrow, or just holding ctrl and using the wheel on your mouse to zoom in and out. After that, choose a starting point to start rendering at and click that area, the paths tool will make a circle appear on the spot where you clicked.

Posted Image

Now, keep clicking around the image you want to render out and the circles will be connected by lines, make sure to keep them nice and close for better quality.

Posted Image

For more precise and better quality curves, put points on 2 ends of a curve, then hold Ctrl and click the line between them to make a curve anchor point that will make the line it's on curve when you move it

Posted Image

Do this until you make it all the way around your render and back to the point where you started.

So you should have something like this after you have successfully outlined your render to your liking (mine is bad because it was a quick outlining job =P)....

Posted Image

Now what you need to do is, on your Gimp toolbar, click "selection from path" to make a selected path from the anchor points path.
(Sometimes you will accidentally separate the path during anchor placing/positioning. Usually, if this happens, you will see a selection-line go through your render once you hit "selection from path". If this happens do not worry, simply hit "Select - None", find where the path separated {where the line leads to} and click one of the circles on the disconnected path, then hold "ctrl" and click the other circle of the broken path to connect the two anchor points, then hit "selection from path" again)

it should look like this...

Posted Image

Sometimes renders will be in need of alittle feathering around the edges for alittle bit of a glow effect, to do so go to "Select - Feather..." and feather it somewhere between 0.1 and 0.5, I usually do 0.3.

Next youll want to hit "Layer - Transparency - add alpha channel" this makes the canvas behind your layer transparent.

After that you'll want to hold Ctrl and press I, or go to "select - invert" to select everything but the render you selected, and hit "delete" on your keyboard, then deselect the render. Your result should look similar to this...

Posted Image

We're not done yet, sometimes there'll be places inside the render that we miss, or there's something over the render that we dont want (a line on yoshi's tail in this case)

To fix the missed places, simply select around them with the paths tool, select it, then press delete. Simple as that, should look like this...

Posted Image

Now to deal with that line in his tail. Using the "clone tool" and a circular fuzzy brush on the clone tool options that would be a suitable size to clone over the mark you want to remove. Hold ctrl and select a point that has the same color as what would be underneath the mark you want to remove (usually just right next to the mark). For this example, the green on yoshi's tail. Then wherever you click will have the same color as the place you Ctrl selected, so go ahead and click a few times over that mark. Now it should look like this...

Posted Image

Now if you plan to upload your render to PlanetRenders or something, then its a good idea to make your own customized logo to put on your render image. If you wish to do that, open your logo as a layer (once you've made on of course) and merge it down so it's on the same layer as your render. MAKE SURE THAT IT DOES NOT OVERLAP YOUR RENDER AT ALL. Like so...

Posted Image

Now for the final step, you need to make the canvas fit the render size so there's no wasted canvas space. To do this, right click your layer and select "alpha to selection". Then click "Image - Fit canvas to selection" then click "Layer - layer to image size". Then deselect your render.

Now just touch it up (like with a small-brush eraser to fix edging problems you may have) if necessary, save it as a .png (because .png can handle transparency and it's high quality) and your done. Here's my end result....

Posted Image

Not the best I've ever done (actually its my worst) since I did this quickly. But this was done just for a tutorials sake.


Here's just a few more helpful tips...

- If your render has an outline stroke on the original image, try to render out the stroke by keeping the anchor points below the stroke line, and then just add your own 1 pixel stroke when you finish the render (edit - stroke).

- make anchor points very close together to avoid choppiness.

- The more you zoom, the more precise your anchor points will be, just don't zoom in too much, 400% should be fine


Follow this guide, practice rendering often, and soon you'll be making renders like this....

Posted Image

Please don't hesitate to contact me with any questions you may have ;D
Posted Image
0

#2 User is offline   inspectra 

  • relentless, invisible, indefatigable, indisputable, undeniable.
  • PipPipPip
  • Group: Members
  • Posts: 5,065
  • Joined: 02-December 08

Posted 15 July 2009 - 06:37 AM

Nice tut, short and sweet. =)
0

#3 User is offline   kyl3 

  • Member
  • PipPip
  • Group: Members
  • Posts: 47
  • Joined: 05-July 08

Posted 15 July 2009 - 04:53 PM

thanks, =)
Posted Image
0

#4 User is offline   areneeb123 

  • Member
  • PipPip
  • Group: Members
  • Posts: 770
  • Joined: 07-March 08

Posted 15 July 2009 - 04:56 PM

Very helpful :) I always zoom in by 800%, but 400 works just as well.
0

#5 User is offline   kyl3 

  • Member
  • PipPip
  • Group: Members
  • Posts: 47
  • Joined: 05-July 08

Posted 15 July 2009 - 06:02 PM

It all depends on the image, Sometimes I need to zoom to 800 as well
Posted Image
0

#6 User is offline   2-ton 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,526
  • Joined: 30-September 08

Posted 20 July 2009 - 01:13 AM

great tut! I love this kind of basic tutorial, as you can use it for any project.
0

#7 User is offline   kyl3 

  • Member
  • PipPip
  • Group: Members
  • Posts: 47
  • Joined: 05-July 08

Posted 20 July 2009 - 03:40 AM

Thanks, glad u enjoyed it :)
Posted Image
0

#8 User is offline   Chimp 

  • Member
  • PipPip
  • Group: Members
  • Posts: 536
  • Joined: 11-July 09

Posted 20 July 2009 - 07:44 AM

I've never been really good at cutting things out but the tut explains it really good.
Also i think that the render might look smoother if you went: Alpha to selection, then went and shrinked it by 1 pixel, after that invert it and blur it so the outside of the render is slightly blurred making it smoother, rather than jagged edges.(It's just an idea.)
Anyways, it's nice and simple, great tut. :)
0

#9 User is offline   Kila 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 24-July 09

Posted 25 July 2009 - 01:48 PM

thanks for this simple and basic tut.

Been looking for something like this for quite a while

:)
Kila
0

#10 User is offline   LT Havic 

  • Member
  • PipPip
  • Group: Members
  • Posts: 163
  • Joined: 07-July 09
  • LocationVA

Posted 25 July 2009 - 11:59 PM

Very nice and very simple great tut.
.:~The King~:.
Posted Image
0

#11 User is offline   kyl3 

  • Member
  • PipPip
  • Group: Members
  • Posts: 47
  • Joined: 05-July 08

Posted 28 July 2009 - 02:46 PM

Thanks guys, glad u all enjoyed it :)
Posted Image
0

#12 User is offline   BookerT316 

  • Member
  • PipPip
  • Group: Members
  • Posts: 133
  • Joined: 28-August 09
  • LocationNew Jersey

Posted 30 August 2009 - 02:28 AM

If it wasn't for Kyl3 I would still be using the eraser thanks again.
Posted Image
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic