Skip to main content

How to Color a Real Hand Drawing Using Adobe Illustrator CC

Lesson 17 from: Adobe Illustrator Mastery

Daniel Walter Scott

How to Color a Real Hand Drawing Using Adobe Illustrator CC

Lesson 17 from: Adobe Illustrator Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

17. How to Color a Real Hand Drawing Using Adobe Illustrator CC

Lessons

Class Trailer

Overview

1

Class Introduction to Advanced Adobe Illustrator CC

02:35
2

Getting Started with Your Adobe Illustrator Advanced Tutorial

01:19

Drawing

3

Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC

03:17
4

Curvature Tool vs Pen Tool in Adobe Illustrator CC

10:27
5

Advanced Pen Tool Tricks Using Adobe Illustrator CC

08:47
6

How to Draw Flowing Curves in Adobe Illustrator with the Width Tool

13:14
7

Mastering Corners with Adobe Illustrator CC Corner Widget Effects

05:27
8

The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool

23:01
9

More Shape Builder Goodness

11:02
10

Using Live Shape Effects in Adobe Illustrator CC

06:03
11

Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets

01:38
12

Drawing - Quiz

Keyboard Shortcuts

13

Advanced Keyboard Shortcuts for Adobe Illustrator CC

11:05
14

Keyboard Shortcuts - Quiz

Color & Patterns

15

Advanced Color Tips & Tricks for Adobe Illustrator CC

15:44
16

Using Color Themes in Adobe Illustrator CC

03:02
17

How to Color a Real Hand Drawing Using Adobe Illustrator CC

07:07
18

How to Use the Color Guide in Adobe Illustrator

02:47
19

How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork

04:19
20

How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh

13:36
21

How to Make Long Shadows in Adobe Illustrator CC

07:15
22

How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

03:26
23

How to Make Images Black & White in Illustrator & Mix with Color

07:44
24

How Do You Make Anaglyphic Text Using Adobe Illustrator CC

06:12
25

How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator

06:39
26

How to Create a Duotone Image Effect in Adobe Illustrator CC

07:23
27

Advanced Repeating Pattern Swatches in Adobe Illustrator CC

14:16
28

Color & Patterns - Quiz

Workflow Speed

29

How to Change The Default Font & Swatches in Adobe Illustrator CC

07:36
30

Advanced Workflow Tricks for Adobe Illustrator CC

10:52
31

Shortcuts for Aligning & Distributing in Illustrator CC Using Actions

04:28
32

How to Proof Colors in Adobe Illustrator CC

01:25
33

Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator

09:40
34

How Best to Use Illustrator With Other Adobe CC Software

08:13
35

Workflow Speed - Quiz

Typography

36

Advanced Fonts Tricks & Tips in Adobe Illustrator CC

07:52
37

How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC

08:40
38

How to Use the Touch Type Tool in Adobe Illustrator CC

02:27
39

Typography - Quiz

Strokes & Lines

40

How to Multiply Strokes to a Path in Adobe Illustrator CC

06:24
41

How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator

03:45
42

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

09:33

Depth, Perspective & 3D

43

Introduction to 3D in Adobe Illustrator CC

11:10
44

How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC

15:22
45

How to Make the Paper Cut Effect in Adobe Illustrator CC

09:35

Charts & Graphs

46

How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC

17:38

Artboards & Pages

47

Advanced Artboard & Pages Tricks in Adobe Illustrator CC

05:42

Creative Cloud

48

Advanced CC Libraries Adobe Stock and Adobe Market

09:12

Images

49

Advanced Image Tricks & Tips in Adobe Illustrator CC

07:22

Transform, Distort & Blend

50

How to Distort Bend Shapes & Type in Adobe Illustrator CC

03:39
51

How to Make a 3D Ribbon in Adobe Illustrator CC

08:58
52

How to Create Lots of Lines that Blend Together in Adobe Illustrator CC

09:24
53

How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC

11:25
54

49. How to Make a Linocut Effect in Adobe Illustrator CC

08:26
55

How to Use the Puppet Warp Tool in Adobe Illustrator CC

09:33
56

Transform, Distort & Blend Quiz

Web UI design

57

How to Use Adobe Illustrator for Web & UI Design

15:17

Animating

58

How to Make an Animated GIF Using Adobe Illustrator CC

14:52

Conclusion

59

What Next After Your Illustrator Advanced Course

01:07

Final Quiz

60

Final Quiz

Lesson Info

How to Color a Real Hand Drawing Using Adobe Illustrator CC

Hi there in this video we're going to take this kind of hand drawn done with a pencil in real life drawing and go and do this where we fill it with color easily making it all kind of victory and nice. Alright let's go and do it now in this tutorial. Okay. So there's gonna be three different types. There's going to be a hand drawn one where if I zoom in you can see like it's just kind of a pencil drawing. And and these guys here we drew earlier in the class right? And I'll show you the pros and cons working with these. So for this guy here we need to first of all vectorized them basically. It's called live trace. Okay. Say or Image Trace. If you select on them and over here there's one called Image Trace. If you're using an earlier version of illustrator, it's at the top there. Image Trace. It doesn't matter. Hey click on it and best results try different ones but normally it's just black and white logo will work. Okay. And the calling about it. If I zoom in now it's actually vector sha...

