Gimptalk - Premier Gimp Community: Planning and drawing battle cyborgs in GIMP - Gimptalk - Premier Gimp Community

Jump to content

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

Planning and drawing battle cyborgs in GIMP

#1 User is offline   Griatch 

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

Posted 29 November 2006 - 09:49 AM

This tutorial covers the creation of sci-fi character artwork. As my other tutorials, this doesn't focus on on particular GIMP "trick", nor does it try to show you how to create one special effect or mood. Rather it tries to show you the whole workflow of creating and planning a more complex image you can put up on the wall or use as a title page for your webcomic or whatever.

So if you are looking for quick step-by-step instructions on how to easily reach a cool-looking result, I'm sorry, but this tutorial is not for you. GIMP is a very versatile program, perfectly capable of creating rather high-level artwork. But the more complexity you strive for, the more involved the process is. What I'm aiming for here is to try to give some ideas about what to plan for, and how to handle that in GIMP.

Our goal with this picture is to create a sci-fi/cyberpunk image of some characters showing off to us. We want this to be a grimy, dusty picture, because the soldiers are battle-worn and in the field. The final image we'll end up with is this:

Posted Image

... Obviously, you don't have to create exactly this image (although that is probably the most efficient way to learn). Feel free to make your own futuristic designs (you might want to start with only one character/mecha/robot and use this tutorial as a guide on how to build it up from scratch. You will find that many of these steps are quite generally applicable.

Anyway. There are four characters in this image. First of all is the giant mecha in the background, a heavy machine with massive weaponry. Then there is a cyborg soldier (called "Senturo", you'll see that name in the layers, that's why I tell you that), riding on the shoulder of the mecha. In the foreground there is a "think tank" ("Li-six" -- this is the strange looking thing in the lower right). And the weirdest character is a sort of werewolf creature (called "Kat" in the layers structure) that sits on top of the tank, just to make this less of a cliché giant robot picture.

(Senturo and mecha©"Barbannis", Kat©"Silvertone" of the Fallen Angels storyline. Li-six©Griatch)

All done from scratch on the computer (no scanning), using GIMP under Debian Linux.

Posted Image

Throughout this entire picture I only onesingle painting tool, namely the airbrush tool. For 99% of the work the opacity of this tool is set to 50% (lower sometimes). Doing so will allow the airbrush tool to become very versatile, since you can create shadows and shades by just moving the brush over the same area over and over. Armed with this you can get far.

Posted Image

The idea is to create an image containing several characters standing at various distances to the "camera". GIMP makes this easy by the existance of Layers. We will use layers quite a bit in this tutorial, so make sure you know how they work. Each character goes into their own layer. This means we will later be able to shift them relative to each other. If we want, we might also easily make alternative images containing just a few of the characters by just hiding the layers we want.

Sketching comes first, and now we'll sketch out all the characters in turn. If you scan instead, you can skip the sketching bits. Just remember to draw your characters separately and scan them into separate layers.

I'm working on an A4 at 300DPI. All sketching is done with a rather large 60x60 brush. Work at a large zoom-out. Don't be tempted to use a smaller one, you will just be slowed down and will be tempted to work in too many details in your sketches. Leave that for later -- for now we just want to get the basics down!


First we sketch the background mecha. Since it almost covers the entire picture, even the 60x60 brush allows for some details to be fleshed out. It's important to work essentially with as large a brush as we can get away with -- work at a large zoom-out so you have an overview of the image and lay down large patches of shadow. All sketch-layers will be removed in the end anyway

For the mecha I aimed for a stable and rugged appearance. If it's something meant for war it shouldn't be too fancy -- no big ornaments or horns or stuff like that. Note in the following pics how we flip the mecha back and forth (using the flip horisontally tool) to find the best placement. The missile launcher eventually ended up on the right shoulder instead of the left, for example. Don't get so involved with your sketch at this point that you are reluctant to change such details later!

Posted Image

To get an idea of the relative size of the mecha to other characters in the picture I sketched the pilot inside it. Ok. So this is how big people should really be by comparison ... Doing something like this really helps your feeling of sizes.

Posted Image

