Gimptalk - Premier Gimp Community: Painting a lush landscape in GIMP - Gimptalk - Premier Gimp Community

Jump to content

  • 3 Pages +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

Painting a lush landscape in GIMP

#1 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 09 August 2008 - 04:15 PM

Painting a lush landscape in GIMP

Think GIMP can only be used for sigs and technical drawing? That you need Painter of Photoshop to make "painting"-like work?
Not so. This tutorial will guide you through the steps of creating a landscape image like this one:

Posted Image
(my final version (with a character) [here])

This tutorial should be possible to do also for newbies of digital painting. You do need to find your away around the program though and know how to install new brushes if you want to use any of the resources I suggest. If you don't feel confident finding the tools or isn't clear on how they work, I recommend you start by doing the [Beginning GIMP tutorial]. Also my [Setting up GIMP for artistic work (Basic Airbrushing tutorial)] could be helpful to the budding painter.

Whereas a tablet certainly helps when doing work like this, it is no requirement. A mouse works just as well (and the second tutorial above trains this), but generally a mouse requires you to work slower and more carefully than with a tablet. With a mouse it's imperative you always use a low opacity on your tools or the result will look flat.

Anyway, if you still feel some part is hard, don't be shy to simply skip it and do something easier. For example you might choose to only do one tree, or skip the trees altogether and do an open meadow with grass and some nice light instead. Whichever you decide, try it out and post your results! I'll comment on all work you post, as I do for all my tutorials.


Preparations

You need to know GIMP well enough to find your way to the Paintbrush, Airbrush, Smudge and Clone tools. There will be no filters used and very little GIMP magic used beyond those, so as long as you know how to paint on the canvas and create layers you are all set. Learn the keyboard shortcuts for each tool, it will speed your work.

Paintbrush and Airbrush needs to have an opacity of 70-100%. Smudge and Clone tools should each have an opacity of 30% or lower.

The brush used the most will be the normal Hard round default brush.

For some things, like the leaves and structure it can be helpful to use some natural animated brushes. Some useful and freely usable ones can be found on DeviantArt.

Remember that these are not "stamps" that you paste down ready to go. So you won't find any brushes actually made to be a leaf from the onset. Using such ready-shaped brushes is actually harder, it requires lots of work to avoid making them look less like ... well, stamps.
Rather, the brushes given above simulate actual paint brushes and pens. This makes them much more flexible and powerful but also less direct to use. For example, I found that I could do the leaves of this tutorial rather decently with a pencil brush from one of the animated brush packs above. The brush in question certainly does not look like a leaf when first seen. Experimentation is the key here.


Painting the scene

Posted Image

This work requires you to work in decently high resolution. I use an A4 of 300DPI (3508x2480 pixels). Don't work on the default Background layer (one can usually delete it to save memory, but I didn't do that here), rather create new (Transparent) layers above it to work on.

Fill a new layer with an even grey colour. This will act as the canvas colour. Not choosing a white background will help you add light to the image, strange as it sounds.

Posted Image

Create yet another layer above the last one, named "Color" (or Colour, if you are feeling British). This is where most of our work will happen.

Posted Image

We start by laying out the rough -- and I mean very rough! -- outline of the colours of the piece. Do this with the paintbrush and/or airbrush, whichever you prefer. For this step only you could go with 100% opacity on these tools, but it depends on your own preference. I have also used the smudge tool to blend colours together here and there.

At the moment we skip the trees and only go for the geology. Note how we actually paint the light of the sky the way we want it, rather than letting the white of the canvas shine through. This is the advantage of using grey as a background; it forces you to establish these things yourself. As can be seen, I have had a rough idea of there being some sort of cliff to the left and a path to the right. The curvature of the ground can also be seen.
Note how many different colours and shades go into the image already at this stage.

Take the chance to play around at this stage. Things are still easy to change. Try to see shapes and source of light. These scribbles will be the basis for where you build detail later.

Posted Image

Sketch in the trees. Avoid pure blacks, just go with dark brown. With the paintbrush, try to better establish some structure of the ground. Here I added some bright green on the ground, just to see the slope better. I also tried scribbling some more on the background to the right, but as you see things are still very rough indeed.

Posted Image

The goal now is to gradually place down all the colours that will be needed for the image. Bother about the details later, just block in the colours. Make sure to change colours often. Nature is not homogeneous. Here I added some orange bushes in various shades. I also put some purple on the rock, just for good measure. Off colours like this tends to liven things up, even if they are hardly seen in the final result.

Posted Image

Building on the colour patches we placed out, lets start adding some detail. The grass is the easiest bit. One can make grass with a splatter brush (a brush consisting of a few scattered dots), but it is hard to make it look natural, so these grass straws were mostly done individually with the normal round brush.
A good idea is to not draw grass straws with a new color but by just extending colour that is already there. If you look closely at the straws you will see that they mostly consist of lines extending from one patch of colour into the next -- for example from a bright patch into a darker one. This effectively hides the "root" of the grass and makes it look less synthetic. If you still see individual lines, blend their roots into the ground with the Smudge tool.

Start using the orange splotches for creating a real bush. Avoid smudging and blurring, you want as much structure as possible -- or things will look artificial. Using Jitter and a splatter brush is a good way for breaking up your lines.

Posted Image

Adding leaves is tricky business, because you don't want to have to add each individual leaf (at least not if you want to finish the painting while you are still young), but you still want things to look as a mass of individual leaves. Some things are useful to remember here:

  • Use an animated brush (a brush that animates in some way as you paint). I give links to a bunch of them above, there are plenty more on [DeviantArt]. It need not actually look like leaves, the point is that it should create an irregular shape and if it is animated it will be easier to randomize that shape.
  • Change colours all the time. If you look at the image you will see there are dozens of different shades of green and even yellow in there. Later on I added other colours too, like brown and orange. Do not smudge or blur anything. Just put down sweep upon sweep of different shapes to try to fill out the volume of the trees.
  • Most trees are not solid balls of leaves. There are holes where light shine through and this is usually what is considered "beautiful" with a tree scene. So leave room for branches and background sky. And if you forgot to leave a hole and feels it's too dense, just paint some new background sky on there and fill in green around the edges.
  • Try to be creative. The nature is not homogeneous. How about some branches without leaves? Or some trees with different shapes or colours than the others?


Posted Image

When doing trees against a light background, as towards the right of this tutorial image, try to keep those trees lighter than the foreground. The closer you can colour them to the actual background light, the more distant they will look. Also don't forget to have light shine through them as well. This is true also for leaves highlighted against the bright sky. Don't make them black; make them a shade of the sky instead.

Posted Image

Keep adding details, like small flowers and mushrooms, as well as other trees. Here I've added a birch tree in front of the larger tree, having a very different colour scheme than other tree trunks. We are getting ready with the basic layout of this scene.



Adding shadow

Posted Image

Add a new layer with mode Multiply. On this we will be adding shadows to the image.

Posted Image

On this new layer, and using the airbrush at 50% opacity, dapple very dark green in patches over the ground and trees. You can smooth these shadows with the Smudge tool if you want, but try to leave ample areas bright still. We are trying to give the impression of light coming down through the leaves onto the ground.



Adding Texture

Posted Image

At this point it's time we start increasing the detail even more. We will do this by using Textures.
Create a new layer with mode "Overlay".

Next you need a texture to use.

Posted Image

The above image I took with my cellphone camera one day. You can use it too if you want. Load your texture into a new layer using File->Open As new layer. Put it somewhere in the layer list, it doesn't really matter where. (In my example I put it below the Grey layer, it's called TextureForest1B.jpg)

Choose the Clone tool (30% opacity) and make sure its "Source" is set to "Image" and not "Pattern". Now select the layer contining your (or my) Texture image. You don't need to actually see it (in fact, it need not even be set to visible at all), you will see the outline of it in the window. Ctrl-click in the middle of the layer. This will make this layer into the source image for the Clone tool.

