Sunday, May 19, 2013

Design an Awesome Electrified Metal Scrap Text Effect in Photoshop




In this tutorial, I will show you the steps I took to Design an Electrified Text Effect in Photoshop. The focus of this tutorial is show you how you can combine serveral elements seamlessly using selection and layer blending modes, in order to create an eye-catching text effect. This is an intermedia level tutorial so some steps can be tricky, but why not have a try!
Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
electric text flatten 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
OK Let’s get started!
To complete this tutorial, you will need the following stocks:

Step 1

Create a document sized 1280px * 700px with black background. We begin by preparing some background texture – Load the Scrap Texture into Photoshop and select a portion of it, copy and paste the selection onto our document, resize to fit its height and width:
1 paste 500x293 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Use a soft eraser tool to remove the edges as shown below on this scrap texture:
1 erase 500x289 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Add the following 2 adjustment layers on top of this background texture:
Black and White
1 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Levels
1 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Layer mask on the levels adjustment layer:
1 lv mask 500x273 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
and here is th effect you will have:
1 effect 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
We cloud render some cloud down the bottom with the cloud filter on a new layer, set the layer opacity to around 30-40% so we have only a subtle effect:
1 cloud 500x278 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

Step 2

Use the font we downloaded and type some text onto our canvas, make sure you use a lighter font colour on the left and darker font colour on the right, as shown below:
2 type 500x144 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Add a layer mask on this text layer and use a soft eraser with around 50% flow and opacity, fade some parts of the text as shown below:
2 erase 500x104 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Apply the following layer blending options to this text layer:
Bevel and Emboss
2 bevel 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Contour
2 contour 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Stroke
2 stroke 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Inner Shadow
2 inner shadow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Gradient Overlay
2 grad 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Outer Glow
2 outer glow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
and here is the effect you will have so far:
2 effect 500x124 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

Step 3

We will add some scrap texture over the text. We will make a selection of the text layer, load the scrap texture into Photoshop and move this selection over to the texture, copy and paste:
3 sel 500x168 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Copy an paste the texture back onto our document, move this new layer slightly to the top-right, so the original text layer is visible:
3 paste 500x130 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Add the following 3 adjustment layers as clipping mask on this new texture layer:
Black and White
3 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Levels
3 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Curves
3 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Go back to the texture layer and add a layer mask to it, use a soft eraser to remove the top half of the texture:
3 erase 500x98 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
and here is the effect so far:
3 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

Step 4

Load the lightning image into Photoshop, use a 30px feather Lasso Tool to select the centre portion as shown below:
4 sel 500x216 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Copy and paste the selection over to our document, apply the follwing black and white adjustment settings to this new layer:
4 bw 500x577 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Ten apply the following Levels adjustment settings on this lightning layer:
4 lvs 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
and you will have the following effect:
4 effect 500x156 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Duplicate this layer a few times, resize and scatter them around the text, try using “Color Dodge” and “Screen” layer blending mode for best effect:
4 attach 500x153 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

Step 5

We will add some flying metals to add some motions into the image. Let’s go back to our scrap image and select a piece as shown below:
5 sel 500x342 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Copy and paste the selection over to our docuemnt, distort it a bit and use a soft eraser to fade the edges:
5 distort 500x299 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Apply the following Levels adjustment settings to this layer:
5 lv 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Again we duplicate this layer a few times and scatter them around the canvas, apply varying layer opacities and sizes on each flying metal layer to increase image depth:
5 scatter 500x300 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

Step 6

We’re almost done :) For some final touches, I flatten the image then duplicate the background layer, apply this Accented Edges settings to the duplicated layer:
6 accent 500x350 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
This will give the text a bright edge:
6 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Add the following 2 adjustment layers on top:
Selective Color
6 cyan Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
6 white Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
6 neu Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
Curves
6 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
and you will have the following final effect: (click to enlarge)
electric text flatten 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop
That’s it for this tutorial! Hope you enjoy it and find it useful! Drop me a comment below if you have any question.
Till next time, have a great day!

No comments:

Post a Comment

TV ONE