Learning how to draw cartoons in photoshop

I got this concept in my head that I needed to draw a comic strip making use of Photoshop. The initial hours following this concept were spent trying to function out how to turn my touch-screen cellphone into a graphics tablet for my computer. This provided futile so this tutorial will cover how to draw utilizing a photo of a real life drawing. Some of this initial tutorial might be a bit rubbish as I didn’t take images or notes going along, a thing I definitely will be much more stringent about for the following one.

So the 1st step in the method was to actually begin drawing something. Following a whilst I came up with a couple of fundamental drawings from which to function. Here is an example of 1 of these drawings:

I took a photo of my unique drawing and opened this in Photoshop. However my photo is a great deal greater than the target image size for each and every frame, so I employed Free of charge Transform on a choice about the drawing itself to minimize it to a reasonable size. I then produced a new image with a white background and dragged and dropped the layer containing the lowered drawing into the new image. For the following tutorial I will try perform out how to get my images to a affordable size employing a simpler technique.

Using the tactics suggested in this tutorial , I used the ‘pen’ tool to draw a layer over each and every letter and shape in the above image. With much fumbling about I extra a layer of pink underneath the layers with the letters and star and then an further white layer between these and the layers with the holes of the letters P and O. I’ll rework this properly for the subsequent tutorial with a much more detailed description. To full my image, I applied the gradient tool (right hand of the display at the bottom of the layers tab) to the background and employed the ’rounded rectangle’ tool with ’1px stroke % fill opacity’ to generate a border for the frame. The finish outcome looked a thing like this:

This looks slightly greater but a great deal of it was playing close to with the pen tool. I’m not overly impressed with my capacity to use it so will definitely be reworking this for the up coming one particular.

Soon after this I started out functioning on the real cartoon frames. The third one is efficiently a copy of the second one with the text changed so I will not go into any detail on that. For the second frame, I repeated the procedure above and utilised the fill impact with each and every area I utilised the ‘pen’ tool. In the fourth a single, I realised there’s a better way to do this so don’t just dive into it yet. The resulting photos had been rather standard and a bit odd seeking, but I hope to progress from this in the next cartoon. Right here are the second and third frames:

For the final frame I realised there was a much more logical way to do points. Operating from my sketch and the layout of objects in the earlier image, I created various layers for each and every object in the image. I produced a sofa layer utilizing the pen tool as before to generate my ‘strokes’. I then rasterized the layer so that I could paint the sofa into the colour I needed. I repeated this functioning from back to front. Going forward this will permit me to produce scenes with surrounding objects currently in spot from prior images. For the personal computer, I set up some text and pressing manage brings up the functionality to rotate it. I have but to work out how to skew it so it appears a bit distorted on the display. The smoke increasing from the computer was produced yet again employing the pen tool, merging the resulting layers and then erasing the places I did not want. I flipped the face from the earlier pictures and drew the remainder of Ponk’s body over the layer. This at the moment appears really rough so I could repeat the procedure and then develop a new version using the pen tool to smooth this out for following time.

To pull it all with each other, I developed a new image of size 1000 x 250 pixels (every single frame is 250 x 250 pixels). Copying the background from every saved frame image, I dragged and dropped these into my new image prior to signing my name and saving the final version. The completed cartoon can be viewed on the internet here.

In the following tutorial I will improve on the processes utilized above and hopefully generate a far more skilled appear.