Simple PhotoShop colouring for rapid concept development (inc’ Line Art samples).

These notes are part of a quick tutorial on using Photoshop for Concept Art Sketch creation and Colouring. – This session is run with Yr 1 Games Design and Animation students – usually at the 3rd/4th week mark.

We won’t be looking at heavy detail work, but instead very rapid washes of colour, on a single layer.

Okay, so this is a basic striped down intro to Photoshop’s artistic tools (tutors, you can run this following part of the session on a whiteboard or flip chart, the students should be taking notes not looking for drop-downs and so not listening to you).

Intro To Photoshop

With those bits of information in your notebooks, you should be able to find your way to any of the processes that follow.

You should also be able to explain the meaning and/or use of the following terms, showing examples via your experimentation in Photoshop done in your own time with:


  • Scale; Rotate; Distort (plus, perhaps, Warp).


  • Brightness/Contrast, Curves, Hue/Saturation.

The Marque, and Lasso Tools.

Dodge & Burn Tools.

Clone Stamp Tool.


Scanning, File/Image Resolution, Rasta vs Vector.

The only thing you will be missing is an image to work with. This can be remedied in one of three ways.

1 – Draw your own…


Screen shot 2013-10-14 at 17.42.27

Screen shot 2013-10-14 at 19.32.09

2 – Make your own in SketchUp… > SketchUp Breakdown and Build & Compound Curves Speed Tutorial > Photoshopped 3D RoboBike 001 > Photoshopped 3D RoboBike 002


3 – but, for the time being, you may practice using line art donated by myself (see terms below).

BUT REMEMBER! When using someone else’s line art, ask permission or make sure they have made the work available. And do he right thing… put a link on your post back to the creators site. You would want them to treat yo the same way.

For those of you who are looking at the number 3 option, I have uploaded a number of line art images below (these are for use by HSAD students only until they have developed images of their own, the copyright of these images remains with myself, and is not transferrable even by colouring the image).

4 – Remember! As powerful as Photoshop is, it still wont do everything for you. You will need to employ all of your observational skills and transpose what you see in the real world onto your own work.

There is no Creativity dropdown (though there are techniques and processes available to you).

And with regard to decisions when adding tone or colour to human faces, or other imagery, it is always worth your time to look to the past. Many of the techniques and approaches used by contemporary concept artists have been pioneers in traditional media by the representational artists that have come before such as Vemeer, Rembrandt, and Da Vinci etc. You can find more discussion of this – >HERE<

Line art Samples

Secretary and Statue:

SecretaryBoat Under Repair:

BoatOld Man:

Old Man

Rustpunk Romance:

Rust Punk DetailViolent Crowd:

ShoutingThinking Cap:

Thinking CapThe Pythia:


Further Photoshop tutorial line-art samples (again, my linework) can be found > HERE <

~ by hesir on October 14, 2013.

3 Responses to “Simple PhotoShop colouring for rapid concept development (inc’ Line Art samples).”

  1. […] from any moment in history, assemble them electronically, distort them, shift them, stretch them, colour them, and make them your own to some […]

  2. […] Quick Rendering of Colour Concepts. […]

  3. […] Previous Samples… […]

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: