Create A Crystal Beast Concept

We've just published our 500th video course! Get it FREE for a limited time.
All Topics
Find tutorials, courses, and more...
Design & Illustration
Categories
Learning Guides
Dismiss
CONCEPT ART
Create a Crystal Beast

Concept Art Work in
Adobe Photoshop
by Monika Zagrobelna
18 Dec 2014
3 Comments
61
open in browser PRO version
126
15
Are you a developer? Try out the HTML to PDF API
pdfcrowd.com
What You'll Be Creating
pdfcrowd.com
Concept art works are usually more about a product than art. They don't need to be
perfectly refined, they just should sell the idea. However, they can't be messy,
either. How to find this balance? How to paint something quickly, but without making
it look like a doodle? In this tutorial I'm going to show you a method to paint a
fantastic creature quickly, but with a refined look that happens almost magically.
Ready to try it?
1. Prepare the Workspace

Before starting the actual work, we need to prepare the tools.
Step 1
Create a New File with dimensions that aren't too forceful for your computer. For
the start we don't need anything big, and a smaller workspace may even be better
for you, keeping you from zooming in on details.
pdfcrowd.com
Step 2
Use the Paint Bucket Tool (G) to fill the background with black.
pdfcrowd.com
Step 3
If you want, you can make the background more alive by adding agrunge texture or
using texture brushes. It's not obligatory, but sometimes it works to inspire you,
pdfcrowd.com
giving your subconscious mind ideas you'd never have had otherwise.
Step 4
pdfcrowd.com
Our basic brush will be a typical round brush you should already have in your set:
pdfcrowd.com
2. Tame the Idea

The beginning is always the hardest. A good concept will defend itself even when
it's poorly rendered, but a great rendering of a poor concept won't impress anyone.
Make sure you pay close attention to this part!
Step 1
You may not be aware of this, but the idea in your head is never complete until you
try to put it on paper/screen (unless you spend a lot of time rendering it in detail in
your mind, but it takes experience). What you've got in mind is an essence that you
need to transfer as quickly and mindlessly as possible to a real mediumthis way
you give your subconscious a way to manifest. The more experienced you are at
drawing, the easier it is to go through this step. No matter how good your idea is, it'll
need your skills to get presented properly.
pdfcrowd.com
Step 2
When the main lines are established, you can try to sketch more details. Try to
guess what your subconscious wanted to achieve and follow it. Work on a New
pdfcrowd.com
layer, with the previous sketch more transparent (lower itsOpacity).
Step 3
pdfcrowd.com
Now, this step may be a little bit controversial. Drawing concepts is based mostly on
fast work, because the more you think over something, the less creative your ideas.
However, if you're not really experienced and you don't fully control your forms yet,
it's good to stop here and check the perspective. I'm not talking about vanishing
points, but simply about proper establishing of the sides, as described in this
tutorial. Basically, find the front, back, top, bottom, and sides of your creature, and
check if they're aligned properly.
pdfcrowd.com
Work on a New Layer to keep it tidy
Step 4
Before we go into details, we should resize the canvas to something bigger.
pdfcrowd.com
Change the dimensions (Control-Alt-I) to at least three times bigger than the final
picture is intended to be.
Step 5
pdfcrowd.com
Once your base is done, you can finally sketch the details. Don't plan them! Draw
them quickly on a New Layer, twitching your hand to move the lines in unintended
directions. This way your idea will get enriched.
It's better to use a slightly less predictable brush in this phase. Youcan choose your
favorite one or download something; here I'm going to use a hexagon brush as
described in the first part of this tutorial.
pdfcrowd.com
3. Light and Shadow

pdfcrowd.com
The human eye recognizes a form the fastest when it's defined by light and
shadow. Let's use them!
Step 1
Change the Opacity of the sketch to 10%. Use white to paint illuminated areas on a
New Layer. Draw them boldly, don't try to be subtle.
pdfcrowd.com
Step 2
Lower the Opacity of the layer to 20%. This way we'll get more space for brighter
pdfcrowd.com
lighting.
pdfcrowd.com
Step 3
There's too much space between the light and darkest of shadows in our picture. To
eliminate it, create a New Layer and use dark gray to fill the black areas, leaving
darkness only in the crevices.
A lesson to take from here: black, just like white, is an extremely powerful color. It
doesn't occur in nature too often, except at night. Look around and try to find truly
black shadows. Are there any? The conclusion is that they're rare, and hence they
don't look natural when you use too many of them. My advice for realistic painting is
to avoid black at all costs, leaving it only for crevices.
pdfcrowd.com
pdfcrowd.com
Step 4
pdfcrowd.com
It's a good time to add textures. I'm going to userocks from texturemate.
Paste the texture and change its Blending Mode to Overlay, and Opacity to
around 40 %. Then use the Free Transform Tool (Control-T) in Warp mode to
adjust the shape to the perspective.
pdfcrowd.com
pdfcrowd.com
Don't limit yourself to only one texture! You can put them everywhere, changing
pdfcrowd.com
their size and shape.
pdfcrowd.com
It's important to understand why we use textures. In my case it's not about adding
elements I don't feel like drawing myself, but to add a suggestion of sketch. How
does it work? Recall when you were looking at a chaotic pattern on the floor or a
wall and saw an amazing creature there. You could never draw something that
awesome, and lo, it was created by itself out of chaos! That's how we can use
textures. They add chaos compatible with our sketch, giving us more ideas and a
base for future lighting.
Step 5
Let's add stronger light, but only in places that are heavily illuminated N
( ew Layer
once again!).
pdfcrowd.com
Step 6
pdfcrowd.com
Change the Blending Mode to Overlay to make it shine!
pdfcrowd.com
4. Refine the Details

