Easy Shortcuts for a Faster Illustration Workflow

By on May 2, 2016 in How To, Inspiration
Easy Shortcuts for a Faster Illustration Workflow

When you're consistently taking your artwork from paper to digital, it's important to establish a workflow that will end up saving you a lot of time. In this tutorial, I'm going to focus on scanning your completed black and white artwork and vectorizing it.

I'm sure you've read tutorials on how to vectorize your work. Heck, I've written a few myself. But having a process outlined by shortcut will save you time and make a great reference. (I can't be the only one who references my own blog posts when working on things.)

Think About Your Drawing Size

This may seem obvious, but it's something that I've learned the hard way. When you're drawing something that is ultimately going to be scanned, it helps if the piece of paper you're drawing on will fit in your scanner. I know. What I just said is ridiculous, but it's true. Don't end up with something that will require multiple scans and then stitching it together in Photoshop. Major time waster.

Scanning Your Work

Scan your work and use your presets. 300dpi at greyscale is perfect. If you've thought ahead and drew your work at 8.5" x 11", you're set to use the Letter preset.

Or, if you've got a smart phone, snap a photo of your work in good lighting and email it to yourself like I did here.

take-a-photo-or-scanPin It

Shortcuts in Photoshop

Now you're ready to work some keyboard magic.

Open your work: CMD+O

Navigate to where you scanned your drawing and open it in Photoshop.

Adjust Your Levels: CMD+L

Use the Levels dialog box to whiten your whites and darken your blacks. You want a super high-contrast drawing. Use the sliders, or use the eyedroppers. Choose the white eyedropper and click on your drawing where you want your whitest-white to be. Then choose the black eyedropper and click where you want your blackest-black to be.

adjust-levels-in-photoshopPin It

In a Rush? Use CMD+SHIFT+L

Auto levels. Boom. Though it usually pays to take the time and hand-tweak your levels like above.

auto-adjusted-levelsPin It

Select Your Work with Lasso: L

Use the Polygonal Lasso tool to draw a loose marquee around your drawing. This will allow you to only choose the parts of the drawing that you want to bring into Illustrator. And if you took a photo instead of scanning, you can use the lasso tool to avoid some vignetting that may have occurred.

select-work-using-lasso-toolPin It

Want Square? Go Marquee: M

If you don't need a fancy polygonal lasso to select your art, use M for Marquee and draw a plain old box.

Copy Your Work: CMD+C

You're copying your selection to paste it into Illustrator next.

Shortcuts in Illustrator

Open Illustrator and start a new document (CMD+N) and don't worry too much about the document size here. Just hit Enter.

Paste Your Drawing: CMD+V

Paste your drawing onto your artboard in Illustrator.

paste-your-drawing-into-illustratorPin It

Hide Your Artboard: CMD+SHIFT+H

No need to see the pesky artboard. Work with a distraction-free surface by hiding your artboard.

no-artboard-neededPin It

Select Your Art: V

Use the Selection Tool to select your pasted drawing. Then head on over to the Image Trace panel and choose Black and White Logo. Play with the Threshold, Paths, Corners, and Noise sliders as needed, until your art looks awesome.

Expand your drawing so you have outlined paths of your art.

expanded-artworkPin It

Ungroup Twice: CMD+SHIFT+G

Select your artwork again (V) and ungroup it with CMD+SHIFT+G, twice. Now delete the extra pieces of your drawing that you don't need, like the background.

Group Similar Objects: CMD+G

Some pieces of your drawing will need to be grouped. Select them with the Selection Tool (V) and hold down SHIFT to select multiples. Group the selected objects by using CMD+G.

group-similar-objectsPin It

Free Transform: E

Are some items sized poorly? Need to rotate something? Hit E for Free Transform. Hold down Shift to adjust with the same proportions. Hit V when you're done.

free-transform-to-fix-sizesPin It

Smooth Things Out: SHIFT+S

The Smooth Tool is underutilized, mostly because there's no default keyboard shortcut assigned to it by Illustrator. When paired with Image Trace, the Smooth Tool really shines.

Use the smooth tool by selecting your drawing piece (V) and then smoothing it out (SHIFT+S) by clicking and dragging over the bumpy edge using your mouse.

smooth-toolPin It

SHIFT+S not working for you? You need to set it up! The Bonus Tip: Create your own Smooth Tool shortcut by going to Edit → Keyboard Shortcuts… (Guess what, the keyboard shortcut for Keyboard Shortcuts is CMD+OPT+SHIFT+K). Find the Smooth Tool by searching for it, then assign it something easy you'll remember. I chose SHIFT+S because I wasn't using SHIFT+S for anything else. Overwrite the current shortcut if necessary.

set-your-own-keyboard-shortcutsPin It

Pesky Anchor Point Stuff Going On? Use the Direct Selection Tool: A

Select specific anchor points with the Direct Selection Tool. Click and move them around as you see fit.

A Group of Pesky Anchor Point Stuff? Use the Lasso Tool: Q

Draw a closed shape around the group of anchor points you wish to massage with the Lasso Tool to select them. Then switch to Direct Selection Tool (A) to move the group around.

use-q-lasso-tool-to-select-multiple-anchor-pointsPin It

Wrangle with the Pen Tool: P

Sometimes there is just one too many anchor points. Add and subtract anchor points with the Pen Tool (P). Finesse your lines by massaging anchor points and bezier handles.

pen-tool-can-remove-extra-pointsPin It

Finally, Save Your Work: CMD+S

Save your work and have fun with your newly vectorized drawing.

snap-finalPin It

Now, take time to reflect on how quickly you can maneuver around Photoshop and Illustrator, now that you have a solid stockpile of awesome keyboard shortcuts to save you time in your paper-to-digital workflow.


Jennifer Coyle is a Philadelphia-based UI Designer and illustrator who loves to create fonts and resources on Creative Market. She also shares tutorials and inspiration for designers and creative entrepreneurs on her blog at Hello Brio Studio. Take her Skillshare class to learn how to make your own hand drawn font.


Products Seen In This Post:


getpaidtowrite-banner

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

8 Comments

  1. This info would have come in handy a few hours ago when I had to work with a logo to prepare it for a t-shirt company. Oh well, better late than never. Thanks so much for the tips, especially the image trace. Very much appreciated!

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →