Top Banner

of 36

Copper Text In PS CS6

Mar 01, 2018

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 7/25/2019 Copper Text In PS CS6

    1/36

    inal Image Preview

    Before we get started, let's take a look at the image we'll be creating. You can view the

    final image preview below or view a larger version here.

    Step 1

    Copper is a wonderful metal. It's strong and resistant but easy to handle. Besides,

    copper is great when you're designing grunge and old-style graphics or websites. o

    here's a simple and !uick way to add this particular effect to your te"t and shapes.

    #irst, create a new black document, $%& pi"els by ()* pi"els this time. +hen decide

    where you're going to put your te"t in. I've found this image of a ruined wall, and after

    adusting the ueaturation /Command 0 12, and 3evels /Command 0 32 using the

    values of the image below, our background is ready.

    http://cdn.tutsplus.com/psd/uploads/legacy/216_Copper_Text/final-image.jpghttp://cdn.tutsplus.com/psd/uploads/legacy/216_Copper_Text/final-image.jpghttp://cdn.tutsplus.com/psd/uploads/legacy/216_Copper_Text/final-image.jpg
  • 7/25/2019 Copper Text In PS CS6

    2/36

  • 7/25/2019 Copper Text In PS CS6

    3/36

    Step 2

    ince the copper has green tones when it gets old /like the tatue of 3iberty in 4ew

    York, 152. 6e'll need to add some green details here and there, Create a new layer

    and set this color /7$58%2 as the foreground, then using a medium si9e soft brush

    draw some spots. 4e"t, change the :;reen pots: layer Blending

  • 7/25/2019 Copper Text In PS CS6

    4/36

  • 7/25/2019 Copper Text In PS CS6

    5/36

    Step 3

    >ress Command 0 5 to select all, then Command 0 ?ption 0 = to #eather the selection

    @%p".

  • 7/25/2019 Copper Text In PS CS6

    6/36

  • 7/25/2019 Copper Text In PS CS6

    7/36

    Step 4

    #ill the selection with black /7%%%%%%2 into a new layer called :#rame.: +hen go to #ilter

    A =istort A 6ave, and set the

  • 7/25/2019 Copper Text In PS CS6

    8/36

  • 7/25/2019 Copper Text In PS CS6

    9/36

    Step 5

    4ow create a new layer, name it :3ight: and fill it with a 6hite to Black /7###### to

    7%%%%%%2 eflected ;radient. +hen go to Image A 5dustments A Curves /Command 0

  • 7/25/2019 Copper Text In PS CS6

    10/36

  • 7/25/2019 Copper Text In PS CS6

    11/36

    Step 6

    4ow begins the fun partD 6rite your te"t, I'm using ockwell typeface, but you can use

    any other.

    Step 74ow let's look at the creative flow of making a layer style. 5 good point to start is adding

    a ;radient ?verlay matching the scene lightening. In this case add a five colors gradient

    /7%%%%%%, 7$)%(%%, 7(*8@%$, 7&$#%$, and 7%@%@%@2 and an 5ngle of $%E. 5lso, add

  • 7/25/2019 Copper Text In PS CS6

    12/36

    a @ pi"els ;radient troke effect using five colors /7*%8C$(, 75#8%, 7@&&8%#,

    7@&&8%#, and 78*$%*2 5ngleF -G@E.

  • 7/25/2019 Copper Text In PS CS6

    13/36

  • 7/25/2019 Copper Text In PS CS6

    14/36

    Step 8

    4ow add the shadows, first an Inner hadow, then a =rop hadow, take special care

    with the Blending

  • 7/25/2019 Copper Text In PS CS6

    15/36

  • 7/25/2019 Copper Text In PS CS6

    16/36

    Step 9

    4e"t add a Color ?verlay effect /7(&G%$2, but set the Blend mode to 3inear =odge

    /5dd2. +hen add a dimmed /?pacity $)H2 atin effect.

  • 7/25/2019 Copper Text In PS CS6

    17/36

  • 7/25/2019 Copper Text In PS CS6

    18/36

    Step 10

    +his tep may be the most important one in this tutorial process. 5dd a Bevel and

    mboss tyle, et the tyle to Inner Bevel and +echni!ue to Chisel ard, this way you'll

    get a sharpen bevel. et all the values as shown below. Increase the =epth mode to

    maybe ($@H and notice the changes to both ighlight and hadow modes.

    ?nce you add the basic Bevel style, mark the Contour checkbo" and set a ;aussian

    Contour with a ange of @%H. #inally, mark the +e"ture checkbo" and then set the

    :usted

  • 7/25/2019 Copper Text In PS CS6

    19/36

  • 7/25/2019 Copper Text In PS CS6

    20/36

    Step 11

    Command-click the :Copper: layer to select the te"t. ;o to elect A

  • 7/25/2019 Copper Text In PS CS6

    21/36

  • 7/25/2019 Copper Text In PS CS6

    22/36

    Step 12

    Create a new layer named :Inner ffects: and fill the selection with black /7%%%%%%2.

    +hen apply an Inner ;low and a atin style, using the values shown below. #inally, set

    the layer's #ill value to %H.

  • 7/25/2019 Copper Text In PS CS6

    23/36

  • 7/25/2019 Copper Text In PS CS6

    24/36

    Step 13

    =uplicate the :Copper: layer and name the copy :+e"t shadow,: then delete or hide all

    the layer styles and go to 3ayer A asteri9e A +ype. >ut the copy below the :Copper:

    layer in the layers palette, then hide the styled te"t layer for a now. 5pply a #ilter A Blur

    A

  • 7/25/2019 Copper Text In PS CS6

    25/36

  • 7/25/2019 Copper Text In PS CS6

    26/36

    Step 14

    3et's add some light rays. 1sing the ectangle +ool draw four or five parallel rectangles

    above the :3ight: layer.

  • 7/25/2019 Copper Text In PS CS6

    27/36

  • 7/25/2019 Copper Text In PS CS6

    28/36

    Step 15

    Command-click the :3ight stripes: layer miniature, then select the :+e"t hadow: layer

    and delete the selection.

  • 7/25/2019 Copper Text In PS CS6

    29/36

  • 7/25/2019 Copper Text In PS CS6

    30/36

    Step 16

    Just to improve the lighting, Command-click the :Copper: layer one more time, but this

    time fill the selection with a 6hite to Black /7###### to 7%%%%%%2 eflected ;radient

    into a new layer ust below the :3ight: layer. #inally, change the Blending

  • 7/25/2019 Copper Text In PS CS6

    31/36

  • 7/25/2019 Copper Text In PS CS6

    32/36

    Step 17

    5s a final detail, add a te"ture layer above everything else, in this case I'm adding this

    old paper sheet changing its Blending

  • 7/25/2019 Copper Text In PS CS6

    33/36

  • 7/25/2019 Copper Text In PS CS6

    34/36

    5dvertisement

    Step 18

    5 final tip, as this layer effect is ready to copy and paste in the >31 file, you can use it

    on different typefaces or shapes. If you want to apply this effect onto a small obect, it is

    better to create a big si9e te"t or shape first and convert it into a mart ?bect before

    resi9ing it. +his way you'll preserve the aspect ratio of the effect.

  • 7/25/2019 Copper Text In PS CS6

    35/36

  • 7/25/2019 Copper Text In PS CS6

    36/36

    Conclusion

    I hope you find this effect useful. 4ow it's up to you e"periment with the layer styles, or

    download the >= file from >sdtuts0 >31and copy the layer effect if you want to save

    time. You can view the final image below or view a larger version here.

    http://psdtuts.com/join-psdtuts-plus/http://cdn.tutsplus.com/psd/uploads/legacy/216_Copper_Text/final-image.jpghttp://psdtuts.com/join-psdtuts-plus/http://cdn.tutsplus.com/psd/uploads/legacy/216_Copper_Text/final-image.jpg