copper text in ps cs6
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