+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: [TUT] Metallic Copper Text Effect [TUT] (/showthread.php?tid=3034316)
Pages: Pages
1
2
[TUT] Metallic Copper Text Effect [TUT] - CodeRedHF - Nov 19, 2012
Tutorial on how to create a metallic copper text effect
Disclaimer: Spoiler (Click to View)
Final Product
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/01.jpg[/img]
Tutorial Assets
Concrete Bunker Texture
Argel Font
Palace Balls Picture
STEP 1
Create a new file. Set Width and Height to 700 px and the resolution to 72 PPI.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/02.jpg[/img]
STEP 2
Fill the canvas with the Concrete Bunker texture.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/03.jpg[/img]
STEP 3
Marge the concrete bunker texture to the background.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/04.jpg[/img]
STEP 4
Go to menu > Image > Adjustments > Hue/Saturation > use the values as shown below.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/05.jpg[/img]
STEP 5
Apply Sharpen twice: Go to menu > Filter > Sharpen > Sharpen. Add Noise: Go to menu > Filter > Noise > Add Noise > use the values as shown in the pop-up, in the left side of the image below. Create a new empty layer over the background; fill it with color code #252829. Apply Blend mode "Color" as shown in the menu, in the right side of the image below. Finally merge it to the background (Command/Ctrl+E).
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/06.jpg[/img]
STEP 6
Type the word “Angel” using the “Argel Font”, font size 310 pt, tracking 0. Select the letter “A” and set tracking to 40. All values as shown in the image below.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/07.jpg[/img]
STEP 7
Using the "Move Tool", select the text and background layer, then click the align commands: "Align Horizontal Center" and "Align Vertical Center" on the top menu to center it.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/08.jpg[/img]
STEP 8
Apply a Layer Style on the text layer (right click over the layer > Blending Options). Set Blending Options step by step as shown in the image below and click ok.
Note: to edit the Gloss Contour in the Bevel and Emboss step: click the contour thumbnail to open the Contour Editor pop-up > click in the contour mesh to add points and enter values for Input and Output.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/09.jpg[/img]
STEP 9
Copy the image “Palace Balls” from the browser, paste it over the text layer “Angel” and rename the image layer to “Reflection01.” Using the "Move Tool," select "Reflection01" image layer and background layer, then click the align commands: "Align Bottom Edges" and "Align Left Edges" on the top menu, as shown in the image below.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/10.jpg[/img]
STEP 10
Select “Reflection01″ image layer and using the “Rectangular Marquee Tool”, right click over the picture and choose “Free Transform”. Then lock the proportions with the loop icon “Maintain Aspect Ratio” on the top menu, as shown in the image below and reduce Width and Height to 70%, set Horizontal Position to 1099.2 px and set Vertical Position to -7.8 px and press enter.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/11.jpg[/img]
STEP 11
Apply a Layer Style on “Reflection01″ image layer (right click over the layer > Blending Options) and apply Gradient Overlay values as shown below and click ok, to get a metal copper tone.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/12.jpg[/img]
STEP 12
Apply Sharpen thrice: Go to menu > Filter > Sharpen > Sharpen (remember repeat this step three times).
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/13.jpg[/img]
STEP 13
Reduce Noise: Go to menu > Filter > Noise > Reduce Noise. Using the values as shown below.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/14.jpg[/img]
STEP 14
Duplicate layer “Reflection01″ and rename to “Reflection02.” After renaming it apply: Blend mode to Lighten and Opacity to 50% as shown below.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/15.jpg[/img]
STEP 15
To achieve a stunning reflection effect, select “Reflection02″ image layer and using the “Rectangular Marquee Tool”, right click over the picture and choose: Free Transform > Flip Horizontal > and reduce Width to -90% and Height to 90%, set Horizontal Position to 513 px and set Vertical Position to 108 px as shown below and press enter.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/16.jpg[/img]
STEP 16
Select the two image layers and go to menu > Layer > Create Clipping Mask. To put the reflections inside the layer font. Finally, select the two image and text layers to link them by clicking over the "Link Layers" icon at the bottom of the layers palette. To have the final text effect linked.
[img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/17.jpg[/img]
FINISHED
You have now successfully created a metallic copper text effect. You should have ended up with something like this: [img]http://d2f8dzk2mhcqts.cloudfront.net/0685_Angel/01.jpg[/img]
Once again this tutorial was NOT originally made by me. The tutorial & all other tutorials can be found on psd.tutplus.com
* - UKpower - Nov 20, 2012
Wonderful tutorial.. I have been searching this all over
* - CodeRedHF - Nov 20, 2012
No problem, really glad I could help :)
* - Zarrq - Nov 21, 2012
Used this for my homework. Thanks a lot!
* - DraculeMihawk - Nov 21, 2012
This is a great Tutorial. :) Thanks for the sharing.
* - CodeRedHF - Nov 21, 2012
No problem guys, I also released a glossy metal kit with a few colors.
https://hackforums.net/showthread.php?tid=3035025
* - Common Thief - Nov 21, 2012
Awesome tutorial. No joke. 🤝
* - Sexygoco - Nov 22, 2012
Nice tutorial, I would not have even thought of doing reflections in PS like that. :)
* - Ri¢h - Nov 27, 2012
Super great tut! Very well layed out!
* - CodeRedHF - Dec 11, 2012
Thanks for all the great feedback, really glad you guys like it :)
* - Mumble - Dec 11, 2012
This actually looks pretty nice, thanks for posting this OP. I'm going to try this out right now.
* - CodeRedHF - Dec 11, 2012
I wish you the best of luck and hope it all goes well, please post your outcome here. I would love to see it!
* - blead0 - Dec 11, 2012
great tutorial, better than the way i make metallic lettering
* - Faxe Kondi - Dec 11, 2012
Share .psd? ;)
I'd love to get it.
* - CodeRedHF - Dec 13, 2012
I'll not give out the PSD but I'll direct you to this: https://hackforums.net/showthread.php?tid=3035025