and the Little Robots
by Stephanie Rosemann
Table of concents My way from
a sketch to a
The thoughts about this
Working with pencil and paper
Using the Brush tool
Two ways of getting the aim
Highlighting with the Pen tool
Polishing with the Gausian blur
9 Useful tips
This is a little project of mine. I was tired of In my ordinary life I study Concept and Product
working with hundreds of tutorials to improve my Development.
skills in Photoshop.
In the end it was always someone else’s idea. In the next year I want to specialize myself in design
of concepts and products.
So I thought about a way of having fun with photo-
shop, which enables me at the same time to train Maybe I can help someone else with this project to
my skills and keep the knowledge I will get. be good friends with Photoshop.
I found old sketches of little robots which I drew
month ago. So I descided to color them with Steffi
This was only the first part of my project.
I documentated every single step so that someone
else can also learn something.
Finally I used InDesign to manage text and pictures.
I also used Illustrator for the speech ballons.
At first I made a sketch. Old school as I am I used a Two layers without names are easy to handle but
pencil and paper. Nothing special. what do you think about twenty?
So name your sketch-layer! You can use “sketch” as
Then I imported the sketch with my ”lovely” scanner a very handy name.
1. Open Photoshop
2. Click on File
3. Click on Import
4. Choose your scanner
My sketch got his own layer. Now I know how impor-
tant layers are if you don’t want to destroy a whole
image with one change.
Click on to create a new layer. Or use the
But not just the use of layers is important - you have
to name them!
My first sketch of the robot
The next step is to create a new layer above the
sketch-layer. I called it “Outline”.
Because now I traced every single line of the robot
once again. I used the Brush tool (B) and my Bam-
boo drawing board. It is much more easier to draw
every line with a drawing board than with a mouse.
Now the Brush tool . On top of the programm
you can find different sizes and forms of the Brush
tool. I used a round brush of the size 3 because
my picture is very small.
As colour I used black.
Now don’t waste time. Last look on the layers to be
sure you are in the right one (“Outline”).
Then start tracing every line with the brush tool. Robot with an outline
Now the part that is the most fun.
Make a new layer named “Colour” and move it
under the “Outline”-layer!
There are differend methodes to colour a sketch in
Photoshop. I think I have chosen the most
Here I also used the Brush tool. I chose a few
colours (of course grey because in my world robots
are made out of metal). Then I coloured every area
with my drawing board.
Version two is for everyone who has less time than
You can use the Paint Pucket Tool (G) to colour
one area with only one click. But you need closed
areas. My little robot with a few more colours
By setting highlights I tried to create a bit of
perspectieve in the picture and make the robot a
little bit shiny.
I used the Pen tool (P) .
First I chose a colour. For example I picked a darker
gray for the metallic parts.
Then select the pen tool and click then on the
picture to start your area. Go on with clicking till you
have created a new area.
So I created darker and lighter areas for the
highlights and shadows.
My little robot with more perspectieve
Last but not least I did not want my robot to float in
midair. So I created a simple shape on the grond.
At first I chose dark grey and selected then the
Ellipse tool (U) .
I drew an oval shape on the background.
Then I went to Filter - Blur - Gaussian Blur (Ctrl +F).
Now the corners have been smudged.
I also chose an opacity of 50%.
The red shoes got a little shadow of their own. This
time I used the Pen Tool (P) again with a dark red as
Now the little robot is finished!
The finished robot
On this page I will summarize all shortcuts and tips Tips
I have used in this little book. But also some other Some tips I wrote down for myself because I have to
shortcuts which I used continuously. remind myself of those little rules all the time.
1) Always save your document
Brush Tool (B)
2) Make layers
Paint Bucket Tool (G)
3) Make sure you are in the right layer
Pen Tool (P)
Ellipse Tool (U)
Strg/Cmd+Shift+N New Layer
Strg/Cmd + Z One step back
Strg/Cmd + Zoom in
Strg/Cmd - Zoom out
Photoshop and the Little Robots
Photoshop is the most popular design
programme in the world.
Now I want to improve my skills with this little project.
Sketches of sweet, little robots are the basis
and eveything that came after
that is written down in this book
Read, maybe learn something and enjoy!
Written and illustrated by Stephanie Rosemann