Stylish label vector in Adobe Illustrator

Always convenient to use a vector for the creation of one or another element of design, at the same time, our attention is always attracted by the beautiful work with typography. Well, why not take advantage of typography and create a beautiful text label vector in Adobe Illustrator. Actually that today we are going to do.Text label will be unusual, but by creating the effect of "hair" for typographic characters. This inscription is extremely stylish and is associated with a retro-style.

T Power Requirements:

Program : Adobe Illustrator CS5
Level of difficulty: Medium
Elapsed time: 2:00

Step 1

To get started is to set a font for the creation of our labels. To this effect, the text would be the best script. The next few moments is an important selection of letters for legend. If we are going to use the effect of "hair", it is necessary to consider a texture of hair. Form letters should be smoother.Accordingly, we do not fit the letters, which have sharp corners, for example, the letters M, N, V, W and Z in the Latin alphabet, and M, D, F. Thus, the requirement of one thing - it should be a letter, handwritten font which have loops and curves.

By all measures, a really good word «Style». Next, select the font itself. The choice fell on "Edwardian Script ITC". Using the Type Tool (T), insert the text on the canvas and change the font size to 300pt, and AV (spacing between letters) set 100.



Step 2

Reduce the opacity to 10% of the text and use the text as a template to start drawing the actual note with the hair. To begin draw more strokes, after which we will have "hair". This Suchai ispolzovovali Stroke Weight to 10pt and Width Profile - 1. If you are not using a version of Adobe Illustrator CS5, you can create a similar strokes with a brush Paintbrush Tool (B). This is best done using a graphics tablet. If such an opportunity you do not, then you should create strokes with the tool Paintbrush Tool (B), since you get much more control over the mouse and crooked labels, respectively.



Once you have drawn the basic strokes add more strokes over the inscription. Add a few more strokes, and the line should fully follow the contour of the letters, and be a little ragged at the ends. Experiment with the thickness of the brush.



Step 3

Select all the strokes (Ctrl + A) and go to Object> Expand Appearance, to change the shape of the strokes and pour filling. Then select panel of Unite in the Pathfinder. You will notice that, perhaps, at this point, you have several different forms instead of one. In this case, you need to create a Compound Path, by selecting all the forms (Selecting All) and then applying Object> Compound Path> Make (Ctrl + 8).




Step 4

To label was really smooth and accurate, you can add extra hair, which seemed to stand out from the chance to be a common label. The thickness of the brush, this time choose the 3pt. Besides changing the color of the intermediate gray-brown (C = 55 M = 60, Y = 65, K = 40).




Step 5

And now it's time to remember how we wrote letters, in which direction. This will help us figure out exactly how to apply the effect of "hair" and what areas will be crossed, respectively - which area will be on top and bottom of which :




Using a base of brown color (C = 55 M = 60, Y = 65, K = 40), creating a transparent linear gradient and draw shapes to figure out where the shadow will appear after application of hair. Then install the Multiply Blending Mode at 100% opacity. After that, grouping all of the gradient form (Ctrl + G).





Step 6

Create a duplicate of the "style" form a group and use the gradient to create a Clipping Mask (Ctrl + 7).Also, drag the original form, located below the layer with gradients and merge them into one group.Thus, we find an inscription in brown with shadows in places where the letters superimposed on one another.




Step 7

This is where the fun begins as we begin to phase blending strands of hair on the label. First of all, create the distinctiveness grain of hair, since hair is demonstrated irregular and not of the same type of structure. For this we use a lighter shade of brown as the color of the stroke (C = 50 M = 50, Y = 60, K = 25). Expose - Width Profile 1, 3pt Stroke Weight, mixing Multiply Mode and Opacity 30%. After that, group the strokes (Ctrl + G) and drag it to the group Clipping Mask.

Do not worry if some of the strokes overlap. In connection with the blending mode and opacity it will create a more natural look - mix of darker and lighter hair, which will allow your labels look more natural.




Step 8