Step 1
Time to zoom in and define everything you can see. Pick the color (shade) from
every element with the Eyedropper Tool (I) and draw clearer edges for it. The tricky
part is that you shouldn't just pick one color and use it everywherethis way you'd
make it all flatter. The way is to pick-draw-pick-draw, not pick-draw-draw-draw. If it
sounds tiring, remember that you can quickly pick a color by holding Alt when
painting.
In my opinion, the curse of beginners is not a lack of skill, but the urge for fast
effects. Hence the big strokes and love for tools like Blur, Smudge, Dodge, and
Burn. If you want to be better, don't expect fast and easy results. Take your time
with practice it'll get faster!
pdfcrowd.com
pdfcrowd.com
Step 2
Let's work on the crystals now, since they will be our focal point. Sketch them lightly
on a New Layer, creating transparent blocks.
pdfcrowd.com
Step 3
To make the crystals look thick inside, fill them with whitish fog.
pdfcrowd.com
Step 4
Add flaws to the crystalswithout them they would look more like glass.
pdfcrowd.com
Step 5
This is a good time to use black! Shade the sides with very light or very dark
shades.
pdfcrowd.com
Step 6
You can make the sides more solid by "carving" them with horizontal lines.
pdfcrowd.com
Step 7
Add shadow to the base of the crystals to blend them into the body.
pdfcrowd.com
Step 8
You can use white now to add pretty spots and define some of the edges.
pdfcrowd.com
Step 9
To make the blending more complete, I added simple spikes of crystal between
them.
pdfcrowd.com
pdfcrowd.com
Step 10
We can convert all the spikes, teeth and claws to crystal, too, in a similar way. First
paint them in black...
pdfcrowd.com
pdfcrowd.com
...then cover them slightly with gray...
pdfcrowd.com
...and add the shine. A hard brush (100% Hardness) can be very useful here! Also,
notice how a simple white dot at the tip of a spike makes it look sharp.
pdfcrowd.com
pdfcrowd.com
Step 11
pdfcrowd.com
Since our beast is partially made of crystal, let's add small rocks here and there. It
will make the surface more rich without drawing details manually.
Create a New Layer, take your round brush and change theSettings (F5) as
shown below:
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 12
To make the scattered brush more 3D in look, let's addBevel & Emboss in
Blending Options (double-click the layer to open it).
pdfcrowd.com
Now simply draw the texture in darker places to your liking.
pdfcrowd.com
Step 13
What if we wanted to cover all the back of the creature with crystal spikes? A
pdfcrowd.com
What if we wanted to cover all the back of the creature with crystal spikes? A
custom brush is the easiest option, but they make black transparent, and that's not
what we want. Let's use a cool feature called the Mixer Brush Tool!
On a New Layer, prepare a base for the tool, a cluster of spikes.
Step 14
Modify a round brush and change its settings as below:
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 15
Take the Mixer Brush Tool (it's in the Brush menu, just where you can find the
Pencil) and change its combinations in the upper bar to Dry, Heavy Load. Make
sure that Sample All Layers isn't checked. Then resize your brush to fit the spikes
inside, hold Alt and click firmly.
pdfcrowd.com
Now, paint a test stroke and see the magic happen!
pdfcrowd.com
Step 16
Use the brush to paint a few clusters here and there.
pdfcrowd.com
Step 17
Alas, the Mixer Brush doesn't have an option to rotate its content, so you'll need to
pdfcrowd.com
create a new sample to change the direction of spikes.
pdfcrowd.com
Step 18
Use the same technique to add any other cool features.
pdfcrowd.com
pdfcrowd.com
5. Add the Final Touches