Next, the non-humanoid character. This "think tank" (Li-six) (supposedly a tank run by an AI) has a reference sheet I have done earlier, as you can see to the right of this picture. This is a screenshot of my desktop (two monitors wide), where I have my think-tank reference on the right screen and fill in the tank on the left screen. Once again, the tank goes into a separate layer. I reduce opacity of the Mecha layer to to make it easier to draw on the foreground one. (I flipped the mecha too, but eventually I didn't go with that orientation).

Posted Image

Next is the cyborg (Senturo). Humanoids in armour like this are very easy to do with the airbrush. Not that we do this a bit differently than we did the mecha and the tank. Since the soldier is supposed to have a more smooth finish, one can essentially sculp them with a large brush and, still using the airbrush, "dress" them with the armour, using shadow to emphasize the 3D-form. Take care to be fast and not dwell on too many details, that'll come during colouring.

Posted Image

We lay out the werewolf (Kat) too, but leave her rather sketchy at this point, since the large brush we're currently is using is no good for things like facial features. The details will be done when we switch down to a smaller brush later (during the colouring process). As said, up to this point we have done all sketching using a 60x60 brush (pretty big, all considering.)

Posted Image

This is now the layer structure in GIMP (This is why I told you what they are called, so you can recognice the layers). I move the characters around at this point to try to make the composition fit better, but since the image is kinda crowded I decided to also colour on separate layers for each character so I could move them around later too (and maybe only extract certain of the characters if I wanted to).
This means that we create four more layers above these, each about to hold the colouring of each of the characters.

Posted Image

Time to start colouring. I hide all the other sketch layers and start on the background large mecha. As said I create a new layer for the colouring.

Work with the airbrush, filling in the colours and replicate the sketch lines, but in the colour you want. Once I have filled these fields in and made sure each part are visible (the low opacity of the airbrush really helps here!), we shut off the underlying sketch layer forever. That will not be used again. See why you shouldn't have become too attached to it?

Posted Image

For the first time we go down to smaller brushes (still using airbrush tool, remember) to make details on the mecha. We work in some outlines (dark lines) here, but these will disappear when we add light colours later. The goal is to have as few outlines as possible in the end result, in order to increase realism. We also only work with dark shades at this point. It's all done in one layer -- there is no need to get a new one for this.

Posted Image

Basic shading complete. The structures of the mecha is visible. But so far this is all shadows. We need light too. But before we can do that we need to establish the global background and the colour scheme of the entire picture -- so we know what colour the light pieces should have.

Posted Image

This is the only real "digital trick" used in this picture. We use a "plasma" filter to create random noise and then the colour dialogue to colour that noise in a dusty brown. Since we want the machines to look used and combat ready, A dusty, down-to-earth colours is in order.

Posted Image

A disadvantage of deciding the background this late is that the mecha now has background shining through it where it before was plain white. We need to fill these areas unless we want a ghost mecha ...


Posted Image

... but since we now know the global colour of the piece (dusty brown and ochras), that's what we use for the light areas. Working in light bits in the armour makes wonders for increasing the sense of detail in the mecha. This picture does not have a clear light source, but you should still pick a general direction from which the light comes, so you do highlights on the same side of edges etc.

I used the brush tool to put six small dots at the head of the mecha as its "eyes".

Posted Image

To make camouflage patterns on the armour I created a separate (short lived) layer and drew jagged patterns with the lasso select tool. Using a very low opacity and a big brush we then use the airbrush to create sharp-edged camo patterns that appears to be a part of the surface. You can repeat the process many times to create overlapping, complex camo structures, maybe with different colours. Since we do the camo on a separate layer we can easily change the opacity of that layer to change how clearly the pattern is shown.

Posted Image

Once done we merge the camo layer back into the mecha layer and is done for now. (Using the same camo-tecnique you can also create more distinct patterns, such as the red number I painted on the shoulder of this mecha).

Posted Image

I hid the background (and the mecha) so I could see the sketch of the think-tank (Li-six) comes forward Once again, we create a new colour layer for it. We fill that layer in before hiding the now useless sketch layer below.

Posted Image

Now that the tank has some colour, we turn on the background colour again so we can start adjusting the colour scale of Li-six to that of the whole image. Note how doing the paining with the airbrush causes the tank to aumatically "shine through" with the background here and there. The tank is almost automatically adjusted to match the colours of the image. We use this to our advantage when we colour.

Posted Image

Ochra-coloured light requires ochra-coloured highlights. Thinking of the same things as we did for the mecha (about where the light comes from) we add highlights to bring forth certain parts of the armour.

Posted Image

Camoflage paint was done in the same way as for the mecha.

Posted Image

The soldier's (Senturo's) turn. New colour layer for him too, we fill him in and hide the sketch layer as before. Having him on a separate layer means we can now move him around to fit perfectly on top of the mecha.

Posted Image

Adding of darks, lights and camo complete, all with the airbrush. Camo was done same way as before, but we aim for a different shade to set Senturo apart from the mecha he's hanging on to. Contrasts such as this are important to remember.

Posted Image

Onward to Kat. The werewolf was repositioned on the think-tank so it didn't block out the mini-gun in the background.

Posted Image

