green font illustrator tutorial

Upload: geet-kaur

Post on 03-Jun-2018

228 views

Category:

Documents


0 download

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