Photoshop and the Little Robots


Published on

Published in: Design, Art & Photos, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Photoshop and the Little Robots

  1. 1. Photoshop and the Little Robots by Stephanie Rosemann
  2. 2. Table of concents My way from a sketch to a completed picture! 3 Foreword The thoughts about this 4 Sketch Working with pencil and paper 5 Outline Using the Brush tool 6 Colour Two ways of getting the aim 7 Highlights Highlighting with the Pen tool 8 Shadow Polishing with the Gausian blur 9 Useful tips 2
  3. 3. Foreword 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 Photoshop. 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. 3
  4. 4. Sketch 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. into Photoshop. 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 shortcut Strg/Cmd+Shift+N. But not just the use of layers is important - you have to name them! My first sketch of the robot 4
  5. 5. Outline 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. Trust me! 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 5
  6. 6. Colour 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 complicated version. 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 me. 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 6
  7. 7. Highlights 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 7
  8. 8. Shadow 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 colour. Now the little robot is finished! The finished robot 8
  9. 9. Useful tips 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. Tools 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) Shortcuts Strg/Cmd+Shift+N New Layer Strg/Cmd + Z One step back Strg/Cmd + Zoom in Strg/Cmd - Zoom out
  10. 10. 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