GIMP

Franklin – spaceship for Vega Strike – first AO bake

By The Illustrator | 2010/05/10 20:42 Posted in 3D, Blender, GIMP, Role-Playing Games, Vega Strike, spaceship | Comments (1)

What could this be?

It’s a spaceship, of course!

first ao bake - with shadows in other words

I’ve been pushing buttons and sliding sliders for a couple of days now, mostly following this tutorial on creating spaceship units for the Vega Strike space simulation game. The end point of the tutorial is a the creation of a wavefront object which can be added directly into the game. I haven’t quite manged that yet, but I have reached an interesting half-way point – an ambient occlusion bake.

An ambient occlusion bake is a way of making realistic shadows, and then gluing them on your model to make it look more believable, to make it easier to sell as a huge 200 ton spaceship – rather than a few insubstantial pixels.

oops, I put a hole in the hull

The ao bake makes the spaceship grey all over with a few grimy dirty bits in the corners where shadows collect. It makes the renders look a whole lot more complex and interesting – but it also makes it easier to spot the inevitable little problems with the model. Usually small uneven or badly folded areas in the mesh make shadows where they shouldn’t be, but in the case of my model I’ve manged to tear a hole in the craft’s underbelly – oops!

ok engines

The engines on the other hand turned out pretty good. I was expecting these to be a disaster area of shading artifacts. One of the rings around the engine looks a little darker than perhaps it should, but I think it looks pretty good.

shiny highlights

White lights in the Blender virtual studio reflecting in the smoky grey surface of the ambient occlusion bake make some nice glossy highlights. I suppose I’d better watch out with this effect though – it might look a little to organic for a spaceship intended for a near-future-type space simulation game like Vega Strike.

lots of nice shadows between the greebles of the spaceship's back

mmm.. shadows 'n' greebles .. yum yum

The shadows in the grooves of the complicated bits of the spaceship – the greebles – really make them pop out. The same effect is achieved on plastic models by washing thin black paint over them which collect in the grooves when it dries (nerdy but interesting, maybe).

I like to think of this as the action shot.

I’m going to need to a little more work on this model of course, not least welding it back together on the underside, but eventually I hope to have it all neatly packaged up as a Wavefront object.

In the mean time here is the blend file.

This spaceship is getting gnarly

By The Illustrator | 2010/04/17 14:48 Posted in 3D, Blender, GIMP, Graphics Tablet, Illustration, spaceship | Comments (0)

My spaceship illustration is coming on in leaps and bounds, getting more interesting all the time. It has twice as many greebles as the last time we saw it, and of course it was almost completely smooth when I rendered the mesh in Blender.

Another fine spaceship image made with Blender and GIMP

By The Illustrator | 2010/04/17 01:10 Posted in 3D, Blender, Blender, GIMP, GIMP, Illustration, Role-Playing Games, Tutorials, spaceship | Comments (0)

I’ve been modeling spaceships in 3D again, to add to the huge gallery of spaceship art here at Starbright.

It’s not just about expanding the gallery though, playing around with the capabilities of Blender and GIMP is also a lot of fun. I’m working in a style right now that takes advantage of the 3D capabilities of Blender, but then has a lot of work done in GIMP to produce a 3D image that looks like an illustration.

In the illustration above the planet in the foreground has had a lot of GIMP work done on it and looks very painterly, and the planet in the background is straight out of Blender. It has that shiny chrome appearance of a render. It’s going to be the very next element to get a working over as I take this image towards being a completed illustration.

I’m also working on floor plans to go with the spaceship illustration – I know how everyone loves them. I suddenly realised that if I did a screen grab of the top view window in Blender and chose wire mesh as the view option I would have a nice technical drawing of my spaceship without having to do much extra work. So floor plans coming soon, but in the mean time what has been happening with the illustration, well…

Last time we saw the spaceship illustration it looked like this. Just a mesh with the default skin, and not a very complex mesh either, but it is already beginning to suggest the completed spaceship. It’s a simple cube cut in half and mirrored with a few simple transformations; subdivide, extrude and grab.

After just a few more extrude operations the spaceship mesh starts to look much more real. I’ve also changed the colour of the skin that the mesh receives when it is rendered.

Another bump extruded and scaled has been added here to be the cockpit. I’m now very happy with the camera angle and I haven’t fiddled with it for a while, I am still fiddling with the lighting though. I want it a little more dramatic so I added a second light source to brighten up the foreground edges of the spaceship.

