adobe illustrator tutorial sketch vector

Adobe Illustrator Sketch to Vector

In Adobe Illustrator, Step by Step Adobe Illustrator Tutorials, Wacom Tablet by Jason Secrest

ADOBE ILLUSTRATOR SKETCH TO VECTOR

This is the first of our Drawing for Illustrator series using a tablet to start from the initial sketch before we bring it over into Adobe Illustrator. Adobe Illustrator from Sketch will start from a traced stock image. This will be for those who just opened up their tablet and are looking to gain a little more practice getting down your lines. We are just kicking off this series and new playlist so we are starting from square one as we ramp up into more freehand sketching and drawing tutorials. Looking to Follow Along? Download Brushes, Textures + Tutorial Resources

adobe illustrator sketch vector ice cream

HAND-EYE COORDINATION

There is an awkward blind contour feeling with the non-display tablets. The process we are showing you will work for tracing as well as when we move away from tracing to draw from a reference. The goal is to get more confidence with where you cursor is and how it applies to getting your lines down.

FROM SKETCH

Using a photo reference and pulling away from it as we adjust the opacity down from 50%-33%-16% after each step. I use stock images as a reference or starting point and then move away from the initial image to fit what I am looking for. This will be more obvious when stock images don't match your desired look/design.

THICK TO THIN MODEL

We are starting with a thick brush as we are zoomed out and we will shrink the brush as we zoom in and get more comfortable and confident with the lines we are drawing. The thicker brush will allow you to see the initial phases as we are fully zoomed out at 100%.

TABLET SETTINGS

Tablet Settings

Follow the direction on your tablet for how to install the drivers and set up first. Look for their Properties or Settings. Most of the tablet settings that I can adjust have been turned off or disabled. All of the short cuts will come from the keyboard shortcuts for Illustrator not the tablet. If you have a rather large tablet that you can't reach your keyboard then I would set up your Express keys.

Brush Settings

Once you have installed the driver, Photoshop will automatically read your tablet and convert your brushes to pressure once it recognizes your tablet pen on the tablet. There are buttons at the top control panel that you can control with pressure the opacity and flow. Any brush can be used- just click shape dynamics in the brush setting and play around with the control panel brushes. This is all personal preference.

Image
Image
Image

Adding on Line Variation using Cartoon Brushes

You will have more control over the placement and width of each of your lines using the Cartoon Brushes (Download + Install). The process will be a combination of using the Brushes to get down the initial thickness and stroke width. The second step will be modifying the placement of the variation using the so we can edit later. This 2-Step Process allows for more control over your Line Variation compared to using your Tablet with Pressure.

adobe illustrator cartoon brushes

Download Brushes

1. The Direct Download will make it very easy to download the zipped brushes file. Simply Extract All of the contents and follow along with the rest of the video.

Open Other Library

2. In your Brushes Panel, Window - Brushes. In the Bottom Left Hand Corner you will see a Brushes Library icon that looks like books. Click on it and scroll down to Other Library. Open Brush Library from folder.

Adding Line Weight

3. Depending on your own Style or preference, I would recommend adding a little more line weight to your artwork. The mistake I see a lot of beginners make is keeping the line weight at 1pt.

Cartoon Brushes

4. We have 17 Brush Libraries in our folder. You can use any one of them during this tutorial. All you have to do is line up the thin edge which will be floating in space. The Thick ends will represent our values which will be merging into other areas and strokes.

DOWNLOAD + INSTALL

ILLUSTRATOR BRUSHES

BRUSHES W/ RESOURCES $19

How to Color in Adobe Illustrator

One of the easiest and fastest ways of filling in your color is through Live Paint. Live Paint Bucket is a part of the Shape Builder Tools which builds the shapes in the exact shape you need it. Select All. Go up to Object - Live Paint - Make. If you have a grayed out Make it simply means you didn't have anything selected. I do recommend Deselecting by clicking on your artboard before clicking on a Color Swatch. *Remember Everything is still Selected so it will Color the Full Selection if you click on a Color Swatch with everything selected. Click on the Live Paint Bucket (K) and Click to Dump Color. It will feel like the Paint Bucket in Adobe Photoshop. Follow Along to more of our 50 Beginner Step by Step Adobe Illustrator Tutorials.

Popular Adobe Illustrator Tutorials

Image
Image
Image
Image
Image
Image

Adobe Illustrator Resources

Image

Download our (Updated) 200 Adobe Illustrator Brushes + Resources to Follow Along on YouTube. Many of you are coming from YouTube looking to download our (updated) Adobe Illustrator Brush Libraries. Follow Along to our Beginner Tutorials Playlist or use them with Your Own Artwork. *Our Brushes include the Anchor Point and Tablet Friendly Guides to Follow Along to our 100 Beginner Tutorials Playlist on YouTube. VIEW OUR ADOBE ILLUSTRATOR BRUSHES + RESOURCES 

Image

Download our (Full) Adobe Illustrator Resource Bundle of 200 Brushes and 400 Textures to Follow Along on YouTube. If you are looking for our Full Resource Folder with all of the Brushes and Textures. Our Resource Bundle includes our (updated) Brush Libraries and (new) BMP Textures for Adobe Illustrator. *Our Resource Bundle includes the Anchor Point and Tablet Friendly Guides to Follow Along to our 100 Beginner Tutorials Playlist on YouTube. VIEW OUR ADOBE ILLUSTRATOR RESOURCE BUNDLE

Image

Follow Along with our 100 Full-Length Adobe Illustrator Learning Modules in our Active Learning Curriculum on Teachable. If you are a fan of our YouTube Channel and Step-by-Step Format, there are 100 Full-Length Adobe Illustrator Tutorials, Challenges, and Tool-Based Workflows in our Active Learning Curriculum on Teachable. *Includes our Adobe Illustrator 200 Brushes + 400 Textures as a Getting Started Bonus. VIEW OUR ACTIVE LEARNING CURRICULUM ON TEACHABLE*