Posted Image

Go back to the new Texture layer you made (still with Clone tool selected) and start applying the texture to the ground. The clone tool accepts brushes as usual, so play around. Release the button and start over and over to break up the pattern. The idea is not for you make the ground look like the texture image, but to give an illusion of the ground consisting of small details (so in reality it really doesn't matter exactly what the Texture image looks like as long as it is "messy".

Posted Image

Despite the Texture image being (in this case) an image of the ground, it works just as well on the trees actually. You might want to experiment with some other image if you think you need finer "grain" at larger distances.

Posted Image

So this part is actually rather quick, since the texture does much of the work for you. It still takes a lot of practice to get reasonable results though, so be patient!

Posted Image

The edges of the trees must not look cut-out, so make sure you do place individual leaves along them, just to give the illusion of the trees being made of them.


Adding Light and other final touches

Posted Image

Create a two new layers, Light and Yellow. At the moment, ignore Yellow and stick on the Light layer which is a Normal-mode layer.

Posted Image

On the "Light" layer, start applying white light on the ground by enhancing the parts in between the shadows you made earlier. Use the airbrush at a VERY low opacity for this -- you don't want to hide away all your carefully textured ground!

Posted Image

Around the edges of the tree you can blend the leaves into the sky by using the sky colour with the airbrush. This creates a depth effect.

Posted Image

We are almost done. But notice that the colour tone is somewhat cold? It doesn't really match for such a friendly and warm atmosphere we are trying to convey here.
Now for that "Yellow" layer. This is what I call a "glass plate" layer. It should be set to mode "Soft light" and filled with a warm Yellow colour. By tweaking the opacity of this layer we can now easily set the level of yellow in the image. I went with an opacity of 40%.

Posted Image

And with some final tweaks (added some more leaves towards the top of the image), we are done!

Original image ( including a character of mine) you can find [here].
If you are interested in any other tutorials of mine, you can find them [here].
.
Griatch

-------------------------------------

Results from the thread -- Hall of fame (in order or completion)

Gimp901:
Posted Image

kaosmerchant:
Posted Image

azamath:
Posted Image

scribbleink:

Posted Image

Garfi:
Posted Image

TheBraino:
Posted Image

sneaky_squirrel:
Posted Image

SusanE:
Posted Image

crystalfyre:
Posted Image
0

#2 User is offline   Furicuri55 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 2,734
  • Joined: 24-November 06

Posted 09 August 2008 - 05:42 PM

brilliant! i like this alot should be stickied. mainly to show that gimps more then tags.

even though i use photoshop...=/
0

#3 User is offline   Albelso999 

  • Member
  • PipPip
  • Group: Members
  • Posts: 79
  • Joined: 13-October 07

Posted 10 August 2008 - 01:47 AM

This is an amazing tutorial. I gave it a try... but I gave up. Mine just didn't look like yours at all, and I'm not very good with blending colors or picking the right ones for the right item. Really a brilliant work tho...
0

#4 User is offline   FSX 

  • Member
  • PipPip
  • Group: Members
  • Posts: 520
  • Joined: 29-June 07

Posted 10 August 2008 - 01:43 PM

Looks interesting, maybe I'll try it sometime.
Posted Image
0

#5 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 12 August 2008 - 11:41 AM

Quote

brilliant! i like this alot should be stickied. mainly to show that gimps more then tags.
even though i use photoshop...=/

Heh, that's irony. 8) Thanks though.

Quote

This is an amazing tutorial. I gave it a try... but I gave up. Mine just didn't look like yours at all, and I'm not very good with blending colors or picking the right ones for the right item. Really a brilliant work tho...

The point is not to make it look like mine. If you think it's too hard, try something simpler, like skipping the trees and just draw grass, that's lots of work in itself. Why don't you put up what you got so far and I'll be happy to give any pointers I can.

Quote

Looks interesting, maybe I'll try it sometime.

Thanks, looking forward to it. :)
.
Griatch
0

