green font illustrator tutorial
TRANSCRIPT
-
8/12/2019 Green Font illustrator tutorial
1/29
Final Product What You'll Be Creating
With oil prices the way they are today, everybody is thinking Green. I have done many
projects recently that require a Green style applied to the design. In the following
Illustrator tutorial, Ill teach you how to create a Green type treatment. It works great forlogos and other design elements.
Step 1
reate a document that is !." inches by ## inches. hoose a typeface for the typetreatment $I used %elvetica &old' and type out what you want. (e)t, *utline the te)t by
going to +ype reate *utlines.
-
8/12/2019 Green Font illustrator tutorial
2/29
Step 2
With the te)t selected, create a -inear Gradient from the Gradient anel. hange thecolor of the first swatch on the Gradient /lider $left swatch' to a light green $I used these
012 values3 456, 046, 14#66, and 246'. hange the second swatch on the
Gradient /lider to a darker green $476 04#7 14#66 246'. 8se the Gradient +ool $G'
to adjust the gradient by clicking at the top of the type and dragging to the bottom of thetype so the dark part is at the bottom.
-
8/12/2019 Green Font illustrator tutorial
3/29
Step 3
(ow were going to create some leaves. /tart by drawing a leaf shape with the en +ool$'. 9gain, with the en +ool $', draw a line that starts at the tip of leaf and ends in the
middle of the bottom part of the leaf. 9fter selecting the line and the leaf shape, press the:ivide button in the athfinder anel, located on the bottom left side of the panel.
8ngroup $ommand;/hift;G' the objects so you have two separate shapes.
-
8/12/2019 Green Font illustrator tutorial
4/29
-
8/12/2019 Green Font illustrator tutorial
5/29
Step 4
/elect both shapes and create the same colored -inear Gradient as the +e)t. (e)t, select
one shape and use the Gradient +ool $G' to click and drag at a 5" degree angle across the
leaf half shape. :o this again for the other half of the leaf.
-
8/12/2019 Green Font illustrator tutorial
6/29
Step 5
With the en +ool $' draw a highlight shape on the top leaf half. hange the highlight
shape to a
-
8/12/2019 Green Font illustrator tutorial
7/29
Step 7
(e)t come the water droplets. reate an oblong ellipse with the =llipse +ool $-'. +hen
create a -inear Gradient using the same colors as the leaf and te)t. 9djust the gradient so
the dark side is on the bottom left.
reate another ellipse on top of the previous ellipse and create a
-
8/12/2019 Green Font illustrator tutorial
8/29
-
8/12/2019 Green Font illustrator tutorial
9/29
Step 8
+he ne)t couple of steps deal with creating the ladybug. reate an ellipse and fill it with a
-inear Gradient. 0ake the first swatch in the gradient a red $46 04#66 14#66 246'
and the second an even darker red $46 04#66 14#66 24>"'. 9djust the gradient so thered color is at the bottom of the ellipse.
opy $ommand ; ' the ellipse and aste it in ?ront $ommand ; ?'. :raw another
bigger ellipse that overlaps the center of the original ellipse. 9fter selecting one of theoriginal ellipses and the overlapping circle, press the Intersect /hape 9reas button in the
athfinder anel. 0ake the intersected shape a -inear Gradient with the first swatch
white and the second swatch red. 9djust the gradient so the white is at the top of theshape.
-
8/12/2019 Green Font illustrator tutorial
10/29
-
8/12/2019 Green Font illustrator tutorial
11/29
Step
:raw five more ellipses over the ladybug body shape and group them together. opy
$ommand ; ' the original body ellipse shape and aste it in ?ront $ommand ; ?'.With the copied body shape and the five ellipse selected, Intersect the shapes.
hange the dots to a -inear Gradient with the first swatch a really dark red and the
second swatch a black red. 9djust the gradient so the lightest red is at the bottom of the
combined shapes. (e)t, opy $ommand ; ' the top highlighted shape of the body andaste it in ?ront $ommand ; ?'.
opy $ommand ; ' the dots and aste it in ?ront $ommand ; ?'. /elect the copied
highlight and one of the dots copy and Intersect them. reate a -inear Gradient with thefirst swatch at 76@ black and the second at A6@ black. 9djust the gradient so the lighter
black is at the top of the shape.
-
8/12/2019 Green Font illustrator tutorial
12/29
Step 1!
reate another ellipse for the ladybugs head. reate a gradient the same as the top dots
gradient and send the head behind the body shape. :raw an antenna shape with the en
+ool $' and place it behind the head. opy $ommand ; ' the antenna and aste it in?ront $ommand ; ?'.
-
8/12/2019 Green Font illustrator tutorial
13/29
:raw an ellipse roughly the siBe of the completed ladybug. reate a
-
8/12/2019 Green Font illustrator tutorial
14/29
Step 12
9fter selecting the leaf and all the elements on it, place them over your te)t. I placed
mine over the first letter of the word.
Step 13
opy $ommand ; ' the leaf and elements, e)cept the lady bug, and aste $ommand ;
D'. ?lip the leaf horiBontally and scale down the leaf. When scaling you dont have to
constrain the proportions, this helps the leaf look different from the other.
-
8/12/2019 Green Font illustrator tutorial
15/29
-
8/12/2019 Green Font illustrator tutorial
16/29
Step 14
?or the other leaves we are going to create an 9rt &rush. 1ou can draw these elements
with the en +ool $', but youll find it more consistent and easier to use a brush.
:raw an oblong ellipse. +hen with the :irect /election +ool $9', select the right anchor
point in the ellipse. When you select an anchor point the ontrol anel will default to the
9nchor oint *ptions. onvert the anchor point to a orner $the first button to the right
on the ontrol anel'. :o this again for the left anchor point. (e)t, squish the ellipsedown from the top to half its original siBe.
-
8/12/2019 Green Font illustrator tutorial
17/29
Step 15
:rag the oval into the &rush anel and choose (ew 9rt &rush. In the 9rt &rush options
change oloriBation to +ints. +his lets you change the color of the brush without creatinga new brush. 1ou dont need to change the colors of the brush strokes for this tutorial, but
it is good practice.
-
8/12/2019 Green Font illustrator tutorial
18/29
-
8/12/2019 Green Font illustrator tutorial
19/29
Step 16
With your new brush, make a swirl shape for a leaf blade. 1ou might need to change the
stroke of the brush if it looks to small or too big. When you get a stroke you like, go to
*bject =)pand. 1ou will also want to clean up the unfilled stroke. 9n easy way to dothis is to go *bject ath lean 8p. 9lso, make sure all the check bo)es are checked
and press *2.
-
8/12/2019 Green Font illustrator tutorial
20/29
Step 17
-
8/12/2019 Green Font illustrator tutorial
21/29
/elect the e)panded brush shape and create a -inear Gradient with the same swatches as
the original te)t gradient.
Step 18
-
8/12/2019 Green Font illustrator tutorial
22/29
Step 1
(e)t were going to add some more water droplets around the te)t. /imply opy
$ommand ; ' the droplets on the leaf you already made and aste $ommand ; D'them around the te)t. 9lso, be sure to vary their siBe and shape.
Step 2!
(ow it is time to work on the dirt at the bottom of the te)t. :ouble click on the encil
+ool $(' in the +ools anel to bring up the encil +ool *ptions. hange the ?idelity to "
to get really smooth lines.
8se you encil +ool $(' to draw a small circular shape. ress 9lt before you let go toclose the shape. (e)t, create a " 0476 14!6 24E"' and the e)terior swatch a dark brown color $4"6 04F6
14!6 24F6' . lace the spot on the first letter of your word. /cale the dot down smallerthan one of the droplets.
-
8/12/2019 Green Font illustrator tutorial
23/29
-
8/12/2019 Green Font illustrator tutorial
24/29
Step 21
-
8/12/2019 Green Font illustrator tutorial
25/29
Step 23
:raw a
-
8/12/2019 Green Font illustrator tutorial
26/29
-
8/12/2019 Green Font illustrator tutorial
27/29
Step 24
-
8/12/2019 Green Font illustrator tutorial
28/29
Final "#age
(ow you have a nice Green type treatment
-
8/12/2019 Green Font illustrator tutorial
29/29