Photoshop

Spaceship Art and Character Sheet for Heroes in Time role-playin game

spaceship art

There is an ocean of starts, and this spaceship is designed to ride the swells. More work has been done on Heroes in Time again, and this time I’ve added a character sheet that can be downloaded for free.

The game itself is available here (just click the nice attractive banner, it goes directly to the Heores in Time page)

rpg drivethru game button link

Naturally the first place I turned for inspiration in designing the character sheet was Wikipedia. The wikipedia page on character sheets is huge, and has a lot of useful information, but I wanted to keep the sheet as simple as possible. Heroes in Time is a cinematic and generic game where a barbarian could easily encounter an astronaut, and the character sheet needs to be versatile enough to accommodate these two very different types of player character.

The various genres that player characters can be drawn from include.

modern horror

modern horror, and the legions of undead that have to be faced,

space dragon

other planets, and the monsters that inhabit them,

droid

the far future, and the droids that protect its treasures,

giant

primeval fantasy, and the giants that still walked the Earth,

magic

sword and sorcery, and its beautiful dangers,

mech

And what game would be complete without mech-on-mech combat.

 

Sci-fi Character concept art illustration

original flat illustration

the original visualisation of the character

I was going through pages that I had posted on an old website yesterday looking for stuff that was worth saving – Microsoft wrote to tell me that my previously free Office Live website was going to start requiring payment or it would have it’s domain name taken away. I found a nice digital painting that I had done of a sci-fi character, a spacewoman standing on the surface of a moon. The page also had a nice description of the character and even some stats so that she could be used in the Star Frontiers role-playing game, which is free and still going strong.

The style of the illustration is very flat and comic book however – at the time I didn’t have a graphics tablet to allow me to really paint and I was still learning how to get the most out of graphic image manipulation programs (I was using Photoshop at the time, rather than the free open-source alternative, GIMP).

duplicate layers

duplication of the image to layers

So I thought, why not use some of things I have learned in the mean time, and my graphics tablet, to improve the illustration and make it look more like the sort of concept art that might be used at the design stages of producing a new game, animation or movie.

The first step required was to separate the jpeg on to different layers. At the time I produced the original illustration I worked on only one layer, but I couldn’t imagine going back to this method now that I have worked out how the whole layers thing works in digital painting software.

It’s really quite simple in GIMP, I just pushed the button at the bottom of the layers window that looks like two photos on top of each other (highlighted with a red box in the screenshot). I initially created three layers, one for the space woman, one for the moonscape and one for the gas giant hanging there in the background. I then gave them meaningful names (instead of Background, the default name) and added an alpha channel (by right clicking and choosing this option from the pop up menu).

moonscape greenscreen

moonscape against green screen

Adding the alpha channel is the trick because when you delete something with the eraser tool the layer underneath can show through if there is an alpha channel on the layer you are deleting. So it’s a simple matter to delete the stuff you don’t want on a particular layer.

This layer for example is the moonscape, so I have deleted the spacewoman planet and backdrop of stars. I added a green layer to the stack because the default background used by GIMP (and Photoshop) is a grey chequerboard pattern and it is easy to miss bits when you are deleting because they are hard to see. To complete the moonscape layer I also painted over the feet with the moon’s brown colours to hide them.

image elements

each element has a separate layer now

I decided to give the planet’s rings a separate layer all to themselves too, because I want them to be a little transparent and for the planet to shine through a little bit. This is exactly the sort of effect that is easy to do with layers with the opacity slider.

So with the temporary green layer I made that brings my total number of layers up to five, but of course that’s just the beginning. As I add other elements such as shadows, a backdrop of stars, highlights etc etc the number of layers is just going to grow and grow so I find it really is important to give each one a name that makes some kind of sense.

I then noticed that the woman’s proportions looked a little off. I thought her legs looked a little short. I find that I often draw legs too short when I am sketching because of the foreshortening of the sketchpad. When I stand the sketchpad up to get a good look at what I just sketched I often say to myself, “oops, short legs again.” Luckily with GIMP that can easily be fixed.

I just duplicated the woman and erased the top half of her in the first duplicate, and the bottom half in the second. Then I increased the size of the second duplicate – the legs – and merged the two layers back into one.

bigger spacewoman

better proportions

I then generated a spacescape with the dedicated GIMP spacescape renderer. I love that plugin, just love it – for a sci-fi fan like me it is such an intuitive addition to an image manipulation and digital painting app.

In this image (produced by saving for web – another very useful addon for GIMP) you can see that I have been doing a little work on the planet. I have added a shadow layer on top of it (a black splodge with the opacity of the layer turned down makes a nice shadow) and smoothed out the transitions between the different bands of the gas giant with the smudge tool. I then became worried that she was looking a little lost and lonely out on the gas giant moon like that and decided to put a spaceship in the background of the image to imply that there is a crew of other characters to keep her company as she adventures through the game, or we follow her story in the animation or film. I decided to use the sc-fi concept art of a spaceship I had been working on most recently.