Using a smaller brush we lay down the groundwork for Kat's face. We want it fierce! Here, the back was also made bigger.

Posted Image

Black fur is difficult to do since using full black hides all details. The solution is to not make it "fully" black but make the lighting of the image influence the fur-shade heavily.

Posted Image

Also adding singlular bright hairs makes the shape of the character come forward.

Posted Image

So this is the layer structure at this point. We haven't yet actually deleted the sketch-layers, only hid them. But they are really worthless now, so I did delete the sketches after this step, only retaining the coloured ones.

Posted Image

The final picture compositing means lowering the opacity of the mecha and Senturo so that they appear to be further in the backround. Also Li-six is a little faded relative Kat, who is the only one with 100% opacity. A lighter colour always suggests distance -- simply because there is more air between you and the object. I did this by lowering opacity, but you could just as well do it by inserting a "glass plate" layer in front of each character, the plates being filled with flat colour and with varying opacity (see this tutorial for an example of that method).


Finishing touches meant adding shadows cast by characters and to touch up on places where they overlapped in the wrong way. The text was the last thing to add, just a simple text string inserted with the proper tool.

Total worktime about eight hours. Hope this tutorial was useful to anyone, at least as inspiration on how one could go about things. I would appreciate comments on it.

.
Griatch


Results from the thread:

Demen:
Posted Image

AlexiaDeath:
Posted Image

Hell_Cool-CZ:
Posted Image
0

#2 User is offline   Lowfire 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,702
  • Joined: 29-June 06

Posted 29 November 2006 - 01:05 PM

it's amazing how you can do that sorts of things with gimp! love the tut :l:
[b]Techno Revolution[b]

Posted Image

Deviantart!

Gifties!
0

#3 User is offline   chaosmage 

  • Member
  • PipPip
  • Group: Members
  • Posts: 15
  • Joined: 23-August 06

Posted 29 November 2006 - 02:49 PM

you sir, are a gimp god
Posted Image
0

#4 User is offline   Morgmaster70 

  • Member
  • PipPip
  • Group: Members
  • Posts: 260
  • Joined: 04-August 06

Posted 29 November 2006 - 03:00 PM

Lol i dunno know if this is a tut for anyone other than you =p I would try but i really don't have the patience or the actual artistic skill =(

But id really love it if someone else could do this tut! :o:

You are a great natural artist BTW =)
0

#5 User is offline   getfirefox 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,338
  • Joined: 27-August 06

Posted 29 November 2006 - 05:53 PM

This is crazy (in a good way). I didn't know stuff like this was possible.
0

#6 User is offline   Oblivion_Zer0 

  • Member
  • PipPip
  • Group: Members
  • Posts: 126
  • Joined: 17-March 06

Posted 29 November 2006 - 08:45 PM

Oh my darn diggity dang. =|


BRILLIANT!
Yeah, I have no sig. Why?

Because I'm too cool.
0

#7 User is offline   Blur11 

  • Member
  • PipPip
  • Group: Members
  • Posts: 376
  • Joined: 11-May 05

Posted 29 November 2006 - 10:23 PM

as someone who wants to see the Gimp become somthing more then a sig making program ( don't get me wrong that's not a bad thing) i must say this is very good

i have been trying to do somthing similer for a while but my bloody exam preperation always gets in the way

i have one question to you did you use a white pad ( graphics tablet ) to do the drawing or is your mouse hand just that steady

personaly i love it and a feel a bit jealous that you got there first with this but hey exams come before gimp ( to tell you the truth i still don't think my results would have been half as good)

lastly i feel the image would benifit from a slightly heavier outline but that is because i tend to draw like that

once again amazing !!!!
Posted Image


Knowledge Increases Ignorance
0

#8 User is offline   Griatch 

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

Posted 29 November 2006 - 10:38 PM

@Blur1

Thanks !

I have done similar images with a mouse too, and it works well -- you just have to work much slower. This was done with a Wacom intuous drawing tablet however. GIMP is the only program I work in. It's doing all I need it to do. The only thing I really miss is a system of natural brushes and a much more advanced text editor.

Having a heavy outline is a style choice and I do use that on occation. For more "comic" looks or when you really want to make something stand out, heavy outlines can be the answer. For black & white work outlines are your friend. ;-) For colour work I mostly prefer using colour contrasts though, and maybe this image lacks somewhat in that respect.

Looking forward to seeing your work when (the exams are over)! :-)
.
Griatch
0

#9 User is offline   Blazeboy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,068
  • Joined: 01-June 06

Posted 30 November 2006 - 01:22 AM