Now we know. where there will be a shadow, and where the layering of the hair. Typically, the bending of hair present the most intense shine. This will now do. Well, let's create a light brown transparent radial gradient (C = 25 M = 25, Y = 40, K = 0) and use it as a fill using the Ellipse Tool (L), to do a few laps in the light curves of strands of hair. To do this, set the layer blending mode to Overlay and Opacity 15%. Then group the layers and (Ctrl + G) and place in a group Clipping Mask.



Step 9

Now I'm going to add a few lines on the bends of strands of hair with the Paintbrush Tool (B). This is done to highlight the curves. Expose: Width Profile 1, 2pt Stroke Weight with a light brown color stroke (C = 40 M = 45, Y = 50, K = 5). Also, set the Blending Mode Screen and Opacity 20%.

I'm going to add a few more strokes, using the same settings, but putting the blending mode to Color Dodge, Opacity and 20%. Then, grouping all strokes (Ctrl + G) and drag from the group Clipping Mask.




Step 10

The basic strokes have been added, now it's time to work through the shadows and dark strands. now use a different profile. At this time we expose Width Profile 5. Brown exposes the mixed color (C = 50, M = 50, Y = 60, K = 25), and set the Stroke Weight to the 3pt. Also expose blending Blending Mode Color Burn and Opacity to 30%. Working on all the strands of hair. Once again, group them (Ctrl + G) and place in a group Clipping Mask.



Step 11

You can also add shine to hair. For this set (C = 40, M = 45, Y = 5), Stroke Weight - 5pt, Blending Mode Color Dodge and Opacity to 30%.




I'm going to use the same colors and brushes, but this time setting the pre Stroke Weight on the position of 1pt. Also, select Blending Mode Lighten and Opacity 20%. Then, grouping all the steps (Ctrl + G) and drag it to the group Clipping Mask.



Step 12

After the performed steps his hair look a bit washed out and pale, so we will block some colors to enhance contrast. Draw a rectangle (Rectangle (M)) with the text, and then put in a group Clipping Mask. Set the color of the object - C = 50 M = 70, Y = 80, K = 70. Choose a blending mode to Soft Light with 100% Opacity.

Well, now is the perfect time to change hair color to any other. It all depends on your taste and desires.If you want to change the color of writing on, say, pink or blue. You just need to change the fill Rectangle (M) to any other color you wish. Then change the blending mode (Blending Mode) to Overlay, and play around a bit with the opacity of the label (Opacity), to obtain the optimal saturation of the image.



Step 13

Now, to add some extra hairs around the base so as to create the effect of some negligence in the am must be placed below the hair of Clipping Mask, so they do not overlap the existing shade of hair. We use the mixed golden-brown color (C = 40 M = 70, Y = 100, K = 50), Width Profile 4, and set the Stroke Weight to 2pt.



Step 14

The next step that we need to do is to polish the letter «L», creating a clearer outline of the loop. This can be done easily and simply - we need to cut out the shape of a layer of Compound Path, which is used to create a group Clipping Mask, with the Pathfinder> Minus Front.



Step 15

Now, add a shadow effect. So, you first need to duplicate the Compound Path, as we have just made ​​changes to the group Clipping Mask. Then drag the layer is below the layers of strands of hair.

On the outer panel create four strokes with a black stroke and set them on the Blending Mode Multiply overlay with transparency (Opacity) of 5%. The letters were more rounded corners and a smooth line passing on the joints of the letters. Then, using a crane to move the figure keyboard just to the right and down to create a shadow for the vector of 100%.

Step 16

The effect of "antique inscription" we can easily add it with a light gray background for the lettering. We use the parameters: (C = 5, M = 1, Y = 5, K = 9), with a vector texture "noise." With the help of the gradient desaturate the background image on the edges.



Add the white. Create the finishing touches with using parameters 40pt Stroke Weight "Chalk - Scribble". Set up mixing (Blending Mode Screen) with the Opacity 10%. As a result, you will see on the canvas background effect is a kind of "dirty screen" - the distortion of color on a white surface. This is exactly what we need



Step 17

Finally, add the golden-brown rectangle (Rectangle M) and brown vignette on top of the image to add a vintage effect.



Result


Author - Vector Tutsplus