background spaceship

sci-fi concept art with spacewoman and spaceship

I’m going to keep working on the illustration, adding shadows, making the ligting more dramatic, adding detail and definition to the spacesuit and the spacewoman’s face – which might require some research to find some good refferance material to use. It promises to be a long but hopefully rewarding experience. Once it is complete I will be posting the finished concept art illustration here to the content section of the website.

Digital Painting a cover illustration with bleed for my CreativeSpace book, in Photoshop, Tutorial stage 2

This mirror is adding a few pounds!

blog_progress_image2 Last time we saw this image it looked like this. It’s the very first design sketch with only the most important elements, placed in the guide psd provided by CreateSpace, and a few colours. I have put each element on a separate layer. The cat’s on one layer and the sky on another, and I’m ready to go. And I can already see the first problem with the composition, the title is getting a bit lost.

blog_progress_image4

To make the title easier to read I shrank the mirror using Photoshop’s free transform, so that the title doesn’t have to be written over it. Having the mirror on a separate layer makes shrinking and moving it a whole lot easier. I also darkened the title by painting over the typed text. This gave the text a darker more hand painted and interesting look. I painted each letter on a separate layer to give me the option of shrinking, growing, twisting and moving them to make the text in the digital painting even more organic and interesting.

blog_progress_image6

The landscape behind the cat was looking a little empty so I added some grass, trees and mountains to the midground and background of the image. I also worked a little on the cat to make it a little smoother and less sketchy. There is a long way to go with the cat, but every little helps.

blog_progress_image7

Next I sketched in some clouds very roughly with the graphics pad stylus – I’m doing pretty much everything on this image using just Photoshop and my inexpensive little Bamboo fun graphics tablet. To make these white hatched lines look more like clouds I just poked at them a little bit with the smudge tool. It’s quite effective, in this detail from the illustration the left of the cloud is smudged and the right is still scratchy white hatching lines created with the graphics tablet.

blog_progress_image8

Next I worked on the trees. I created a layer beneath the initial sketches and added colour to make the trees a little more real looking. I also did some more work on the cat. The cat is going to be the focus of this image and little by little I’m going to be doing dabs of work on it until it’s done. This latest stage of the illustration took a couple of hours and I’m going to be coming back for a few more hours work on it real soon.

Self-Publishing and Distribution of Books, Video and Music On-Demand is the way to go, for me books!

The psd does the technical stuf for you! 

Hold the front page! I just found the coolest website, and I’m not talking about FarmVille, although that is pretty cool. No, I’m talking about CreateSpace: Self-Publish and Distribute Your Books, Video and Music On-Demand which is an Amazon.com website.

I’ve been painting my digital illustrations and writing my stories for some time now; sometimes science fiction, sometimes children’s picture books, but always with only my blog here at Starbright as a creative outlet. But CreateSpace seems like it might be an easy, low-maintenance way to get really published, on paper, in a good old-fashioned book. They provide a free ISBN number, they provide templates to download and follow when creating your book and there is a forum of lovely like-minded creative types right there on the site for support.

So today has been a lot of fun, I created an account with CreateSpace, for free, and downloaded a template so I could get going and make the cover for “I Am Spiralcat”, a children’s picture book. Me and my girlfriend have had the idea for this children’s picture book for some time, and it has come close to being published a couple of times, but this seems the perfect way to take control of the project ourselves.

There have been some frustrations too today though. CreateSpace provide a nice template in png format for GIMP or psd format for Photoshop, and anyone who has been reading this blog for any length of time will be able to predict that my first instinct was to use GIMP to create my image. Unfortunately GIMP just wasn’t up to it. It was verrry verrry slowwww indeed. I tried as hard as I could, because I do love it so, but whatever I did, it just couldn’t handle the huge, high-resolution image that you have to create. Just changing the transparency of a layer took ten minutes, and when I messed with the preferences to give GIMP more RAM and turned off all the thumbnails it took, nine minutes to calculate the same transparency change. So I was forced to use Photoshop CS3.

Photoshop has behaved impeccably and hardly seems to notice the hugely inflated size of the file, the pen on my graphics tablet lags a bit sometimes and the file takes a few seconds longer than normal to save, but that’s about it. Apparently the new version of GIMP with it’s non destructive editing and other such technical marvels will be able to compete, but until then I’ll be using Photoshop to create my children’s picture book for CreateSpace and Amazon, and GIMP only for smaller low res images for the website.

I’ll be posting my progress with the illustrations for the book, with all their unique challenges and fun features, and of course I’ll be digital painting the odd spaceship in GIMP from time to time too.