Step 1
At the moment our monster is a bit too dark. Let's illuminate it some more. The
tricky part is that the random spikes need to be shaded according to the local
lighting, otherwise they'll look out of place. To save some time you can paint in
Screen Painting Modethis way your strokes will get brighter every time you repeat
them.
pdfcrowd.com
Step 2
pdfcrowd.com
For balance, add reflected light on the other side. Don't forget it can't be brighter
than the main light!
pdfcrowd.com
Step 3
pdfcrowd.com
Before we add any color, we need to sort out luminosity (relative brightness).
Different colors have different brightnessfor example yellow is very bright, and
blue is dark, even when they have the same brightness level. That's why we need
to plan the colors and make some of the areas darker, and some brighter.
Use a New Layer in Overlay mode to brighten some areas. For me these are the
spikes and scales that will be bright cyan.
pdfcrowd.com
To darken some parts (the body will be blue/purple) use a New Layer in Multiply
pdfcrowd.com
mode.
pdfcrowd.com
pdfcrowd.com
Step 4
Now we can safely paint the colors on a New Layer in Color mode. If need be, you
can always come back to previous layers to adjust the luminosity to the colors.
Hint: first fill the layer with dark blue (color of the shadow), and then paint the light.
Don't use big strokes for it, paint scale by scale without coming into shadow.
Otherwise you'll make it flat.
pdfcrowd.com
pdfcrowd.com
Step 5
On a New Layer in Overlay mode you can add more light by choosing a warmer
version of color (more reddish/yellowish) and painting over only a part of the
illuminated area.
pdfcrowd.com
pdfcrowd.com
Step 6
One more way to add light is to create aNew Layer in Screen mode and paint with
a warm color like bright orange. Don't go overboard with thisit's good to keep
the Opacity low.
pdfcrowd.com
pdfcrowd.com
Advertisement
Step 7
You are finally done. You can add some fancy details, but they're just decoration.
pdfcrowd.com
pdfcrowd.com
We're Done!
Wasn't it fast? It may look quite refined at first, but if you take a closer look, it turns
out it's nothing but a bunch of messy dots and blobs. And that's just what we
wantedsomething quick that doesn't look quick. Mission achieved!
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Advertisement
Suggested Tuts+ Course
Difficulty:
Intermediate
Length:
Short
Categories:
Concept Art
Digital Painting
Adobe Photoshop
Textures
Fantasy
Sci-Fi
Translations Available:
Environment Concept Art for Games
$15
pdfcrowd.com
Tuts+ tutorials are translated by our community

members. If you'd like to translate this post into
another language, let us know!
Download Attachment
Related Tutorials
Harness the Elements: Paint Fire in
All Its Forms
How to Paint a Polish Winged

Hussar in Adobe Photoshop
About Monika Zagrobelna
I'm a Polish artist with a long experience in

doing useless, but creative things. Since I
realized how bad I was after all these
My tutorials are the result of thorough studies - I
Design a Model Sheet of a Werewolf

Warrior in Adobe Photoshop:
Painting
hope they help you as they helped me!
years, I decided to take fate into my own hands and

actually study things in order to draw them properly.
Jobs
pdfcrowd.com
Jobs
Front-End Engineer
at Animoto in New York, NY, USA
Business Writer
at Tuts+ in New York, NY, USA
Advertisement
3 Comments
Envato Market Item
Tuts+ Hub
pdfcrowd.com
Share
Recommend
Join the discussion
Panico747
2 months ago
I try...
Reply Share
Jacob Louis
a month ago
Amazing! Thanks for sharing.
Reply Share
clipping path
3 months ago
awesome photoshop tutorial .thanks for step by step process and sharing with us !!
Subscribe
Reply Share
Add Disqus to your site
Privacy
pdfcrowd.com
Advertisement
19,335 Tutorials
503 Video Courses
Teaching skills to millions worldwide.
Follow Us
Email Newsletters
Get Tuts+ updates, news, surveys &

offers.
Email Address
pdfcrowd.com
Email Address
Help and Support

FAQ
Subscribe
Terms of Use
Contact Support
Privacy Policy
About Tuts+
Advertise
Teach at Tuts+
Custom digital services like logo design, WordPress installation, video

production and more.
Check out Envato Studio
Choose from over 5 million royalty-free photos and images priced from $1.
No subscription required.
Browse Photos on PhotoDune
2015 Envato Pty Ltd. Trademarks and brands are the property of their respective
pdfcrowd.com
owners.
pdfcrowd.com

Create A Crystal Beast Concept

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Create A Crystal Beast Concept

Caricato da

Copyright:

Formati disponibili

We've just published our 500th video course! Get it FREE for a limited time.

Find tutorials, courses, and more...

Design & Illustration

Create a Crystal Beast

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

What You'll Be Creating

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

1. Prepare the Workspace

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

2. Tame the Idea

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

layer, with the previous sketch more transparent (lower itsOpacity).

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Work on a New Layer to keep it tidy

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

3. Light and Shadow

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

their size and shape.

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

Change the Blending Mode to Overlay to make it shine!

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

4. Refine the Details

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

open in browser PRO version

Are you a developer? Try out the HTML to PDF API

Are you a developer? Try out the HTML to PDF API

open in browser PRO version