More and more detail and complexity being added to the mesh. Even though there is a lot of complexity, it has almost exclusively been achieved by simply extruding and grabbing surfaces I also added a cylinder right at the front of the spaceship.

It’s a tiny detail, but like a cherry on a cake it makes all the difference. I had to join it to the original spaceship mesh to get it to mirror properly. With that little touch I was finished with Blender and it was time to move on to GIMP.

I rendered a nice big jpeg of the finished mesh and dropped it into GIMP. Because I chose a jpeg as the format I had a lot of white background to get rid of, but cutting out a spaceship with hard straight edges is no problem in GIMP. I just held down shift as I used the eraser and GIMP kept my lines nice and straight.

Once I had my spaceship cut out I started to add some details to it. Abstract spaceship details are called greebles in the business and you need to add an awful lot of them before the spaceship starts to look good.

This spaceship has only a light dusting of greebles – an airlock and some windows – it’s going to need a few more.

I also went back to Blender to make a couple of planets – just spheres set smooth with textures chosen from the presets that come with Blender. The foreground planet uses “random noise” and the background planet has the “marble” texture applied.

I’ve made a good start with this image and I have high hopes that it’s going to be my most professional looking spaceship illustration yet, when I eventually get it done.

GIMP step by step Moby-Dick tutorial more detail

By The Illustrator | 2010/04/04 22:05 Posted in GIMP, GIMP, Graphics Tablet, Illustration, Tutorials | Comments (0)

After a quick pause to post my entry for Illustration Friday it’s back to the Moby-Dick painting. I quickly added some spume to the big wave at the centre of the painting and then was about to turn to the whaling boat, when I realised that I don’t really know what a whaling boat looks like.

Thank goodness that all us artists have Google now. To find a nice boat to use as reference I simply had to do a quick Google search. I did the same to remind myself what a whale looks like and to find out what made Moby white. It makes the whole illustration process a lot easier. Here is the page where I found a nice detailed view of the inside of the craft. It’s actually a website for people who build model boats and has a lot more detail in sharper focus than I was able to find anywhere else.

I’m just going to be using it for reference, and I’m pretty comfortable that finding a picture of a boat to use in painting my illustration isn’t cheating. Here I’ve dropped the picture I got from the internet into the GIMP xcf file to make sure I can do it justice.

With the boat in place, and a few alterations made to turn it around to face the danger coming from the background of the illustration, it was time to add some detail to the figures in the boat. At the moment they still look like the match-stick men of an L.S. Lowry painting.

As I’m not entirely sure what the 18 ^th century adventurers I want to put in the picture might look like It’s back to Google.

I found a great bunch of whalers to use as reference. I found them on a blog post where the blogger was boasting of his friend’s performance in the Alaskan Whaler category of the World Beard and Moustache Competition. Based on this photo, I guess the most important accessory to give my crew is an Aron jumper.

I got distracted after working on Ahab for a while and did some work on the eye of the monster whale. I added detail and got it to pop out of the image a bit more. Then I sketched some white lines on the whale.

I did this to give the impression of sheets of water floating down the monster’s hide as it emerges from the depths. To help sell these white squiggles as sheets of water I used the smudge tool to smear them a bit. It’s quite a nice effect.

The picture is really starting to take shape now. Next I decided that the wave needed a bit of detail too. So, going about adding detail to the image in exactly the same way as the stage before, I just drew some lines on the wave in the same colour as the wave’s brightest point.

Then to sell these little touches as natural I used GIMP’s smudge tool to make them a little more complex and smoky looking. I think it looks quite good and gives a good impression as a boat wake.

So now I’m going to keep on adding more and more detail in exactly the same way, until of course I suddenly decide that this illustration is done. I have a feeling that won’t be for a while yet though, I think this image is good for at least another couple of blog posts.

Computer graphics painting, elephant, done with GIMP

By The Illustrator | 2010/04/02 17:49 Posted in GIMP, Graphics Tablet, Illustration | Comments (0)

It’s Friday, and you should probably know the procedure by now.

Every Friday I visit a site called Illustration Friday which provides a showcase for the work of artists from around the world. Every Friday they post a word which is to be used as inspiration for a piece of illustrative art work.