#6 User is offline   Donkey 

  • Member
  • PipPip
  • Group: Members
  • Posts: 28
  • Joined: 10-February 08

Posted 12 August 2008 - 12:13 PM

Holy...
Posted Image
0

#7 User is offline   piginste1n 

  • Member
  • PipPip
  • Group: Members
  • Posts: 186
  • Joined: 09-August 08

Posted 12 August 2008 - 03:53 PM

What is an "animbrush" and what is "the DA"?
Posted Image


We offer a wide range of reviews from Call of duty World at War on the xbox-360 to Spore on the PC. We also have news and infomation about up and coming games in the preview section.


If you are not sure how to install a particular game? We have many guides for games which should interest you!

If you are unsure whether or not to buy a game GamerFreakz is the site for you!
0

#8 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 12 August 2008 - 05:17 PM

piginste1n said:

What is an "animbrush" and what is "the DA"?


Ah, sorry. An animbrush (file ending .gih) is a brush that animates in some way as you paint. DA is short for Deviantart (http://www.deviantart.com/), one of the largest online art galleries in the world. Searching for GIMP brush on DA is a good way to find brushes (this is also in the FAQ here on GimpTalk). I clarified this in the tutorial. :)
.
Griatch
0

#9 User is offline   Gimp901 

  • Member
  • PipPip
  • Group: Members
  • Posts: 289
  • Joined: 17-May 08

Posted 12 August 2008 - 05:44 PM

awesome tutorial so I tried it and I also gradient mapped it to change what time of the day is for the landscape. I didn't do so well, I messed up with the details but it was still fun to do.

Morning
Posted Image

Afternoon
Posted Image

Evening
Posted Image

Night
Posted Image
Posted Image
0

#10 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 12 August 2008 - 06:17 PM

@Gimp901

Thanks for trying out the tutorial! I think you have a good start here, that blade brush is not bad either.

Some comments: You should probably consider blending things together more. For example, laying a base of green and a few other colours and then blend a few of those blade brushes into that will make it look like a whole mass of leaves where you can only see a few of them clearly. With a rather small amount of work it could be made to look considerably more realistic that way, is my guess. Same blending issue goes for the bushes -- consider smudging the brush undersides together a bit with the surrounding grass (do this on the colour layer, not the texture layer), and you'll see that they will look a more integrated. Finally, be careful with the perspective; I would think the path should appear a bit wider as it draws closer to us, for example. Things like that are important in order to get the 3D feel.

I like the colours and I see you have added texture as well, looking good, makes a lot for the impression of an image. :) It's a good idea to experiment with different times of day too, things look very different with just a subtle change of colours. As it is I think my favourite one is the evening one, the bushes have a cool colour in that one, putting it up in the "hall of fame" at the top. Good job!
.
Griatch
0

#11 User is offline   piginste1n 

  • Member
  • PipPip
  • Group: Members
  • Posts: 186
  • Joined: 09-August 08

Posted 13 August 2008 - 04:38 PM

Can you give a link to where you download the animated brush or brushes you used to make the leaves on your trees please!
Posted Image


We offer a wide range of reviews from Call of duty World at War on the xbox-360 to Spore on the PC. We also have news and infomation about up and coming games in the preview section.


If you are not sure how to install a particular game? We have many guides for games which should interest you!

If you are unsure whether or not to buy a game GamerFreakz is the site for you!
0

#12 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 14 August 2008 - 11:01 AM

@piginste1n

Did you look on DA as I said? Lots of nice stuff there if you do a search for "gimp brush".
Anyway, I'm not really sure which brush package I got the brush from, but it certainly does not look like leaves from the start, it's a sort of pencil brush I think. These are all useful:

GIMP animated brushes 1 (filsd)
GIMP animated brushes 2 (filsd)
GIMP animated brushes 3 (filsd)
GIMP furr brushes (gymnart)
GIMP rake tool brushes (Griatch)
GIMP animated crayons (wflu)
.
Griatch
0

