Adobe Photoshop Tutorials- Sketch to Digital Cartoon Art Lesson | Amber J. | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Adobe Photoshop Tutorials- Sketch to Digital Cartoon Art Lesson

teacher avatar Amber J., Hello!!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

7 Lessons (14m)
    • 1. Introduction

    • 2. Using the Pen Tool

    • 3. Burn and Dodge Tool

    • 4. Creating the Line Art

    • 5. Filling in Lineart

    • 6. Color and Shade Final Work

    • 7. Create Your Project

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class


In this course, I will teach you how to transform your cartoon sketch using simple tools in Adobe Photoshop. You will be using the pen tool, paint bucket tool,  and the burn & dodge tool to create your art piece. This course is great for beginners that are just getting started with digital coloring, and if you are in for a little fun, please enroll now! 

Don't have photoshop? Get free-trial here:


Meet Your Teacher

Teacher Profile Image

Amber J.



Hello everyone! :)

I been doing artwork since I was 2, but I seriously got into improving my craft when I was 10 years old. I been doing digital art work ever since 2001 when I had only a Windows 98, a mouse, and Paint Shop Pro. As years progressed, I taught myself how to use different programs, including Adobe Photoshop, Paint Tool Sai, Open Canvas, Manga Studio, and many more!

It has definitely been a long journey, 14 years, of good practice. Every bit of it was worth it. My dream is to be able to do what I love everyday as a full time job!

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: hello cartoon lovers. Today's lesson. We will transform our cartoon sketch into additional art piece. Inside a photo shop way will be using the pin tool brush told a color and the burn and dodge tool to add some detail to our finished artwork. After this lesson, you'll have a digital art piece that could be used for any of your future projects. If you're interested, come inside and join the lesson you do. 2. Using the Pen Tool: Hello, everyone. Welcome to the first sector of this course. The first thing you want to start with with the open image of your drawing sketch, you really want to make sure that this image you open is a large file that you can easily resize later. You don't want your image to be little quality, and this will prevent any issues. Later, After we have our image, we don't need to go to the layers box and double click our background image to a market. A small window will appear and just click. OK, double click the text on the layer, and we were renamed this layer to sketched and press enter. Once we're done with that, we will create a new layer every name it line hurt. Before we start transforming our image into a digital artwork. I want to stick it to noble tools and work space we're going to use for this lesson. We will be using the pen tool to create our liner. The pencil can be very complex, especially when you are just beginning to use it. When you click on a screen, a point is created, and when you click on a screen again. Another point will appear, but it will be transformed into adjustable path that can be maneuver to match your sketch. So while you're dragging your mouse, you can adjust it and move it around. And once you're satisfied with their path, you can let go of your mouse button. To continue another path. You can push and hold the all key on your keyboard and click the point at the end of the path to reset it. After that, you can click and drag again to create another path. If you make any mistakes, you can goto, edit and click. Undo. Now you can continue creating more paths until you're ready to turn your path into a line stroke. To turn your path into a line stroke, you'll need to go to the brush tool and adjust the brush settings. You never want your lines too thick or too thin because it will lead to horrible Leinart. I will set my brush to eight, and I will double click the color picker at the bottom of the screen to pick the color I will use, which is black to Leinart your image. You can easily go back to the pin tool right. Click the screen and click on Stroke Path. Option a small window appear, and you will need to select the brush in the stroke path options and click OK. Once you do that, your stroke is created to delete the path lines you see on the screen. You will right click in slick delete path. No, I also have another method of creating passed without right clicking for the stroke options . You can go to windows and click on the word paths. The past box will appear, and as you see as we start another path, you could see it working in the path spots. Once you're satisfied with your stroke, you can go to the bottom of a path box and click the stroke button. This will instantly create a SNI stroke for your image. You can also get rid of a path by clicking the little trash can to delete it, or you can click the start New Path button. I find this myth it very easy and less time consuming than right. Clicking the stroke path options. The great thing about those pin tools that there is always room for improvement, so practice as much as you can until you get the hang of it 3. Burn and Dodge Tool: Now the Dodge and burn tools are great tools. Will your new to coloring if you don't already know? The Dodge Tool is for lightning an image and the burn tools were darkening image. I'm going to start with a simple circle on the layer to show you how these tools work. You can follow along, or you can simply just watch, so I will start with the burn tool. To select this tool, you'll need to hold down a dodge budding and a little option window up here. You can select the burn tool from here. Now you really want to make sure you choose your options wisely. You will always want to start with a nice sized airbrush, never tried to use a hard push, and you might want to play with your range and exposure settings. There is no specific way of having your tool set. It's all about how will fit your image to use the burn tool. All you have to do is simply drag your mouse to color and make your shades. The more you click and drag, the more the shade will get darker. Sometimes the shade will look completely opposite to what we like so you can press, undo, but to completely start over, you will need to open your history box. So go to windows and click on History. The history box will allow you to undo your work even further. But once you do that and begin clicking the screen again, your previous actions will be deleted. You can easily adjust your brush and playing with the settings again until you were satisfied. The Dodge Tool is very similar to the burn tool, but it does the complete opposite to burning. It will make your image lighter. So again we will hold down this button with the burn tool. And so let the Dodge Tool. Instead. We can do the same like previously, and adjust our brush options and range and exposure settings. My favorite exposure setting to use is the highlight setting because of how bright it makes my artwork. If you simply don't want an image too right, you can select the mid tones or the shadows Option. The burn and dodge tool are very useful tools, so remember to practice to get the hang of things 4. Creating the Line Art: earlier in the lesson, we learned how to use the pen tool. What we want to do now is to use what we learn to create a finished liner. I want to start with my sketched image, and I want to make my I am in starker to make the lines more visible, so I will go to the adjustments levels and a window will appear within this window. I will adjust the little tabs until I'm satisfied with how dark it is. The black tab will make things darker, and the white tab will make things lighter. Once you're done, click OK now we need separate layers for this image, so let's go to our later spox. Double click the background layer to a market and press OK. Create a new layer and drag that layer down and fill it with white using the fill bucket. And let's also adjust our sketch layer by lowering our Phil or a pass ity settings. Now, even though we just darken our image, we simply darken the image to make sure lines are more visible. While we lower the opacity. This will make things easier. We begin creating your line image and After that, let's create another new layer for a liner. Now you have the option of renaming your layers if you want to, but it will definitely keep things a little bit more organized. Sometimes I forget to rename my layers, and that's okay. Believe me, that is pretty normal. So with the liner layers selected, we can now begin our liner. Right now, I will zoom into my image and put away the layer box by clicking the little aero tap in the right corner. Your workspace might be a little different from how minds look, but if you want to put away your layers box, you can, and we will now select Arpin Tool and begin creating our path. Working strokes and the begin. Another lesson. We learned how to use the pen tool, so let's take what we learned and create are finished liner. This process will definitely take some time if you're a beginner, but it will definitely be worked it when you're done. Now let's add the final touches. I like to make the outside a little thicker by re outlining the outside of my image in another layer. This will create a nice effect and bring out your lines even more. What I also like to do is erase a few lines strokes to make them more sharper. You can do that by simply using the small brush from the race tool and erase the ends of your lines. Now both of these final touches are optional. You don't have to do them if you don't want to, and that's about it. We're done with our Leinart. 5. Filling in Lineart: so the next step is coloring our image. We're going to start with a new coloring layer. I'm going to create this layer and name it skin after name in the layer. I'll go to my selection tool, and I will also make sure my liner layer is selected. Once I select my layer, I will use my selection tool and select as much skin is possible. As you can see, I'm choosing the areas I want to color for this layer. Once we're done with that, you need to go to select, modify and expand and have it set to three. Expanding your selection will pervade any white lines. Once I'm done, I want to make sure I have ah, skin layer right under the liner layer and have the skin layer selected once again. Right now, I'm going to choose the skin color I want to use for my character, and then I was like the paint bucket tool and fill in the skin. After you're done, click select at the top of the menu and click de Select in the shop box. Once you d select everything, it is best to zoom into your area and grab a small paintbrush to make sure you feel in every little detail. Now you can continue these steps to finish filling and the rest of your character, and once you're finished, you will be good for the next step. Remember, if you're using the fill tool, you definitely don't want any open spaces in your liner. It will cause complications in your coloring. If you do run into a problem, you can just feeling your art using the brush tool and use their race or tool for any mistakes. 6. Color and Shade Final Work: So now we should have our character field to shade in detail our work. We're going to use our burn and dodge tool. In the beginning of the lesson, we learned how the Dodge Tool can lighten our image in the burn Tolkien dark in her image. So we're going to use what we learn in the beginning of the Lessing and incorporate it into our character. We want to make sure we have the layer. We want to color furs. I will select the skin layer, and I will begin using the burn tool. I am simply just sweeping over the skin until is shaded to how I like it. If I Phyllis, though I made a mistake, I will go to the history toolbox on, do my previous actions and restart. He will take some time until you're fully satisfy with settings of your burn tool, and it's best to be patient. Once you're finished using the burn tool, you can begin using the Dodge Tool. Remember to play with the settings. There was never a perfect way to set your tool. You just have to pick what really fits for your character when it comes to the hair. I like to add shadows at the top in the bottom, and I like to add highlights in the middle for the eyes. I like to use the burn tool for the pupils and I bribing everything up with the Dodge Tool . Remember, it's really about what you like and what type of character you're designing. After that, you can merge your liner in color layers together. You can simply say this as a J pack file, or you can delete the white background and save your files a PNG file. Or you can simply just save it as a PSD file. So you care through can still be used for later projects, and they have it. You have your finished digital character. 7. Create Your Project: hi, everyone for the project gallery, I'll let's see your original character designs and try to incorporate what we've learned today. Let's see the process of how you finish designed by posting and sketch finer and colored images.