Once I’ve found out this week’s word I look through some of my old illustrations to see if any of them are related to it or, if none seem to fit the bill, I fire up GIMP and create a new piece of digital art with my graphics tablet.

The word this week was “ dip” and I immediately thought of a picture I had painted in GIMP of an elephant dipping his front feet into a pool as he looked at his picture reflected in the surface.

It’s a very dark, atmospheric illustration with a pronounced use of chiaroscuro.

I’m a big fan of this artistic technique, probably because my earliest influences were the black and white ink illustrations of primitive British science-fiction comic books like 2000ad, Starlord and Tornado. Starlord was my favourite and I was quite upset to see it fail and be gobbled up by the inferior 2000ad. An early run in with the triumph of the lowest common denominator, even within a niche market like sci-fi comic books.

Anyway I hope you like this week’s image for Illustration Friday, if you like it there are more illustrations here at the blog (take a look at the menu to the left), and also on the main illustration gallery and GIMP tutorial site.

paint ebook cover image with GIMP, tutorial pt 2

By The Illustrator | 2010/04/01 20:54 Posted in GIMP, Graphics Tablet, Illustration, Tutorials | Comments (0)

Here is stage two of the illustration that will eventually be the book-cover image, you can see stage one, the initial sketch, in the original post. The main subject of the illustration is really starting to take shape, but a lot of work still needs to go into Ahab and his crew.

To start turning my scan of my initial sketch into an illustration I opened gimp and made a new document of the dimensions I wanted. Then I just dragged and dropped the jpeg image of the scan into the new gimp document. I then resized it to cover the whole image and I was ready to go, time to plug the graphics tablet into the USB port. On top of the scan of the initial illustration I added four or five large areas of colour to the image.

The whale is one solid block of colour on a separate layer, and so is the wave, boat, flippers etc. You can see the first few layers of the image in the screen grab below, but of course I’ll be creating an awful lot more layers than these few. The more layers you have the more control over your picture you have.

You can see that I have switched some of the layers off in the image above (the eye icons are gone). I did so that I could work on other elements without the whale for example getting in the way.

Just a few more details have been added here. You can see the clouds have been painted very roughly into the background and I’ve just started to make them more cloudy with the smudge tool. I’ve also given ol’ Moby some teeth.

The distinctive white colour of the mythical beast from this illustration comes from barnacles. I did a bit of research and it turns out that our creature from the depths was not an albino. This image is right at the start of the process of adding this colouration.

After twenty minutes of repeatedly jabbing the graphics tablet with the stylus the look of the main character is starting to take shape. It still looks a little like the measles though so I’m not going to be able to close GIMP for the day just yet.

I added a big shadow on top of the layer of the illustration with the colouration and then finally added a layer of patchy white underneath that layer to produce first a bumpy but imposing effect and then a much smoother and more frightening creature. The star of the this book, although most people probably read Moby-Dick as an ebook these days, and there’s no reason why an illustration like this cant be its digital cover.

digital GIMP art image with a graphics tablet

By The Illustrator | 2010/03/29 23:11 Posted in GIMP, GIMP, Graphics Tablet, Illustration, Tutorials | Comments (0)

Today I am painting a scene that is inspired by the word rescue*. Actually I started painting the scene yesterday, and there might still be some little touches to add to the illustration before it’s done, but enough of that – back to work.

Rescue of course requires a dangerous situation and someone in danger, and naturally someone to get them out of it. In my illustration I decided that the brave heroic figure of the image would be a lion, and the creature in danger would be a monkey. I later changed my mind and decided that the foreground figure of the picture would be an elephant instead. But that’s the beauty of GIMP, or any other image manipulation software that you might like (I know you are all thinking it so I’ll just say it, some poor misguided people even use Photoshop for this sort of thing, no matter the price and the bloat). Whatever application you use, if you put each element of the image on a different layer you can just delete the layer and replace it with very little trouble – replacing your monkey with an elephant for example.

Here is the original sketch for this illustration, and as always I didn’t do any preliminary sketches or look for any reference material, I just jammed my graphics tablet into the USB port fired up GIMP and got going. The composition of the illustration was a little tricky but once I had put the boat on a nice big wave in the background there was plenty of room in the foreground of the image for action.

As you can see in the above screen grab I try not to touch the background and so I put every different element of an illustration on a separate layer. Here the sketch is on a transparent layer – denoted by grey checks – hovering above the background layer.