#13 User is offline   Pablo Tortilla 

  • Member
  • PipPip
  • Group: Members
  • Posts: 46
  • Joined: 19-May 08

Posted 14 August 2008 - 11:14 AM

None of the pictures seem to be working for me...
Posted Image
http://greenblobthingy.biz.ly
Go to that site... Or I'll castrate you! Download that game and I will give you a BAG OF SANDWICHES!!!
0

#14 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 14 August 2008 - 01:01 PM

@Pablo Tortilla

ImageOx is having issues it seems. Be patient. :)
.
Griatch
0

#15 User is offline   sasukevil 

  • Member
  • PipPip
  • Group: Members
  • Posts: 21
  • Joined: 09-January 07

Posted 18 August 2008 - 11:51 PM

This is awesome! I doubt that i can follow this tutorial but i will try. Awesome tutorial!
0

#16 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 20 August 2008 - 02:22 PM

@sasukevil

Do try! And as it says in the beginning, if the whole thing is too cumbersome or too time-consuming, skip most of it and concentrate on some particular aspect of it instead. Looking forward to seeing how it goes!
.
Griatch
0

#17 User is offline   kaosmerchant 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 25-August 08

Posted 25 August 2008 - 11:45 AM

Well, here's my sad attempt...

Posted Image

I completely screwed the tree over. I think i tried to blend it too much, and therefore there's absolutely no definition in it. Oh well, I guess I'll go back to making sigs :p.

C/C would be helpful though.

Awesome tutorial by the way, and amazing art :)
0

#18 User is offline   Griatch 

  • GT Administrator
  • Group: Administrators
  • Posts: 5,158
  • Joined: 27-November 06
  • LocationSweden

Posted 25 August 2008 - 05:16 PM

@kaosmerchant

Welcome to GIMPtalk and thanks for trying out the tutorial!

It's not a "sad" attempt, it's really decent, especially if you haven't done much of the sort before. The grass seems to have worked out fine and despite what you say, the tree is ok; somewhat dense maybe, but it's better if it's dense than looking pasted on. All it would need is some more work to define it further -- you need not remove anything, only keep adding. For example you could sketch some more dark branches in there and then put leaves over them to obscure them partly again. You could put a few blobs of that white skylight too, just to give the tree more definition as the sky shines through it. It is not easy to make trees, it takes time and plenty of patience, but you have a good start there.

You should probably consider narrowing the path a bit as it receeds into the distance, perspetcive is important in a scene like this or it gets hard to judge distance. I like the brighter birch-like tree in the upper left, more details than that is not needed, it all depends on what style you're aiming for. Also the shadows in the grass works well. I get the feeling there are plenty of clouds moving overhead, maybe those are casting the shadows.

Good job, and glad you enjoyed the tut. Looking forward to seeing more from you in the future. Putting this up in the "hall of fame" of the first post. :)
.
Griatch
0

#19 User is offline   N-njä 

  • Member
  • PipPip
  • Group: Members
  • Posts: 216
  • Joined: 02-August 08

Posted 25 August 2008 - 05:20 PM

WOW your tut are the best but too much for me. ^^

i only make sigs, userbars and avatars
Posted Image
Posted Image
If you don't think I should be making sigs than screw you.
0

#20 User is offline   azamath 

  • Member
  • PipPip
  • Group: Members
  • Posts: 12
  • Joined: 03-February 07

Posted 14 September 2008 - 12:47 PM

After a long time not visiting this place I came here today again.. The thought.. Hmm, has Griatch made any more of his awesome tutorials? :P
And I was right :D
This is what I came up to.. I knwo the leaves aren't too good, but I'm not so good myself either.. Completely done with mouse.. For grass thingies I used nudge tool with that hardness or whatever it is in english :D set to 1, so it always took the base colour and stretched it. Didn't have to pick the colours all the time :D
EDIT: Modified it a bit
Posted Image
But overall, I think I made it quite nice.. One more thing I'm missing is objects in distance :D
0

Share this topic:


  • 3 Pages +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic