Clicky

How might one achieve the effect in the attached image?

I need step by step because I don't know Illustrator that well.

I want the lines to be smooth, not pixelated or aliased or whatever you call it ... the stair stepping of the blocks...

 

    asked 11/17/2011 04:25

    knowlton's gravatar image

    knowlton ♦♦


    6 Answers:
    One way could be this:

    Start in the Window>Layers to make two additional layers to have them three in total.
    Select the top layer in the panel.

    Click with the Text tool on the artboard and type your text in the typeface you want. Make the text big like 72pt.
    In the Color panel select white fill and black stroke.
    In the Stroke panel make stroke width 1,5pt.

    Using the Selection tool, (the black arrow) and holding down the Alt and the Shift key drag the type down to left to as far as you want the shadow to get. The Alt key makes a copy to this movement and Shift key constrains the movement to 45°.

    You see now, while this copy is still selected that the top layer has a little colored square at the right. Drag this color dot down to the bottom layer. See, it changes color! You also see that this copy of the type has moved below the other word.

    Still selected, change the fill color to black in the color panel. (By selected I mean the bottom path is lit up, not the letters highlighted)
    And still selected go to Type>Create Outlines.
    Object>Ungroup

    Select the white type now and Type>Create Outlines.
    Object>Ungroup

    You see in the Layers panel that there are eyes icons and empty fields on their right. Click in the fields of the top and the bottom layer to Lock.

    Select the Pentool.
    Make sure it the color panel has black stroke but no fill. No fill is the field with the red slash.
    Select the middle layer.
    Start clicking from corner to corner as to make the shadow shape between the two words. Always finish off by clicking the last click on the point where you started to close the path.

    Every now and then you can select the paths and give it a black fill color to see how things are progressing but it's in most cases better to draw this with only black strokes and no fill because the fill would obscure some details you may want or need to see.

    Where there are curved lines, just click more frequently to cover the bends. I think it should work out for you. [the actual way to make curves in Illustrator is to click and drag, then in some distance click and drag again, but this takes some practice.]

    In the end select the paths and give them black fill, unlock the layers and you should be the master of shadow lettering.


    Hope this gets you going.
    link

    answered

    sigurarm's gravatar image

    sigurarm

    Another improved way:

    Start in the Window>Layers to make two additional layers to have them three in total.
    Select the top layer in the panel.

    Click with the Text tool on the artboard and type your text in the typeface you want. Make the text big like 72pt.
    In the Color panel select white fill and black stroke.
    In the Stroke panel make stroke width 1,5pt.

    Using the Selection tool, (the black arrow) and holding down the Alt and the Shift key drag the type down to left to as far as you want the shadow to get. The Alt key makes a copy to this movement and Shift key constrains the movement to 45°.

    You see now, while this copy is still selected that the top layer has a little colored square at the right. Drag this color dot down to the bottom layer. See, it changes color! You also see that this copy of the type has moved below the other word.

    Still selected, change the fill color to black in the color panel. (By selected I mean the bottom path is lit up, not the letters highlighted)
    And still selected go to Type>Create Outlines.
    Object>Ungroup
    Object>Path>Outline Stroke.

    Select the white type now and Type>Create Outlines.
    Object>Ungroup
    Object>Path>Outline Stroke.

    You see in the Layers panel that there are eyes icons and empty fields on their right. Click in the fields of the top and the bottom layer to Lock.

    Select the Pentool.
    Make sure it the color panel has black fill.
    Select the middle layer.

    Go to View and select the top thing there: Outline mode.
    Start clicking from corner to corner as to make the shadow shape between the two words. Always finish off by clicking the last click on the point where you started to close the path.
    Just concentrate on one side at the time.

    Every now and then you can use Command + Y or Control + Y to change between Preview and Outline mode to see how things are progressing but it's in most cases better to draw this with only black strokes and no fill because the fill would obscure some details you may want or need to see.

    Where there are curved lines, just click more frequently to cover the bends. I think it should work out for you. [the actual way to make curves in Illustrator is to click and drag, then in some distance click and drag again, but this takes some practice.]

    Changes are in bold and few lines deleted.
    link

    answered 2011-11-17 at 15:21:22

    sigurarm's gravatar image

    sigurarm

    I think I get to about here:

    You see in the Layers panel that there are eyes icons and empty fields on their right. Click in the fields of the top and the bottom layer to Lock.

    And then things begin to go badly, LOL.

    That pen tools is cool...but tricky...not intuitive for me.

    But I know a lot more about Adobe Illustrator than I did 5 minutes ago....LOL.
    link

    answered 2011-11-17 at 15:52:22

    knowlton's gravatar image

    knowlton

    I posted my reply just now before seeing your revision....let me try your improved method.....
    link

    answered 2011-11-17 at 15:53:09

    knowlton's gravatar image

    knowlton

    Here is a screen shot with a Preview on where I highlight the paths of the middle layer. You see it does not have to be to precise, just make sure to always click on the corners for a great look.
    Have to go to sleep now (as you see on the time stamp. Hope you'll be done by the time I get to the computer again.
    link

    answered 2011-11-17 at 15:54:35

    sigurarm's gravatar image

    sigurarm

    thx
    link

    answered 2011-11-17 at 16:07:18

    knowlton's gravatar image

    knowlton

    Your answer
    [hide preview]

    Follow this question

    By Email:

    Once you sign in you will be able to subscribe for any updates here

    By RSS:

    Answers

    Answers and Comments

    Tags:

    Asked: 11/17/2011 04:25

    Seen: 946 times

    Last updated: 11/22/2011 12:15