The next step is a simple and fun series of colouring in. The layers with the different colours on are all separate, and if each layer is put below the layer with the sketch on it’s a lot harder to go over the lines.

Next come the stage where I add detail by overlaying layer after layer of semitransparent black over the bare colours and moving them about and mixing them with the smudge tool. Then I sample the original colour and lighten it a bit by selecting the foreground colour at the bottom of the tool box. I paint this on top at full opacity – on it’s own layer of course, you can never have too many layers – and you have highlights.

The monkey looked too much like a badly drawn human so it had to go, but what to replace it with. I decided that an elephant would be quite funny, because there is no way that the skinny lion in the boat is going to be strong enough to pull the elephant out of the water, even if the boat was big enough for it to sit in without it sinking.

The elephant gets a little more detail with the trusty layers of black and smudge then highlight method I mentioned earlier and the image is getting a lot closer to being a completed digital painting.

*as usual my inspiration word came from Illustration Friday, and I’ll be posting the illustration there as soon as it’s done.

fantasy GIMP illustration of a dragon

By The Illustrator | 2010/03/23 22:00 Posted in GIMP, Graphics Tablet, Illustration | Comments (0)

Today I’ve been painting dragons. Specifically a forest dragon. It’s a very impressionistic illustrative picture, very painterly, but it was entirely created with GIMP – and of course my trusty graphics tablet. I know I sing the praises of my Bamboo graphics tablet every post, but it really is great and compared to most other new graphics tablets, it’s super cheap.

Anyway this forest dragon is dozing comfortably on a small pile of treasure deep in the darkest corner of a forgotten wood. I started sketching it very simply.

There really isn’t much going on in this sketch, I was exclusively interested in the composition and decided that I would be adding detail as I went, and I think that approach worked quite well. It was certainly quick.

The next step was – as always – to add an area of colour to represent each major element of the picture. Two areas of green, one of brown and one of yellow in this image represent respectively the foreground, the dragon, the trees and the dragon’s eye. Each area of colour is created on a separate layer of the GIMP file.

Next I decided to add some shafts of sunlight to the picture. Even without having to use a graphics tablet, I can’t draw a straight line, well not sun-beam straight anyway, but luckily if you paint a dot then hold down the shift key GIMP will work out a straight line for you.

Then I pushed the layer with the sun beams on further back down the stack of layers and turned down the transparency. It was quite a good effect in the end, I think.

The poor forest dragon in the illustration was looking a bit cramped so I decided to open up the composition of the image a little bit. I did it by creating a new bigger image file and dropping the old file in.

I then added a pile of gold to make the dragon more comfortable, they prefer to lie on gold even than soft forest grass. I also toyed with the idea of adding a thief coming to take a handful of the gold away.

I thought that maybe the colour palette was a little limited, almost exclusively made up of different shades of green, so next I made the dragon a lot more colourful and also made the treasure thief in the foreground of the illustration quite colourful too.

In the end of course I decided against the second character for the illustration, and I toned down the colours again too. This picture isn’t quite ready to join the hall of fame on the gallery page of my website but I am tempted to keep working on it and take it that extra stage.

Who knows… watch this space.

Vampire Cat illustration, with GIMP step-by-step tutorial

By The Illustrator | 2010/03/19 19:38 Posted in GIMP, GIMP, Graphics Tablet, Illustration, Tutorials | Comments (0)

Yum! Packed Lunch!

Although I am far from finished with my troublesome Pixie Catcher fantasy illustration, I’m going to put it on hold for a day because it is Illustration Friday time again. As regular readers of this blog will know – and yes this blog does seem to have regular readers – Illustration Friday is what is known as an art challenge website . This means that every week they post a word, and the online artistic community (i.e. everybody) is invited to create an illustration based on that word. This week’s word is “ expired”.

Probably inspired by the famous Monty Python Dead Parrot Sketch…

Mr. Praline: ‘E’s not pinin’! ‘E’s passed on! This parrot is no more! He has ceased to be! ‘E’s expired and gone to meet ‘is maker! ‘E’s a stiff! Bereft of life, ‘e rests in peace! If you hadn’t nailed ‘im to the perch ‘e’d be pushing up daisies! ‘Is metabolic processes are now ‘istory! ‘E’s off the twig! ‘E’s kicked the bucket, ‘e’s shuffled off ‘is mortal coil, run down the curtain and joined the bleedin’ choir invisible!! THIS IS AN EX-PARROT!!

( more about the sketch on Wikipedia)

… the word expired is associated with the death of small animals in my mind, and my first ideas for illustrations were to do with zombie parrots and hamsters.

But then inspiration struck and I thought, “Why not a Vampire cute little animal!”

Why not indeed, technically vampires are the undead rather than expired, but I think the idea still holds.

So I fired up GIMP (as you probably know, GIMP is the leading open-source competitor to Photoshop) and attached my trusty graphics tablet to one of the USB ports on my lappy.

My first sketch was as usual a little off composition-wise, but that was easy to fix because I had done the sketch on a transparent layer that I added above the background white layer of the image. I simply increased the size of the layer of the sketch until the central part of the image, with the cat, was all that was left showing.

Now the cat is undoubtedly the focus of the image, as competing elements such as the coffin in the foreground have been forced off the edge. I created a second transparent layer and coloured in the cat.

I also coloured in all the other elements of the illustration in the same rough and ready way, using the sketch as a guide and putting each new element on a separate layer. For example the cat’s body, collar, tag, eyes and teeth all get their own layer. With my graphics tablet and the GIMP brush set to a wide radius this is the work of just a few seconds.

When this process of colouring is far enough along it is possible to just delete the layer of the image file with the sketch on, because it isn’t needed any more.

Because the image is an illustration of a vampire it is almost inevitably a night time picture. To make a nice night sky I have put silhouettes of trees on one layer, a blend from orange to invisible on a layer behind that, then a moon, then a duplicate of the moon on a new layer smudged and with the opacity turned down to make it shine, then behind that a layer with stars and behind that a layer of solid dark blue.

Then to add more character to my character I added a new layer to paint shadows onto the cat, and yet another layer to give it eyelids. As the image is becoming more finished I also dropped the png file I have of my signature into GIMP by dragging and dropping, GIMP then did all the hard work of importing it into the image on a separate layer for me, yippee!

Now where into the phase of adding detail and tidying up. Here I have added some bumpiness to the soil, and I’ve tidied up the lower edges of the grave stones in the background of the illustration. This process of tidying up and adding detail to the image could potentially go on for a long, long time, and it really is a matter of taste as to where you draw the line and say, “ This is a finished illustration!”

I hope you like the Vampire Cat.

Step-by-step fantasy illustration, stage two

By The Illustrator | 2010/03/19 00:36 Posted in GIMP, Graphics Tablet, Illustration | Comments (1)

Hello again from the illustrator’s blog. The illustration I’ve been most recently working on has suddenly gone off in a completely new direction. As you can see it is still a very much fantasy orientated illustration, but the evil magician who was trying to catch the pixies has changed into a crocodile. I have been working on this illustration in GIMP for quite a few hours now. I have been sketching up a storm on my graphics tablet.

Last time we saw this fantasy illustration the main character was still human. I was making little changes, here I have added some detail to one of the pixies and changed the colour of the magic users cloak to yellow.

The image had been starting to look a little flat to me and I was trying to spice it up. I kept changing little things.

But then I suddenly had the idea, “Why don’t I paint the main character in the illustration as a crocodile!”

With GIMP that’s the easiest thing in the world to try out, you just add a new layer on top of the image and paint in the changes to see if you like them. If you decide that you don’t like the new direction after all, then just delete the new layer, no harm done. I did like the new direction though. I think the picture looks a lot better with a green monster painted in instead of the magician.

I gave all his clothes a more yellow look by painting transparent yellows over the original image on new layers. I also edited out the jar. I think the new green monster at the centre of this picture would have more immediate plans for the pretty little magic creatures he is trying to catch. Yum, yum!

After taking such a radical approach to redesigning the main character of the illustration I decided to be equally radical with the image’s background. I’ve sampled the colours from the original background, but redistributed and opened out the trees. This should give me a bit more room back there to add nice little details.

Huge changes and redesigns to the illustration might not be the most efficient work flow when it comes to creating digital fantasy paintings, but I just can’t help it. If I have an idea for the illustration that I think will look good then it is hard to resist giving it a try.

Needless to say the illustration is still far from complete and there will be more exciting installments about how it is being created to come.