Absolutely brilliant. I extremely doubt I would be able to make anything as amazing as this, but I shall try. I might have to use an image in a magazine as a reference though. Anyway, kudos to you, I will be very proud of myself if I ever get to this level of artistic skill.

EDIT: I am forced to report that I failed. Horribly :m:
0

#10 User is offline   stefcho_94 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 3,178
  • Joined: 10-June 06

Posted 30 November 2006 - 01:26 AM

hehey blazeboy haven't seen you around for a long time dawg :)

Quote

I extremely doubt I would be able to make anything as amazing as this

Phew, I thought I was the only one.
Posted Image
I know, I'm good :)
0

#11 User is offline   Blazeboy 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,068
  • Joined: 01-June 06

Posted 30 November 2006 - 01:35 AM

I have had a lot of schoolwork lately, not much time on the computer. God, I haven't played any games in weeks.
0

#12 User is offline   keyblade_15 

  • Member
  • PipPip
  • Group: Members
  • Posts: 213
  • Joined: 15-October 06

Posted 30 November 2006 - 02:55 AM

I tried, but I'm just not good enough with the airbrush tool.

Good tut though.
Latest:
Posted Image
0

#13 User is offline   Blur11 

  • Member
  • PipPip
  • Group: Members
  • Posts: 376
  • Joined: 11-May 05

Posted 30 November 2006 - 08:47 AM

i know what you mean about the mouse work beeing slow

im hoping to get a drawing tablet soon but i have no experience in buying them so i was wandering what can you recommend?

also i think the only problem with the contrast is that the image and background are too similer
Posted Image


Knowledge Increases Ignorance
0

#14 User is offline   Griatch 

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

Posted 02 December 2006 - 01:07 AM

@Blur1

As for brand go for a Wacom. (http://www.wacom.com/) Wacom is pretty much the defacto standard for digital artists. The board is connected with USB to your computer and requires no extra power. The pen works by an induction field and is completely wireless, and without the need of any batteries or anything. It's sensitive to how hard you push the pen, and GIMP will make the line thicker etc depending on how hard you push (if you have a tablet, the effect of pressure is set as various "pressure sensitivities" tick boxes in each drawing tool). It's just like using a real pen, except your result appears on the screen instead of where you put the pen on the tablet.

Wacom boards might be slightly more expensive than some other brands, but you can use it forever and it won't wear out. Wacom is also well supported both in Linux, Windows and Mac (linux drivers here).

You can go with the very smallest size. You'd think bigger is better, but my experience is that it's actually better with a smaller board since you don't have to move your hand so far to cover the entire drawing surface. A small one you can also put in your lap if you want. If you need to work in detail -- well that's what GIMP's zoom function is for anyway!

I'd suggest you go with the entry model -- the Wacom Graphire. I can get one for $80-90 here (don't remember the current dollar exchange rate though, so I might be off.) It's perfect for most home-use and I used one for many years without missing anything. This days I use a Wacom Intuous though, which is the professional level tablet.
.
Griatch
0

#15 User is offline   Technaut 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 02-December 06

Posted 02 December 2006 - 03:20 AM

I'm defiantly checking you out at DA. +fav :l:
0

#16 User is offline   Blur11 

  • Member
  • PipPip
  • Group: Members
  • Posts: 376
  • Joined: 11-May 05

Posted 02 December 2006 - 11:09 AM

Thanks for that man i was actually thinking somthing like this

http://www.pixmania....-400-wirel.html

or this

http://www.pixmania....-1200-v2-g.html

but the wacom ons look very good and seem to be getting better reviews
Posted Image


Knowledge Increases Ignorance
0

#17 User is offline   Griatch 

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

Posted 02 December 2006 - 12:24 PM

Quote

I tried, but I'm just not good enough with the airbrush tool.


If you want to test out your airbrushing skills on something less complex, this tutorial of mine uses the airbrush to create a faster type of image result that comes out looking harder than it is. :h:
.
Griatch
0

#18 User is offline   Gus 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,159
  • Joined: 20-October 05

Posted 02 December 2006 - 08:10 PM

http://www.amazon.co.uk/Wacom-Volito-Ta ... lectronics

£27.30!

What one did you get?

Is it worth if you're not all that good at drawing?
0

#19 User is offline   Gus 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,159
  • Joined: 20-October 05

Posted 02 December 2006 - 08:51 PM

I just had an idea, you should make a comic come novel!

Haha how wicked would that be?
0

#20 User is offline   Griatch 

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

Posted 02 December 2006 - 10:03 PM

@Gus:

The tablet will help you a lot, regardless of your drawing skills.

As for the comics idea -- it is a good idea, however I'm ahead of you. :h:

From another project of mine ...

Posted Image

.
Griatch
0

Share this topic:


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