Vector illustrations are known to be rather popular in web graphic澳门新葡新京是真的吗s today. Professional designers are able to create such illustrations in a matter of couple hours. If you are a beginner or an amateur, the tutorials in web-graphics would certainly be of a great use for you. The aim of this tutorial is to place in the clearest light the process of creating the chosen image. Step by step I will show the whole process and with the help of my notes I will clarify all these stages.
To create really cool image you have to choose the necessary program and to follow certain schedule. If you want to draw some vector illustrations you have to bear in mind that vector-type editors Adobe Illustrator or CorelDraw are used for this purpose. However, Photoshop has sufficient funds to draw vector illustrations. I will demonstrate it in this tutorial concerning the outlining the sketch in the vector. I have taken a sketch of a cat as the basis of this illustration. I have decided to depict blue cat with green eyes and pink flowers in its paw. Here is my final result.
Final Result Preview
Sketch I’ve used in tutorial.
Start with creating the background. Using this example, I will show you how to create the image step by step. Draw shapes with the help of Pen tool (Shape Layers) option selected. After that set up Fill = 0%. Then use the Gradient Overlay (Layer>Layer Style>Gradient Overlay …) to fill selected shape with the certain gradient. All settings are default, you only have to change the Angle (I will specify degree) and the gradient (I’ll insert the card into the picture of gradient to show you everything). Sometimes Stroke (Layer>Layer Style>Stroke…) is also added. Use all default settings except Width 1px and the color (I will澳门新葡新京是真的吗 indicate separately).
So, select the Pen tool, Shape Layers option checked. Make wireframe covering whole canvas. Set up Fill = 0% and add Gra澳门新葡新京是真的吗dient Overlay (Layer>Layer Style>Gradient Overlay …).
Paint main parts of the cat’s body in blue color: the neb with ears, body, front paw and the tail. Add Stroke to make image more intensive. Use the colors from #4f85c8 to #7ab2ee, angle -50deg for Gradient Overlay, and #2d72c5 color for Stroke.
Now it’s time to work with shapes of general ears contour. Use 66deg angle for the 澳门新葡新京是真的吗lower one and 4deg angle for the upper one.
Now give the shapes for the ear-edges. Use 16deg angle for the lower one and 34deg angle for the upper one.
Finally add details to the paws. Create oval circle of the upper finger (35deg), then oval circle for the middle finger (68deg), and oval circle for the lower finger (58deg). The next coming circle overlaps the previous one each time.
The initial corpus is done. Now let’s proceed to the second lower paw. Draw new shape (97deg angle), send it to back (Ctrl + Shift + [) and add #1d62b5 Stroke.
For the upper thumb create shape (135deg), then go down and draw oval shapes for the remaining three fingers as in step 9 (99deg, 83deg, 67deg).
You’ve finished with the main parts of the cat’s body. Now proceed to the neb. Start with the eyes. Create new dark blue shape (-168deg) for the lower section of the eye, and then light blue shape for the white of the eye (-22deg).
Now draw oval澳门新葡新京是真的吗 shape in the middle of the head (90deg) for the color part of the eye, add #599c01 Stroke. Draw the shape of the pupil over the color part of the eye (90deg). Then draw small oval shape over the pupil, which will be a blink. Use #ebfcf9 color for the gradient.
The cat is practically done. You have to add some details now. Draw the new shapes for the luxury mustaches (from top to down:-50deg, 63deg, -50deg).
And then draw two lower mustaches.
Now paint the claws for each of the fingers. Just create separate shapes in the form of small strokes. Specify the identical angle of the gradient depending on the direction of the claw. Gradient should vary from dark to light blue. Do not be afraid to vary gradients.
The last element of the illustration is the flower in the paws of the cat. Draw pedicel of the flower shape as it is shown in the screenshot, send it to back (Ctrl + Shift + [) (173deg). Then draw the shape with the petals (79deg).
Create another shape for the petals (94deg). Make it a bit larger and higher then previous in step 27. Draw oval shape for central part of the flower (76deg). Duplicate shape, move 1px upwards and to the right (99deg).
That’s all. The illustration of the vector cat is done. As you see, with the help of Photoshop you can create all vector images that you want.