Folded Typography

download Folded Typography

of 9

Transcript of Folded Typography

  • 8/8/2019 Folded Typography

    1/9

    So the first thing we are going to do is to

    open a new file in Photoshop, this one is 1200x 400 pixels, write down abduzeedo using bigfonts, I just used Verdana Bold you can use

    any font of your choice.

  • 8/8/2019 Folded Typography

    2/9

  • 8/8/2019 Folded Typography

    3/9

    We already have the letter A on a newlayer now we are going to select the part thatwe want to fold it, I like to use the Polygonal

    Lasso Tool (L) and select part of the letterthat I want to fold it.

  • 8/8/2019 Folded Typography

    4/9

    Now that we have a selection we are going tocopy the selection by hitting Ctrl + C and

    then delete the selection on the layer A,paste it by hitting Ctrl + V, when you paste it

    note that it will be on a new layer so name

    that A-fold as you can see here.

  • 8/8/2019 Folded Typography

    5/9

    First lets change the color of it, go to Image> Adjustment > Hue Saturation (Ctrl+U) bring

    the Saturation to -100 and Lightness to +60to give a gray color so it looks like the back

    of the letter is folding and go to Edit >Transform > Flip Vertical (note that becausewe are folding from up to down, if it was side

    do side we would have to flip it horizontal)and then we have to Edit > Transform >Rotate and make sure we rotate the folded

    area exactly on the angle we want, make sureyou place it right where its folding as you

    can see on the image.

  • 8/8/2019 Folded Typography

    6/9

    Now that the folded part is on the right placewe are going to make it look a little more real

    by adding some shadow, first hold Ctrl andclick on the A-fold layer, that will select ourfolded part, now create a new layer and nameit A-fold-shadow. Using the Gradient Tool Linear Gradient with the color black apply it

    on the same angle as the top of the foldingarea as you can see on the image, if neededreduce the opacity of the layer so the shadow

    will be smooth.

  • 8/8/2019 Folded Typography

    7/9

    Go back on the A-fold layer and go to Layer

    > Layer Style > Drop Shadow and reduce theOpacity from 75% to 25% and try to adjustthe angle to be the same as the folding area,I set mine to 135, also reduce the Distance to

    2px, and the rest can remain the same.

  • 8/8/2019 Folded Typography

    8/9

    Our last step on the letter A will be to go

    back on the A layer, hold Ctrl and click on itto select the A we have, create a new layer(name it A-shade) and with the Gradient Tool Linear Gradient with the color black apply it

    from the bottom up, change the layer modeto Overlay.

  • 8/8/2019 Folded Typography

    9/9

    Our first letter is done, now we are going torepeat pretty much the same steps on each

    letter to get to the end with a good result. Toget more organized put all the A layers into

    a folder called A and start working thesame process on the letter B and so on.

    At the end delete the text layer abduzeedo

    and you done! Hope you guys like it.