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:



Log in