Professional Documents
Culture Documents
INTRODUCTION
CONTENTS
Introduction
01
What is concept art?
02
Interface
03
Brushes
Fundementals
04
I N T R O
Studies
05
Colour and light
C H A P T E R Perspective
06
07
My aim for this PDF is not to be a tutorial or a For the best learning experience I would Composition
step-by-step of how to paint or draw but instead recommend following each of these
to answer the question that we all have the chapters in chronological order and being
beginning - what do i need to know to improve? confident with the topics before moving on. I have
structured the book in a way that you will always Application
be building on the knowledge that you have just 08
Exploration
been shown, meaning if you skip a chapter it
may make it much harder for you to learn and
you will be missing out on crucial information. 09
Environment Design
10
Character Design
Masterclass 11
INTRODUCTION
WHAT IS
CONCEPT ART?
Let’s start right from the beginning. I get to draw multiple times to get the ‘best possible’ result for
pretty mountains and trees and people make it the job. There is a great article on this called
into games... that’s concept art right? Wrong. ‘Let’s Get Real About Concept Art’ which will give
Well, kind of. Concept art involves drawing you a good base of knowledge on the subject.
pretty things that people like to look at but Whilst concept art is all about the idea - it is
that’s not technically the purpose of it. The fo- certainly not false to say that the attractiveness
cus is on ‘concept’ more than art, a concept is of the concept art makes it easier to communi-
an idea. A concept artists job is to visualise and cate / sell to the viewer (or art director...). This
communicate ideas of yours and others. An is human nature, especially in our more con-
illustrator can do this too but the artwork is the sumerist society we go for what is most pret-
final product - concept art is the beginning stages ty. We certainly cannot ignore this but we also
and often may never be seen - the final product can’t allow it to over-ride good design, this
is the game / film / toy / etc that is inspired by it. means there is always a balancing act going on.
Masking
There are many features and menus in photo- Image > Adjustment contains many useful tools
Masking can save lots of time and there are multiple ways to do so.
shop that you may never use - remember that such as Levels, Curves, Brightness / Contrast
‘Preserve transparency’ is the first way - this means that you cannot
photoshop is just a tool and was originally de- and more - These are some of the more power-
paint outside the pixels already on that layer. This would be useful
signed for photo manipulation - digital painting ful tools of photoshop - take advantage of them,
if you have a shape and don’t want to paint outside of it. Similiarly
has always been a side focus for the software. there is no shame in adjusting your colour or val-
you can create a new layer above your current one, hold down ALT
ues using these tools. Use the Window menu
and press the line between the two layers (you will notice your cur-
1. The standard menus. The important ones to find any windows / panels that you need.
sor icon ill change). This will lock the layer to the pixels of the lay-
are Edit, Image, Filter and Window. Most of
er beneath. This is the same as preserve transparency but because
these can be easily accessed through short- 2. Tool Settings bar. This section of the UI chang-
you are painting on a seperate layer you can easily erase anything
cuts such as undo, redo, copy, paste etc. es depending on which tool you have select-
that goes wrong. The last way is to add a ‘mask’ to the layer us-
ing the layer mask button at the bottom of the layer pallete. this al-
lows you to paint in black / white to hide / show parts of the layer.
Value Toggle
Values are extremely important in making sure that the image
reads correctly - if your values are too consistent all over the im-
age will appear flat and boring, if everything is too high contrast it
can look offensive and hard to understand. This trick can allow you
to work in colour whilst easily checking your values, painting in black
and white and colour simultanously (almost..). To set this up go to
View > Proof Setup > Custom.... then change ‘device to simulate’ to
Dot Gain 25%. From now on if you press CTRL+Y your canvas will
appear in values (greyscale). If you colour pick from your image
whilst in values it will turn to colour once you press CTRL+Y
again. This allows complete control over both colour and value
management in your painting.
ed. The brush tool for example will allow you to 6. Small icons. ‘collapsed’ versions of the other
change opacity, blending modes and flow - the windows.
same as layers but for the brush. If your paint-
ing is looking very washed out then its very like- 7, 8, 9. Optional. Navigator is helpful to have an
ly your brush has been set to a low opacity. overview whilst you are zoomed in. The colour
pallet allows you to change your colours with-
3. Your list of tools available to you. Self explana- out extra effort. Layer window is always good
tory. to have open as they are very often added, re-
moved, altered. Of course work out your own
4. List of your brushes. configuration and see what works best for you.
INTRODUCTION - BRUSHES
INTRODUCTION
BRUSHES QUICK
TIPS
Brushes will not make you any better. But they I very rarely create my own brushes - usually Brush Organisation
can help make the process smoother once you’ve becuase there are already so many good tried
I prefer to view my brushes as ‘large list’ - this shows both the name and
already gained a certain level of confidence with and tested ones free to download from other
the shape of the tip. You can also make a new ‘1px brush’ and name it
your painting skill. Below are some tips and professionals. If you wish to create your own
to be used as a header such as ‘----- Basic Brushes -----’ to allow you to
theorys about good uses of custom brushes. brushes then of course you can do this fairly
categoerise your many brushes. An easy way to set this up is to down-
easily. Start by making a shape (can even be
load Jonas De Ro’s brush pack, he uses this method and has some
One of my favourites is perfectly summed up by a part of a photo or painting if you wish) ad se-
great brushes to get you started. Others prefer to use the ‘stroke thumb-
Jaime Jones, in one of his demos he mentioned lect it with the lasso tool (or CTRL+click the lay-
nail’ mode as this shows a preview of the brush settings - if it has scat-
that he uses 1 brush per 1 material or object er to make your selection) this will enable the
ter, transparency or any other variations. Try which works best for you.
type. So if i use one type of brush for painting option to create a brush using this shape and
the sand i’ll use another brush to paint the wood, add it to the endo f your brush list (edit > define
and only use those brushes on those types of brush preset). You can then select the brush
materials. The reaason behind this is that each and go to it’s options (window > brush options).
brush influences not only the look of the brush- Transfer vs Opacity
stroke but also the way you paint with it. If you
use one brush for the whole painting it may look The first method is to set the ‘transfer’ option of your brush to ‘pen
reptitive in the shapes and textures you are us- pressure’ this means that the opacity of your brush is controlled by
ing, but if you use one brush for each material the pressure of your tablet pen. If you press lighter the stroke will be
each part of the image will feel different and you more translucent, harder it becomes more opaque. This allows you
will also paint it in a slightly different way because to control your strokes in a more natural and dynamic way - similar
of this. You can more easily distinguish the dif- to when you draw or shade with a pencil. Another method is to in-
ferent materials within the image other than for stead control the opacity of your brush through the ‘brush opacity’
the obvious reasons. Of course this is not some- option at the top of the screen or You can also simply press the numbers
thing you MUST do and is not something I always on your keyboard. This mimics traditional painting, you apply paint to
use - but it is a sound technique and a great way your brush - this starts out very thick and opaque and then you apply more
to get you used to thinking deeper about how water (just like changing the opacity) to change how translucent the paint
to approach differerent materials and textures. stroke should be. I have used both methods and bounce between the two.
Another good tip i have found is if you aren’t sure How to achieve a painterly look
which brushes you like or should keep - open up Many digital artists use the hard-round brush exclusively and are
a new canvas and one by one pick a brush and able to achieve impressive results yet i find it results in a ‘digital’
paint random shapes with it. Straight lines, curved look due to the lack of texture from the brush. My favourite brush-
lines, circles, squuares, textures, glows etc - after es are those which have react with pressure sensitivity and have a
spending a moment with that brush you should be very chalky texture when pressing lightly, pressing harder gives a
able to tell if you are comfortable with it or if it’s fight- much more opaque but still slightly textured stroke. This diversi-
ing against you. I have found this to be very help- ty allows for full control over your values and blending whilst giving
ful, some brushes are just more pleasent for me some more spontaneous texture so give the natural painterly look.
to use - and it varies from person to person, so try My current favourite brush is ‘Texture Brush’ in Jonas De Ro’s brush
them alll or yourself and use your own juudgement. set. Remember this is all down to personal preference, try it my way
but use your own opinions and search for what works best for you.
FUNDAMENTALS
F U N D A M E N T A L -
C H A P T E R
Now that you have learned more about the in- big impact on your work if applied correctly.
terface of photoshop and explored different Once you have practiced the topics and
brushes and become more familiar with digitial techniques, on each page there are also links
painting it’s time for you to learn Fundementals. to books, webistes and videos that others have
This next chapter will teach you all of the key written on the subject. I have been careful to
skills so that you will be able to draw anything pick only the best sources - each will be writ-
without issue - after lots of hard work of course. ten by a professional and someone who has a
good teaching ability to make sure that you are
Each page starts with a chunk of text that will able to understand each key skill with as little Make sure to pick up a wacom tablet ! It is a must have and a good
give a brief insight and overview of the specif- challenge as possible. Many of these links are idea to start out with the entry level Intuos tablet. It will take some
ic topic aimed to prepare you for further learn- also ones in which i have used myself and per- getting used to but give it time and it will soon feel natural.
ing. There will then be 3 tipics and tricks that sonally found the most accessible. I have giv-
you should be able to implement into your work en a very brief description as to why each one
without much prior knowledge but will have a is useful for you so hopefully it should be clear.
FUNDAMENTALS - STUDIES
FUNDAMENTALS
STUDIES QUICK
TIPS
The technical skills known as ‘fundamen- As i mentioned before, studying art is a personal
tals’ aim to provide you with all of the knowl- journey just as much as a technical one. I highly
edge required to depict believable and realis- recommend trying every form of studying that I
tic artwork. The main fundamental skills are: have described on the opposite page and those
you find in the previously mentioned sketchbooks
Colour / Light - try everything and see what works for you.
Am I Improving?
You will notice that your first drawings will look good to you, you are [website] [video]
unable to see the mistakes at first but this is good. Keep ALL of your Alex Negrea Sketchbook Anthony Jones How to Study
drawings or paintings, save them all somewhere you can find them Example for how to study / proof that it works. Good insight on how to study.
later. It is very important to look back at these drawings when you have
done 2-3 more of them, you should notice a difference and you should [video] [video]
be able to spot mistakes in your previous drawings that you couldn’t at Alex Negrea Photo Study Material Sphere
the time - this is 100% proof that you are improving, which is something Some of his latest video studies. Example of one way to practice material painting
that is easy to miss.
[website] [video]
Miles Johnston Sketchbook Vilppu Drawing From Imagination
Example for how to study / proof that it works. Valuable knowledge of gesture drawing
[website] [video]
Algenfleger Sketchbook Vilppu Drawing Demo
Download all of Algenflegers study. Valuable knowledge of gesture drawing
Film Studies
[website] [video]
One very important and helpful source of study are screenshots from Noah Bradley Master Studies
films. Photographs allow you to replicate life but cinematgraphers
My Sketchbook
My thread for comparison. Guideance on how to create master studies.
build upon this by composing, lighting and staging a shot in a way
that informs and enables storytelling. This is all very valuable infor- [video]
[website]
mation for a concept artist - as we utilised all of these skills also.
Knowing how to better inform each of these job roles specifical for CTRL paint How to use a manequin
Massive collection of painting videos. Advice on how to improve your character poses.
films and games is a major bonus over just simply creating a pretty
picture. The same as you would do so for a photo study you must
[website] [PDF]
break down the image and ask questions - why is the scene lit this
way, why are certain colours used, why are the characters stood Pixel Lovely Vilppu Drawing Manual
where they are stood? everything is a choice and has a purpose. Timed character reference challenge. Best book on drawing human poses through
gesture.
[website]
Pose maniacs [website]
Timed anatomy reference challenge. Material Spheres
More examples of material sphere practice.
[website]
Blu-ray Screenshots [website]
Collection of good cinematography for study Androidarts Tutorial
Extremely valuable tutorial on many subjects.
FUNDEMENTALS - COLOUR & LIGHT
FUNDAMENTALS
Colour and Light (also known as value) are not there to back it up and bring everything back into
Light and Shadow
only one of the most important aspects of making a believable realm. Learn the rules and then you General rule is that if you have a wam light you have a cool shadow
a belieavable and interesting image they also play can break them sucessfully to make your mark. and vise versa. Best shown at sunset during golden hour when the
a key role in leading the eye towards focal points, light is very strong - it becomes more apparent yellow/orange (warm)
balancing a composition and communicating the There are many different aspects to colour and and the shadows appear more blue / purple (cold). This doesn’t mean
form and setting of an image. Without the correct light both individually and combined. A few key light should always be yellow and the shadows always blue. It can be
colour and light combination it is harder to know the words that are worth researching into are: Colour much more effectve to use greys within your colour scheme (as men-
temperature, time of day and mood of an scene. temperature, Reflected Light, Hue, Value, Specu- tioned below in colour comparison) A grey has 0 saturation and takes
These don’t have to look ‘realistic’ neccessarily, lar and Local Colour. Of course these aren’t all the vibrations from other colours around it. If you have a warm tone (even
fantastical and wild colour and lighting combina- important aspects of colour and light, but knowing very sublte) the grey next to it will both enhance the intensity of the
tions can all be used but there must be enough what they are and how they work will be important warm but it will itself also feel very cold. The same goes for grey next
within the scene that is believable, to allow the for when you come to look deeper into the theo- to a cold tone, it will feel very warm. Play with saturation just as much
viewer to understand how and why it could work rys as these keywords will come up very often. as hue and value. Linran explains a great theory for how to mix co-
- otherwise it can become disorentating and will lours and easily adjust colour temperature using RGB, linked below.
make it much harder to sell your concept. De-
spite this, it is best for newcomers - and those less
confident - to start by learning how to use light,
shadow and colour to replicate ‘realistic’ tones,
values and lighting situations. Aiming for realism
makes it much easier for us to know when you
are right or wrong and to find feedback for how Colour / Value Comparison
and where you can improve as we see these con-
Our eye and brain see colour and light through comparison to their
ditions on a daily basis. I will provide some basic
surroundings or context. In the famous ‘Check Shadow Illusion’ we
concepts and theorys but i strogly recomend you
have a checkerboard which has a cylinder casting a shadow over half
to study and read through the many books written
the board. The ‘light’ checker in the shadow is actually exactly the
on the subject, most notably James Gurney’s co-
same value as the ‘dark’ checker outside the shadow. This is because
lour and light which is one of the best books you
of local contrast, when a value is surrounded by darker values it will
will find on the subject. Another book that you
appear to be lighter than it is and vice versa, it would appear darker if
must read and follow is Scott Robertson’s ‘How to
surrounded by lighter values. The same goes for colour temperature
Render: The fundementals of light, shadow and
- a grey value surrounded by warm colours will appear cooler than
reflectivity’ - this is the bible of all fundementals of
it is, but the same value surrounded by cool colours will feel warmer
light and it covers everything you need to know.
than it actually is. Understanding why / when and how this works will
improve your work massively - naturally if we want to have a very cold
Once you have more knowledge of realitic values,
environment we think we need to add lots of blue, this isn’t neccesar-
colours and how light works in the ‘real world’ you
ily the case and can look amateur and unanatural. Instead we can
can begin to break the ‘rules’ and stretch these
utilise greys into the pallette to offset the other tones and make our
theorys further to create more stylised and artistic
colours feel much more punchy and inense than they are oriignally.
inerprations of reality. Ruan Jia and Theo Prins
are one of the many perfect examples of how you
can infuse wonderfully wild and unrealistic colours
into your work yet have them still feel ‘right’ bec-
uase the values and other fundemental skills are
FUNDEMENTALS - COLOUR & LIGHT
QUICK USEFUL
TIPS LINKS
Perspective is the fundamental skill that The most taught version of perspective is using Atmospheric Perspective
allows you to create depth within an image. The the horizon line and vanishing points to calcu- As mentioned previously, objects will lose contrast as they fall
most simple way of creating depth is by making late object placement. By establishing a hori- back into the distance as there are more air particles between the
objects smaller if we want them to appear fur- zon line we can tell where the viewer is looking. viewer and the object. As a general rule they will take on the sky colour -
ther back, larger if we want them closer. This The area above the line is the sky, below is the as this is the colour of the atmosphere in most cases. For a very simple
effect is much more apparent if the objects are ground. There are 3 versions of perspective: atmospheric perspective you can sample the sky tone and wash it light-
identical or similar in shape, If that shape is ly and evenly over backgroud objects to make them feel further away in
repeated smaller our brain will treat it as be- 1 point: All objects converge at the same comparison to foreground objects which are left to their original lo-
ing further away, a powerful trick to utilize. point on the horizon and those facing us are al- cal values. Atmospheric perspective is more intense depending on
ways parallel including the verticals. This usu- the different partiles in the atmosphere. A desert, snowy, rainy, misty
ally only exists facing something straight-on. or foggy day will likely have much heavier atmosphere meaning you
can ramp up the effect. You will want to be careful not to make all of
2 point: In this type of perspective, which your scenes feel foggy, remember to be subtle and look for reference.
is most common, there are two vanishing
points. The only paralleled lines are the ver-
ticals. This allows for objects to be seen from
different angles and is a more dynamic shot. Horizon Placement
3 point: Same as 2 point but the verticals also The first step of perspective is placing your horizon line, when doing
recede to their own vanishing point above or so try to consider the mood and context of your end shot. Placing the
below the horizon line. This simulates the dis- horizon line lower will give you more sky and you will see under any
tortion that happens when we look up or down objects that are high up - this can be good for showing scale, that
long distances. Very powerful if used correctly. the environment is larger than the viewer. Placing the horizon line
higher up will show more of the ground and usually give the effect
Fox-orian has a very good step-by-step that we are looking down onto something. This is often used for larg-
tutorial explaining 1, 2 and 3 point perspec- er environment shots when you want to show a large area or when
tive which i would highly recommend, it was we are to be looking down from high up. Out of an areoplane, down
one of the first tutorials that allowed me to un- from the top of a building for example. Tilting / rotating the horizon
derstand perspective atleast to a basic level. line can also change mood and add a more dynamic feeling, ex-
periment to see which works best for what you are trying to convey.
There is also the draw-through method’ which
helps you to think in a more 3 dimensional way.
I highly recommend Scott Robertson’s ‘How
to Draw’ book where he covers this technique
among others, i have given a full description of it
in the ‘Masterclass’ section at the end of this PDF.
FUNDEMENTALS - PERSPECTIVE
QUICK USEFUL
TIPS LINKS
Distorted Perspective
[website]
It will take time to understand and build confidence but be aware of how far apart you place your Fox-orian Perspective Tutorial
vanishing points on the horizon line. . When using two-point perspective It is most common to feel Detailed tutorial on the basics of perspective.
as though you must have both on the page (or canvas) however this will often distort your perspec-
tive. It tends to work best when you have at least 1 point outside of the page, this will stretch it into [website]
a more natural perspective whilst leaving 1 point on the page to direct the depth into the image. The Perspective Tutorial
Another detailed tutorial on perspective.
[website]
Scott Robertson How to Draw
Best book on perspective and how to apply it -
MUST READ
[PDF]
Loomis Successful Drawing
Advanced Perspective, not neccessary but good
to have an insight.
[video]
Atmospheric Perspective
Overview about how to create atmospheric
perspective
[website]
Androidarts Tutorial
Extremely valuable tutorial on many subjects.
FUNDEMENTALS - COMPOSITION
FUNDAMENTALS
QUICK
COMPOSITION TIPS
Rule of Thirds
The rule of thirds and golden ratio are theorys that have been with
us for hundreds of years, this is becuase this ratio is pleasing for us
to look at - it works. Rule of thirds is very simply that you must never
place your focal point in the middle or at the edges of your image. In-
stead you can split the image up into 9 equal parts and let your focal
points sit at the intersecting lines. It is a very simple concept, but look
at part 2 of ‘The Secret Composition’ below for more in depth advice.
1, 2, 3 [website]
3 Is very much the golden number. Every successful image has a good 1,2,3 read. 1,2,3 can refer to fore- Fox-Orian Composition Tutorial
ground, midground, background but can also refer to balancing your composition - 3 being the larger shapes, Detailed tutorial on the basics of composition.
2 being the smaller shapes and 1 being the smaller details. You will want more big shapes, less medium
[book]
shapes and even less details. If you have more details than large shapes you will end up with a very hard to
Ian Roberts Mastering Composition
read image or design. You will want to balance these so that, just like your composition, it will be interesting
Great comprehensive guide to composition -
to look at but still have resting places. This theory can be applied to individual objects and even characters. MUST READ
[book]
Dream Worlds
Great insight into master disney artists and their
work on many well loved films
[website]
The secret Composition PT1
Extremely valuable tutorial all aspects of compo-
sition, part 1.
[website]
The secret Composition PT2
Extremely valuable tutorial all aspects of compo-
sition, part 2.
[video]
Composition for Artists
Great information on rule of thirds and golden
ratio theories.
[video]
Nathan Fowkes Composition
Extrememely experienced information.
[website]
Androidarts Tutorial
Extremely valuable tutorial on many subjects.
APPLICATION
A P P L I C A T I O N
C H A P T E R
I have structured this PDF in a way so that by the
time you get to this section you should already
know the majority of the technical skills required
for environments, characters and props. Now
it is time to apply these skills. First you will want
to start out by deciding what you want to create.
Explor ation
Visual Library
Don’t underestimate research and reference gathering. Each time you
go through this process - and spend a good chunk of time doing so - you
will be retaining this information, especially if you end up having to paint
similiar topics over and over again. you will be building up something
called your visual library - this means next time you come to paint a dog
or a sunset you will already have some knowledge that you can build
on, you will get closer and closer to achieving the best result possible.
This is why professional artists seem as though they can draw almost
anythng with ease - it’s because they have done it before and studied
their reference for years - it’s in their visual library. Starting building
yours up early on and you will find your art will become much easier.
As concept artists i highly recommend taking the by direct sunlight, how it creates a rim-light that
time to figure out what it is that you are aiming to glows against the rest of darker body of the dog.
create and then spend even more time research-
ing and finding suitable references, especially for Whilst doing this you can collect images of
important projects. Concept art is all about design these specific things, multiple variations so
and communicating that to people so they can that you can understand the full spectrum and Flickr Advanced Search
recreate it in another form wither that be phys- not just one examples. You can display these Flickr is a very powerful tool for you to find high quality photographs
ically or digitally. Of course if you have a very images as a reference sheet and have them to use as reference. I suggest using the advanced search feature and
tight deadline you will have to be much quicker laid out in front of you whilst you paint to make at the bottom select ‘Only search with Creative Commons-Licensed
with your referencing but as much as possible - sure you always have this information at hand. content. This means the images that become avaialble will be free
especially when you are creating personal work to download and allow you to modify them in your work. You can also
- spend atleast an hour researching and gath- This process is most important when a client do this within Google image seearch and i would highly sugget using
ering reference before you start your painting. requires you to create a concept based on a this also - but in general the quality tends to be much higher at flickr.
real topic such as costume designs for a peri-
Aside from all of the technical drawing and paint- od drama - you must get all of these details as
ing skills, In order to create believable designs, accurate as you can otherwise your client won’t
scenes and moods you must know your sub- be happy and you will be to blame - no matter
ject matter. If i asked you to paint a newfound- how well you painted it, it must fit the purpose.
land dog at sunset would you be able to do this
from your imagination? Would you know the Going through this process can also conjure
exact shape and details of this breed? would up new and interesting ideas that you may not
you know how light reacts when it hits fur or have thought about - look at any of your favou-
the effect it has on colours within the scene? rite designs from games or films. For example
The Last of Us fungal disease is actually based
By doing your research you will now know the on a real fungus - just exaggerated and manip-
type of dog breed, it’s body type, length of fur ulated in a way that fits it’s purpose for the sto-
and typical colouration. You will know the usu- ry. This basis in reality can make your otherwise
al colours that come with the sunset time of day fantastical concepts feel believable and realistic.
and you will know how the fur looks when hit
APPLICATION - RESEARCH & REFERENCE
QUICK USEFUL
TIPS LINKS
Imaginative Realism
James Gurney’s book on Imaginative Realism is a complete guide on how to paint what doesn’t exist - it [website]
covers everything from composition and colour and light but it also delves into how to conduct research and Flickr
how to find reference. He even talks about how to create your own reference - he will very often construct a Great source of high quality and free to use pho-
macquette out of realworld objects / materials and shine lights upon it to see exactly how it would react. This tography.
is of course a very long and hard way to get your references but thinking in this way can allow you to come to
much deeper and meaningful designs and imagery. I highly recommend grabbing a copy of this book and [website]
giving it a read through, it will help to open your eyes to the possibility of taking your art that step further. Pinterest
Use search to find hundreds of already collected
reference photography.
[book]
Imaginative Realism
Great book with lots of advice on how to paint
what doesn’t exist.
[video]
Visual Library PT1
Great informational videos on how to develope
your visual library.
[video]
Visual Library PT2: Memory
Great informational videos on how to develope
your visual library.
[video]
Visual Library PT3: Applied
Great informational videos on how to develope
your visual library.
t
APPLICATION - EXPLORATION
APPLICATION
VIDEO
EXPLORATION EXAMPLES
Click the video thumbnail for a playlist of carefully chosen videos on the subject.
Environment Thumbnails
Environment thumbnails are a very efficient way horizon line will mean more ground in view, per-
to experiment with compositions and experiment haps looking down from up high and may serve
with possible directions for your scene. Keep them better for a distance landscape shot. Keep to the
small, no more than 2 inches wide (on paper), this larger shapes, make the composition work with
will make it harder for you to add details and force these shapes first and it will still look as good when
you to focus on the scene as a whole. This can you make it larger and add the details later on.
be harder if you are using Photoshop as you can
zoom in no matter how small the sketch is and Use thumbnails to also experiment with mood
Exploring your ideas is the main aspect of concept aren’t producing work for ourselves - these designs you can alter the size of your brush more than you through lighting and colour. If using Photoshop (or
art. We can great beautiful finished artwork but need to be given to other members of the team to can with a pen or pencil., meaning you can always scanned thumbnail) you can duplicate the layout
this only serves part of the purpose of our job. The direct and influence other products. If we provide add details. A good way around this is to section linework and sketch in a new lighting scenario for
majority of the time we are sketching and drawing many solutions for a problem then it allows the your page into multiple equal boxes, have them each thumbnail, try different colour schemes and
out every design solution possible. Why do we do art director or lead artist to give you better feed- all on screen at the same time and draw an envi- values. Because these are still small it won’t take
this? Two reasons. One: The theory is that as you back and suggestions, it can spark ideas in the ronment into each box. This is where you use the long to create new variations - keep your brush
draw an idea you will be creating generic designs, rest of the team which can lead to you ending up knowledge you’ve gained from your fundamental larger and squint your eyes. When you have a
because they are our first instinct - the more you with a better result. A more ‘finished’ peice of art studies. Start out by placing your horizon line - thumbnail that works small - enlarge it and con-
draw the harder it becomes, causing your brain to has less room for building upon and could halt the this will be the first step of establishing the type of tinue to refine the smaller shapes and details.
work harder and you will come up with more cre- creative process before better ideas appeared. shot you are creating and how we experience the
ative solutions for the design problem. Two: We scene. A lower horizon line will give more space
in the sky for us to add taller buildings - a higher
t
APPLICATION - EXPLORATION
VIDEO
EXAMPLES
Just like with the environment thumbnails you shape duplicate it and continue working, even if Design Sketches cover a wide variety of sub- sign is based in reality and making it easier for
will want to keep your silhouettes small and draw it is earlier on in the design. Creating duplicates jects which i believe are most heavily focused on it to be believable. Once you have shapes that
multiples on the same page to force you to stay of successful shapes and then tweaking them will their piratical use such as objects / props / as- interest you it can be useful to sketch the design
zoomed out. Start with the larger shapes to estab- allow you to keep building on successful designs sets, weapons, vehicles or armour. These must as if it were being used so that you can visual-
lish the general overview of your character - chop and attempting different variations. Also take ad- of course look appealing and be interesting but ize and test to see if the design looks function-
into the shapes and add to them, pay attention to vantage of working digitally - using the lassos tool must also be designed toward their purpose - a al. For example how does the pot hold water and
the negative shapes, such as the holes created to select sections of your silhouette and distort cup that can’t hold water is not a very good cup. what happens to that water when it’s poured. How
under arms or between legs, as they can add lots them using transform, this can be a quick way to If you are designing for film and the prop needs does the driver sit within the vehicle? Can they
of interest to the form. Once you have an estab- create variations from existing designs and cre- to be built in reality then you will need it to be reach the controls comfortably? It can be good to
lished shape, continue to chop into it with smaller ate ‘happy accidents’. Keep in mind the type of much more functional - designing for games or quickly sketch out the design in a flat orthograph-
brushes to create smaller details such as implied character you are aiming to design - is he likely CG means you mostly just need to make sure it ic view to quickly communicate the overview of
cloth folds or accessories that will break out of to be fat and short or tall and skinny, think about looks believable as it won’t need to be handled the object and then redraw it again from a more
the silhouette, this provides a deeper understand- the style of the end output, should it be realistic for real. Again keep your sketches small and mul- 3D perspective to check if the design works from
ing of the materials and specifics of the design. or stylised? These restrictions will help when nar- tiples on a page to keep you focused on the main all angles. A good angle for drawing objects is
Take advantage of the speed and efficiency of rowing down which design is best for your goal. shapes and features and not the details. Keep in from a 3/4 top down angle - this allows you to
this process, as soon as you are happy with a mind the purpose of the object and make sure to see the front, top and side of the shape. Perspec-
do your research and find reference so that you tive is hard to figure out - draw loose and quick
aren’t guessing. Starting with a generic design until you have a design that you are comfortable
can help you to know key features and general with before investing time on the final drawing.
patterns to build from, to make sure that your de-
t
APPLICATION - EXPLORATION
USEFUL
LINKS
[Videos]
John J Park Gumroad
Cheap videos from one of the best teachers and
Prop / Mech artists.
[Videos]
John J Park Sketchbook
Glimpse into John J Parks stunning sketchbook.
[website]
Let’s Get Real About Concept Art
Great article on misconceptions of concept art.
[website]
Sihlouettes in Concept Art
Great article on Sihlouettes in concept art.
[video]
Mark Molnar character sihlouettes
Great article on misconceptions of concept art.
[website]
The Skillful Huntsman
One of the best concept art books - focus on
the actualy pre-production concept art stages -
MUST READ
APPLICATION - ENVIRONMENT CONCEPT
APPLICATION
VIDEO
ENVIRONMENT CONCEPT EXAMPLES
The photobash workflow is quite different from main point is that this plate must be at the right You can still use photos in your workflow yet end to blend your paint and photos together quicker.
painting from scratch. First you must spend even viewing angle, or close to the one you are trying up with a more stylised or painterly result. This Use filters sparingly and be subtle as their effects
longer on the referencing stage and find as many to achieve for the final scene. You want to get the is my favorite method. You can do this by simply can be quite easily noticed and can look amateur
creative commons photos as you can and at a correct sky into your scene as soon as possible, overlaying photo textures onto your fully painted if used too much - you don’t want to end up with a
high resolution (above 1024px), if you can find if the sky in your plate is wrong you can mask out environment. Or you can use the same process blurry mess. As-long as all of the photo elements
them with a more even lighting scenario, similar the original sky and replace it with the new one, as the realistic photobash workflow but with mre are colour matched and their values work togeth-
to an overcast sky, that would be perfect as it al- you may need to colour match your plate to the painting and altering of the photographs to take er you can start to paint over the whole image.
lows you to add your own lighting to the objects new sky to help the two meld together better. The them beyond what is already in the photos. With Sample the wide variety of colours on the canvas
instead of being restricted to an already specific sky will determine the atmosphere and general this method you can be less sensitive about your already and use paint to turn the photo base into
or extreme lighting condition. Depending on how colours of the scene. Place new photos into your photo plates and references, drop them into your something that works better for you and your de-
much of an idea you have for how the environment scene and skew them into perspective as best as scene and skew, rotate, scale them - alter their sired outcome, but don’t be afraid to leave parts
should look you will either want very specific pho- you can - use masks to extract the objects from values and colours using colour match and adjust- of the photos showing - this is the power of the
tos - or example they would need to be the correct photos, this means you can always alter the mask ment layers. Use blending modes and masks to workflow, photo details and shapes with painter-
time period and geographical location. If you are’t at any time. If you are trying to add patterns to merge photos into each other. The joy of this work ly imagination and style. You can use adjustment
sure exactly what you need to be creating then objects or textures to walls or floors you can take flow is that you can experiment as much as you layers to change colour schemes using hue / sat-
vary your references to a wider range of subjects the photo, skew it into place and then use blend- like and come to results in a very quick way - how- uration, replace colour, colour lookup and others.
to spark your imagination. One you have a good ing modes such as darken, lighten or overlay / ever it does still rely heavily on your fundamental You can also change lighting conditions by making
range of photos you can get started. Select one soft light to merge the texture on to the surface skills, your composition and perspective knowl- a brightness / contrast adjustment layer and turn
that will serve as your ‘photo plate’ - detirmining beneath. To maintain the photo-realistic look you edge will still determine the outcome of the shot the brightness all the way down - paint out (black)
your photo plate comes down to a few factors; it will want to avoid painting onto the image - use and your painting skills will need to be on point into your mask to reveal the light beneath - light the
may have the correct sky type and colours that selections and sample the colours to make sure to match well with your photos. You can reduce scene how you want to with this powerful method.
you are aming for or it may be the same sort of the painted areas match the photo if you must. the details in your photos by using Blur > Surface
environment that you are trying to create. The Blur, this won’t always work well but it can help
APPLICATION - ENVIRONMENT CONCEPT
USEFUL QUICK
LINKS TIPS
Colour Match
[Videos] Edit > Image Adjustments > Colour Match is a very powerul tool. When on the layer you want to
James Paick Gumroad adjust the colours for, open colour match and select your document from the source drop-down
Cheap videos from one of the best teachers and menu and then select the layer with the colour and value that you want to transfer. I’ve found
environment artists. that it’s always worth scrolling through the layers and seeing how each one effects your current
layer - sometimes there can be unexpected results you might prefer. You should try to avoid using
[website] a source that has too much colour variation as you will end up with a rainbow effect - you can al-
ways cut a selection from an image to use as a source if the full image isn’t working well. You can
James Paick Portfolio
always use adjustment layers to such as hue/saturation or colour balance to further adjust the colours.
Portfolio of James, wide portfolio.
[website]
Steve Messing Portfolio
Beautiful range of concepts and storytelling.
[website]
Noah Bradley Portfolio
Great concept artist, illustrator and storyteller.
[website]
Conceptart world
Great collection of concept art.
APPLICATION - CHARACTER CONCEPT
APPLICATION
VIDEO
CHARACTER CONCEPT EXAMPLES
This process is similar to the environment pho- close to the character that will be wearing it. In this One last approach to create characters is to start bust meshes that are in Zbrush to use as a start.
tobash workflow - instead of starting with line art case the body type is most important, the clothes with a 3D base. This has become much easier You can take the sculpt as far as you like and
or painting you start by finding a photo that suits will be designed to match the frame so start with with the rise of Zbrush. If you are experienced can even use polypaint to add texture and colour
your needs. If your character is human you can an accurate body first.. If you are aiming to design with maya or other 3D software you can create to the scupt before taking it into photoshop. You
simply find a human with similar proportions and a character through it’s face and anatomy you will game-ready character meshes. Once they are at can also render out different passes and materi-
body type to your brief - if you are creating an need to find photos that will be the best base to a good stage you can take a render or screen- als - there are good guides to this online - which
alien or another humanoid design different to hu- work from - for example if your character is a fat shot into photoshop and paint over the top, add you can comp together and play around with in
mans you can find a human photo base and use gamer you won’t be using a skinny athletic base. photos to explore the design - because you are photoshop. The power of using a 3D base is what
either puppet warp, liquify or other transform tools Once your base is ready you can start by layer- basing it from your current 3D base you can then you can provide to the other team members. You
to stretch the base into your desired proportions. ing new objects on top - replace body parts, add go back into 3D afterwards and directly create it can give them multiple angles by taking multi-
This won’t give you the most accurate of results clothing and accessories. Don’t feel too restricted from your concept, ready to be put into a game. ple screenshots - much quicker than re-drawing
instantly but it will provide a good starting point. to your photos, you can lasso sections and stitch As a concept artist in a studio you may be sup- each one. You can also provide the 3D artists
Assuming that are creating a human character we them together to Frankenstein a new design. As plied with these 3D renders from another member with this 3D concept which they can take clean
start with our normal human photo and it is best long as you match the values of each of the pho- of the team. If you are not as confident or have up and build on to create the final mesh for the
to decide early on what the focus of the charac- tos and make sure the lighting is consistent the no interest in 3D from a technical perspective game and speeding up the process. This will also
ter design is - is our focus on the costume or the new design will feel believable. This is very use- you can jump into Zbrush. Zbrush mimics clay give you practice with 3D skill and methods which
anatomy / head / face of the character? - it is best ful for fantasy and sci-fi designs. Of course if you and allows you to sculpt a face or character with will improve your worth to a studio and give you
to find a stock photo that is evenly lit in all cases are having to create something in a modern time ease (once you have overcome the interface and more job options. This workflow is also used for
but most importantly you need something that is or historically accurate you will have your limits tools). You can start from scratch, sculpt on top of environments and the process is mostly the same.
closest to what you are trying to achieve. If you to how crazy the new designs can be. Making your own base mesh or ue one of the full-body or
are aiming to create a costume design the face sure you do your research and find the correct
won’t be as critical but still best to find something photo reference will help you massively here.
APPLICATION - CHARACTER CONCEPT
USEFUL
LINKS
[website]
Wesley Burt Portfolio
A fantastic and prolific character concept artist.
[website]
Brad Rigney
Another fantastic and prolific character concept artist /
illustrator.
[Videos]
Anthony Jones Gumroad
Cheap videos from one of the best teachers and character
artists.
[website]
Street Peeper
A good collection of street fashion from different cities.
[website]
Pinterest
Search for collections of armour, weapons, clothing from
different time periods.
MASTERCLASS
1
STAGE
ONE
M A S T E R
vehicles and environments. It will also improve your gen-
eral confidence with a pencil and drawing confident lines.