Tutorials Illustrator

8/8/2019 Tutorials Illustrator

1/27


2/27


3/27


4/27


5/27


6/27


7/27

Step 7 Type the rest of the phrase. The font Im using is Bickham S cript. As you can see, the font is very different from the font that the word "Playful" is written in. This creates a nice

range and contrast between the two. Do the same for your layout.

Step 8 Using the Rounded Rectangle Tool to draw a rectangle as shown below.

Note: You can adjust the curvature of the corners by holding the up or down arrow while you draw the shape.


8/27

Step 9Fill the rectangle with a 3-point gradient. The right-most green color helps create a slightly darker green that will frame the rectangle even more.


9/27

Step 10 Move the text over the background. In order to apply a gradient to the text you will first need to turn it into outlines. Go to Type > Create Outlines. Now, select the text and give it

a subtle grey to white gradient.

Step 11To make the text l ook even more 3D add an Inner Glow by going to Effect > S tylize > Inner Glow S elect S creen, in the Mode drop down. Enter about 75 for Opacity and set the

blur to your liking.


10/27

Step 12 Now that the letter looks somewhat rounded well take it a step further and add a drop shadow. Go to Effect > S tylize > Drop S hadow S et the Mode to Multiply (so the shadow

blends nicely with the background). S et your Opacity to about 20 and give it a bl ur of your choosing.


11/27

Step 13This is what your design should look like right now.


12/27

Step 14Well give certain faces of each letter an enhanced look by giving them gradients. First, make a copy of the letter. S elect the copy and go to Object > Expand Appearance. Now go

to Object > Ungroup. Continue to Ungroup the object until you can select the face of the object.

Step 15 S elect the face of the letter and give it a moderate red to dark-red gradient.


13/27

Step 16 You can now delete the leftover parts of the letter that you did not apply a gradient to. Place the face of the letter over the letter with the 3D effects applied to it.


14/27

Step 17 Use this same technique to create depth on any other letters that need it. For instances where the letters are blurred simply apply the same blur to the face of that letter. To see how

much blur a letter has double-click on that effect in the Appearance Palette.

Step 18 Next well give the background a random circle pattern. Draw a circle using the Ellipse Tool (L). For the purposes of this tutorial Ive used a black circle but your circle should be

white, or whatever color you want your pattern to be. Drag the circle into the Brushes Palette. The dialog in the next step will open


15/27

Step 19S elect New S catter Brush and click OK

Step 20 S elect Random for S ize, S pacing and S catter. Next, drag the small triangles to both sides of the slider for all three options. This will ensure the circle pattern is varied and not too

repetitive. Click OK.


16/27

Step 21In the Brushes Palette select the circle brush you just created. S elect the Paintbrush Tool (B) and draw an arbitrary line. Your line will be replaced by a circle pattern similar to theone below. If your circles are not as random as you like, just double-click on the circle in the Brushes Palette to change the parameters.


17/27

Step 22 Place the circles on their own layer behind the letters. Feel free to draw more lines or copy and paste the other circle pattern to build a mass of circles.

Step 23Using the Ellipse Tool draw a circle and give it a Radial fill with a 3-point gradient. Using 3-points will allow you to give the circle an extra highlight that will add to its realism.

Copy and paste this shape a few other times throughout the layout.


18/27


19/27

Step 25 Using the Pencil Tool (N) draw some erratic shapes that will function as moss or general greenery on the letters.

When youre drawing with the Pencil Tool its sometimes difficult to close the shape. The easiest way to close a shape is to hold down the Option key when you are nearing the

starting point of the shape. This will automatically close the shape.


20/27

Step 26 Add other assorted shapes and give them a green to dark-green gradient.


21/27

Step 27 To make vines Ive simply used one of the alternate characters that was included with the font Bickham S cript. If your font does not have alternate characters you can try using

parts of other letters, like an S for example. Otherwise you will need t o draw some curly shapes the old fashioned way using a Wacom Tablet and t he Pen Tool.

Step 28 Create a leaf shape in much the same manner that you did for the moss shapes. Youll get better at drawing shapes the more you practice.


22/27

Step 29To amplify the look of the leaf give it an Inner Glow by going to Effect > S tylize > Inner Glow


23/27

Step 30 This is what your layout should look like right now.


24/27

Step 31Well give the background a bit of motion by using the Pen Tool (P) to draw a shape similar to the one below.

Step 32 Duplicate the shape a couple times and adjust the Opacity to lessen the appearance of the shape. Give some of the shapes a tenuous blur to again create the illusion of some of the

swooshes being farther away.


25/27

Step 33Using the Rectangle Tool, draw a rectangle and give it a 4-point gradient with white being on both ends.

Step 34Place the gradient over the background and give it a blur. In the Transparency Palette set the shape to Multiply, so it blends well with the background. Feel free to also adjust the

Opacity if need be.


26/27

Final ImageH ere is the final image. Youve just learned how to create a vector 3D letter design. Cheers!


27/27

S ubscribe to the VECTORTUT S R SS Feed to stay up to date with the latest vector tutorials and articles

Documents

Tutorials Illustrator