pes that I can fill. It's not quite ready because you need to expand it. Otherwise it won't work. Okay now it's lots of pieces. If I go to outline. View, command y or control Y and a P. C. It's actually victor. Now I need to color it. We're gonna use our super resourceful shape builder tool. We use it for lots of things and so with it open let's do a couple of things. Let's open up our window and our swatches now you might, what I've done for us in this tutorial is I've cleaned up, remember remember the thing we learned in advanced colored tips and tricks? I've cleaned up our swatches panel. Just so we've got the basics in here, you might get start with start mixing up colors that you want to color with. You can do them on the fly. Another thing you need to double check is if you double click this tool is that you want to make sure get detection is on small for the moment. We'll look at that in a bit more detail in a second and make sure this, I turn this off earlier in the course, basically it's the color that appears just above your cursor and I'm not a big fan of it. Cool. So all we need to do now is click on it and color it. So I'm gonna pick a starting color. Okay? And I'm gonna click on it once and it's filled with that kind of off, I should pick a slightly more specific color that you can actually see. So I've clicked on that and it just fills it up and if you're running into problems with your hand drawn type double click this and play around with the gap detection. Okay, Because you can see in here there is gaps that I've got. Is there any gaps in this one? There's a gap right there. Okay, the top. Right, And because I've got gap detection on it's going, I'm just going to fill that for you. Don't worry about it. Thank you. A couple of things I want to do to speed this up is one is the shortcut that you weren't sure is that useful back in an earlier video? Remember command on a mac or control on a Pc and h gets rid of all of that anchor points everywhere, you know, which is just tidy you up please. And another cool little shortcut when your coloring is, can you see just above my cursor there? There is actually three little dots, three little squares. The middle one's slightly bigger. If I go over here, closer to this panel here, you can zoom right in but can you see over here my curses, it's telling me that's the one I have selected. But watch when I hit my left and right arrow. Can you see I can kind of toggle through the available swatches. So it kind of makes it nice to kind of have one hand on your keyboard to go Actually I want this to be this color and then I'll go darker color in here for this. I'm just kind of using my left and right. The color pieces. If you're finding it very hard to keep zooming in, I find the kind of closer you are zoomed the easier it is to get into some of these gaps. So I'm using left and right and you can see how quick and easy it is to start coloring this thing. Don't wait, I want this color here. I know it doesn't look like much of a color. You can actually, you don't have to use these swatches. You can just use premixed color, you know, make your own. So double click this, pick a swatch, I wanna kind of color for my role here, flower thing. Okay. And you can click in here, you can see I just picked a random color really hard to get zoom right in. There we go. Come on, get you. There you go. Alright, so that is how to color it. There's a couple of things you'll end up with this white border around the outside. Okay. Which you may or might not want. I'm going to hold down the key on my pc or the option can um I can just delete them. Okay? So hopefully now we're gonna go to transparency mode. That's a shortcut. We haven't learned before. Command shift D or control shift. E goes into that kind of more Photoshop style kind of sense of opacity or transparency and allows you to know whether there's white in the background or it's blank. Okay. And let's look at some of these other guys here. Okay, Because it's going to run into a few more problems. I left a gap there on purpose. I've got some overlapping bits. So we want to tidy this up. So we've kind of moved on from live during to kind of just coloring anything and remember these aren't complete shapes, right? These big holes and this guy just kind of overlaps this so slap them all. Okay, let's go shift em for our shape builder tool and get detection is gonna be a little bit more important in this case because you'll find things like if I double click it and I make the gap detection large, can you see it's, it's detected a really large gap over here in the here. It's decided that hey, I can fill that in and if you are watching this whole tutorial series that drove me mad a little bit a little while ago. And anyway, so yeah, you might have to play around with gap detection to work it out for your particular drawing. Okay, so I'm gonna click. Okay, so let's say I want to do this again. I want to color the hair, gonna go to the green color and I'm going to color the face this color and the eyes are going to be this. Okay? But I've got all these extra bits. Okay, the overlap. So what I can do is I can hold down the key on a PC or option can Mac and just click on them. These little bits just get trimmed up. I love this so much. So call her, can you decide on how kind of detail you want to get rid of these bits? I'm just holding old, you can drag across things. Okay, so there's a kind of a pile of junk here. I'm gonna hold down bolt drag across the mall, get rid of all that is not what I wanted, kids getting rid of everything, hold on all time, gonna get rid of these guys. I said you could drag across them, it's not working very well Alright, so I'm gonna work my way through and keep coloring that there's gonna be no difference for this guy. What I'd like you to do now is go through and do it but do some maybe some nicer colors. I picked these colors, they seem like they're gonna be good. I even did a demo before I recorded this one and it looked better. Um Anyway, so remember window color themes. Find some nicer color themes. I want you to fill it, play with gap detection, delete the lines, maybe get rid of the stroke at a cool brush stroke. Yeah, I'd like to see what you've done. So either stick it here as the class project. Okay, There'll be a proper space for it here on the website but also I'd love to see just take a screenshot and send it to me on instagram or in on twitter. Alright, I will see you in the next video

Class Materials

Bonus Materials with Purchase

Exercise Files
6 Completed Files

RELATED ARTICLES

RELATED ARTICLES