Tutorial Hyperlinks: Web page 1 | Web page 2
You are watching: photoshop tutorial vector graphics
Vector artwork is REALLY widespread in the meanwhile. Everyone seems to be making vector artwork. It’s not arduous to do and also you don’t want to have the ability to draw to create it. Be warned although, vector artwork does take a variety of time and endurance. Particularly if you wish to create OUTSTANDING artwork.
On this tutorial I hope to shed some gentle on the way to make vector artwork and extra importantly the way to make actually nice vector artwork with Adobe Photoshop. We’ll be creating form layers that are vectors.
With the intention to even begin to consider doing this tutorial YOU MUST KNOW HOW TO USE THE PEN TOOL. In the event you don’t know the way to use the pen software simply do THIS TUTORIAL first, (it’s not arduous truthfully).
Don’t merge or rasterize your form layers. So long as all of your layers are form layers then you’ve got a vector piece of artwork…Which means you’ll be able to scale the unique psd up and down in Photoshop and it’ll stay good and unpixelated!! The ultimate output will NOT BE a vector file (it is going to be a rasterized jpg and many others), to output a vector file you have to use Adobe Illustrator.
To see a greater sized model of the completed vector simply click on HERE
I counsel you learn by your entire tutorial earlier than you start…
The Set Up
First you have to select the picture that you will vector. Be sure to REALLY just like the picture that you’re beginning with. You’re going to be taking a look at this picture for hours and basically your vector picture can be just like this picture. Numerous folks do vectors of their favorite musicians and actors as a kind of tribute. I believe this can be a nice concept as a result of hopefully it motivates you to truly end the factor and do a great job. Simply watch out if you end up choosing the picture that you will vector…it should be an honest measurement so that you could zoom in and nonetheless see a number of element. Something smaller than 600 x 600 pixels isn’t going to be a lot good in any respect. Greater IS higher in your number of the picture to show right into a vector.
Open your picture in Photoshop and duplicate the background layer twice. Flip off the visibility of high copy. Engaged on the center copy desaturate it (Ctrl + Shft + U) Subsequent Posterize this layer. Picture >> Changes >> Posterize… Set the extent to roughly 9 and click on OK. Rename this layer “Posterized”
Your layer palette ought to now appear to be the one proven above.
The posterized layer is barely there as a tough information for if you get caught. (Personally I all the time discover the nostril to be just a little tough and use the posterize layer to assist me). Please please please don’t use it to create your vector. In the event you do, your ensuing picture can be BLAND, BORING and LACK ANY ARTISTIC MERIT!
Flip the visibility ON for the “Background copy”. This manner you’ll simply see the trail and color gained’t get in the way in which.
Create a brand new layer (Ctrl + Shft + N) Ensure it sits under the “Background Copy” Choose the mid tone shade for pores and skin. Seize the pen software ensuring it’s set to create Form Layers (see picture under). Hint across the face ensuring that you simply shut the trail..
As soon as a form layer is full I like to show ON and OFF the visibility of high “background copy” layer simply to match the 2. Your layer palette ought to look the picture proven under. Discover that I prefer to lock layers as soon as I’m pleased with them in order that I don’t accidently transfer them.
I prefer to create the big blocked out areas subsequent.
Hint the define the hair. As a rule you need to make the preliminary shade (the bottom color) for the hair the darkest. You’ll then construct up layers of lighter and lighter colors/shades from there. As soon as you might be pleased with the layer, put it right into a set known as “hair” and lock it. I prefer to be organised so relatively than naming each new layer in a vector I prefer to organise them into units…like “hair set”, “eyebrow set”, “sleeve set’ and many others.
From the picture under, you’ll be able to see that I’ve blocked out all the primary shapes and organised my layer palette.
This vector is just a little uncommon in that her hair goes to be absolute black so I used this layer to additionally kind absolutely the areas of black on the face too.
That’s the essential arrange all carried out. Now it’s time to begin forming the options.
Forming the Options
There’s no set order wherein to create the assorted options. I prefer to work on particular space till it’s carried out after which transfer on. Having stated that although, I all the time discover just a little one thing to tweak as soon as I’m engaged on one other space…
I used a grand complete of 316 layers to kind this Bjork vector so clearly I can’t present you each step-by-step layer, however I did make an animated clip of the layers. It’s 16 hours value of labor condensed all the way down to 1 minute…don’t blink otherwise you’ll miss some layers. If the video under isn’t working attempt CLICKING HERE (or come again tomorrow).
What follows subsequent is a breakdown of some particular areas with some ideas thrown in. I’ll begin with the eyes as a result of I all the time like beginning with the eyes. They’re undoubtedly certainly one of THE most necessary areas.
THE EYES (properly really, eye on this case)
As you see, by evaluating the unique picture eye to my vector eye, I undoubtedly didn’t create precisely what was within the unique picture. It’s essential nevertheless to concentrate to the reflective high quality of the attention. I’ve used a number of layers right here to make it look semi-life-like and I work tremendous zoomed in. Additionally you’ll discover I used a fairly vivid violet color below the attention…this actually simply provides curiosity to the vector.
By no means use pure white for the eyeball. It would simply look bizarre! If there may be white wherever on the attention it is going to be within the reflective spotlight.
- Put within the fundamental shapes of the attention. Word I used Layer Fashion Inside Glow on the iris layer. Ensure the pupil is spherical through the use of the eclipse software.
Add in eyelashes (mine look a bit like cockroach legs ha ha). You may create a number of paths on a single path layer. I discover a sooner approach for shapes like that is to only create one after which duplicate it, altering it with rework and utilizing the convert level software.
Add within the highlights and many others. You may see that the spotlight has it’s opacity lowered in order that the layers under present by. By adjusting the opacity of your layers, your vector could have a higher complexity…it should appear as if there are extra layers.
This tutorial continues on the following web page >>
Tutorial Hyperlinks: Web page 1 | Web page 2