15 Sep 2011 ♥ 6:12 pm ♥ 2 Comments
Whenever I just need small graphics and I’m too lazy to sweat over vectoring in Illustrator, I use this pen tool process in Photoshop. The difference between a vector shape and a non-vector shape is that no matter how you zoom into / “blow up” a vector shape, the quality would not change. Think of an illustrated 10 ft. x 10 ft. billboard advertisement that has no pixelized borders and shapes. That’s an example of a vector. For this “cheat” tutorial, I will teach you how to make shapes. If you master this skill, you can actually make a vector design in no time.
Doodle your design in photoshop / scan your drawing. Doesn’t matter if its edges look a bit off.
Or for practice, you could just use the image I’ve provided above.
If you plan on printing your design later on, I suggest you work on a bigger canvas (like 300 dpi).
Check your image resolution by IMAGE >> IMAGE SIZE .
Here’s my layers window. If it’s nowhere, go to WINDOW >> LAYERS
Forgive me for future confusion but I accidentally renamed the layer as “vector” (and it isn’t). Just rename this layer anything for organization. Or choose to leave it as it is.
From your tools, choose Pen Tool.
First, create a point / start a path.
(Actually, the next steps are very much the same with this tutorial.)
It would be hard at first to estimate where your next point is…but practice, practice, practice and it will come naturally.
If you don’t cut the point, your heart would like an amoeba.
Afterwards, close the path you’ve created.
On your color palette, choose the color fill you want for the object (heart).
Black heart if you’re feeling like it.
Afterwards, click the first button in the PATHS window (WINDOW >> PATHS)
Notice that if you select the path (work path), a black outline shows up.
When you unclick the work path (just click anywhere else in the “paths” window), the path border will be gone.
Continue with the wings. It’s okay if you close the path with some extra spaces like the one above. The left wing is at the back of the heart anyway. Doesn’t matter.
I “filled” the path with cottoncandy blue. If you don’t like the color / hue, you could aways change the “Color Overlay”.
To do this, RIGHT CLICK on the LAYER >> BLENDING OPTIONS >> COLOR OVERLAY.
Blend mode should be normal. Change the color fill there.
Also, if you plan on duplicating this shape, I suggest that you save this path.
From the paths window, click the upper right button and follow as shown above.
I’m enjoying this.. haha.
Create many layers as you can. Usually, I make one layer for each object. LAYERING IS HELPFUL.
You can hide your doodle base by clicking on the EYE button (visibility) in the layers window.
Add some patterns, change some colors, and here’s your product!
If you’ve successfully created a piece of digital art using this tutorial, please do share by leaving a comment! : )
Leave a Comment