My Vector Workflow

An overview of using vectors in digital design

Janos Koos
Jun 3, 2014 · 9 min read

Foreword


Setting up Illustrator (OSX)

Document Settings

Image for post
Image for post
Fig. 1 — Creating a new file

Artboard Settings

Image for post
Image for post
Fig. 2 — Layer Palette

Preferences

Image for post
Image for post
Fig. 3 Guides & Grid Settings
Image for post
Image for post
Fig. 4 Guides on a
pixel grid @ 1200%

Best Practices

Image for post
Image for post
Fig. 5 — Heart icon wireframe

Image for post
Image for post
Fig. 6 — Aligning strokes
Image for post
Image for post
Fig. 7 — Making an
outline style icon
Image for post
Image for post
Fig. 8 — Applying stroke
in practice

Image for post
Image for post
Fig. 9 — 2px Outside aligned Stroke after Expand
Image for post
Image for post
Fig. 10 — TV shape after

Inside Photoshop

Image for post
Image for post
Fig. 11

Scaling & Sizes


Image for post
Image for post
Fig. 12 — Transform Toolbar
Image for post
Image for post

Conclusion



Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store