Minggu, 16 Maret 2014

Design a Shattered, Scrappy Metal Text Effect in Photoshop


In this tutorial, I will show you the steps I took to Design a Shattered, Scrappy Metal Text Effect in Photoshop. You will learn how you utilise a range of selection and transformation techniques to manipulate textures in order to form certain effect. Have a try!
This is an intermediate to advance level Photoshop tutorial. If you’re having difficulty with the steps in this tutorial, I suggest you go to the basic section of PSD Vault and practice those tutorials first, then come back and do this one.
Here is a preview of the final effect: (click to enlarge)
scrap metal text flatten 500x284 Design a Shattered, Scrappy Metal Text Effect in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas
vip sign up 250 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Ok Let’s get started!
To complete this tutorial, you will need the following stock:
Metal Texture

Step 1

Create a new document with black background (size doesn’t really matter for this tutorial, I used 1200px * 700px). Create a new layer on top of the background layer and set the opacity to around 20%, render some cloud with the cloud filter on it:
1 paint cloud 500x277 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Duplicate this cloud layer once, compress it down then rotate it as shown below with the free transform tool:
1 compress cloud 500x301 Design a Shattered, Scrappy Metal Text Effect in Photoshop
We will use this new cloud layer as a guide for our text base – so increase the opacity to around 30% for it. And you will have the following effect:

1 effect1 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Step 2

Load the metal texture image into Photoshop, use the quick selection tool to select a random piece of the texture:
2 select metal 500x323 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Copy and paste the selection into our document, rotate it a bit as shown below:
2 paste1 500x298 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Grab a soft eraser with the opacity and flow set to both around 40%, gently erase the edges of the metal texture to give it a little more depth.
Note: The following 3 screenshots indicate the Top Left, Center, and Bottom Right area of the metal texture.
Top Left Portion:
2 top left 500x397 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Center Portion:
2 centre 500x355 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Bottom Right Corner:
2 bottom left 500x291 Design a Shattered, Scrappy Metal Text Effect in Photoshop
You will have the following similar effect as a result:
2 effect1 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Step 3

Now let’s make a particle brush with this metal stock image. If you have followed psdvault.com for a while, you will know that I love making those kind of brush for all sorts of effect :)
So let’s go to the metal image, use the quick selection tool to select a few random pieces from the image, as shown below:
3 select1 500x441 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Double click the background layer to unlock it:
3 unlock Design a Shattered, Scrappy Metal Text Effect in Photoshop
Then go to Edit > Define Brush Preset to create a new brush preset:
3 define Design a Shattered, Scrappy Metal Text Effect in Photoshop
Once you defined a new brush set, press F5 and bring up the brush windows, apply the following settings:
Shape Dynamics
3 shape dyn Design a Shattered, Scrappy Metal Text Effect in Photoshop
Scattering
3 scattering Design a Shattered, Scrappy Metal Text Effect in Photoshop
Make sure you tick the “Protect Texture” option on the brush window.
Use this brush as an eraser, reduce the tip size to a small scale, erase the following areas of the metal texture on our document:
Center
3 break 500x270 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Bottom Right
3 break 2 500x314 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Top Left
3 break 3 500x394 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Then add the following two adjustment layers as clipping mask to the metal texture layer:
Levels
3 lv Design a Shattered, Scrappy Metal Text Effect in Photoshop
Black and White
3 bw Design a Shattered, Scrappy Metal Text Effect in Photoshop
Layer mask on the Black and White adjustment layer:
3 bw mask 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop
and you will have the following effect so far:
3 effect 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop
You can use this particle brush to paint around the following areas for the shatter effect:
Hint: make sure you reduce the brush tip size to a smaller scale, and set the brush flow and opacity to around 50%, DO NOT paint too much particles.
3 effect paint 500x283 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Step 4

Now let’s move to the text part. Type a letter onto the canvas as shown below: (Font choice doesn’t matter here, we only use this as a guide for our texture)
3 type 500x275 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Again we select a piece of metal texture with the Quick Selection Tool:
4 select 500x300 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Copy and paste the selection onto our document, resize and fit it to our letter:
4 paste 500x447 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Repeat the steps above and apply more metal texture to the letter:
4 paste more 500x375 Design a Shattered, Scrappy Metal Text Effect in Photoshop
When you’re happy with the shape, hide the original white text, and merge those layers and use a soft erase to remove the edges of the letter:
4 erase 500x273 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Make sure you erase the bottom of the letter as well, so it blends into the base:
4 erase 1 500x265 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Add the following 3 adjustment layers as clipping mask to the letter texture:
Levels
4 lv1 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Black and White
4 bw Design a Shattered, Scrappy Metal Text Effect in Photoshop
Layer mask on Black and White adjustment layer:
4 bw mask 500x278 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Curves
4 curves Design a Shattered, Scrappy Metal Text Effect in Photoshop
Use the particle brush we created in previous step, paint some shattered pieces around the letter:
4 shattered Design a Shattered, Scrappy Metal Text Effect in Photoshop
Here is the effect so far:
4 effect1 500x274 Design a Shattered, Scrappy Metal Text Effect in Photoshop

Step 5

We’re almost done! For some final retouches, I smart sharpen the image a bit after flattening the layers:
5 reduce noise 500x360 Design a Shattered, Scrappy Metal Text Effect in Photoshop
I also added some more particles around the base texture:
5 more effect 500x385 Design a Shattered, Scrappy Metal Text Effect in Photoshop
5 more effect 2 500x331 Design a Shattered, Scrappy Metal Text Effect in Photoshop
Plus a few more spot lights around the letter:
5 lighting 500x349 Design a Shattered, Scrappy Metal Text Effect in Photoshop
You can also adjust the contrast a bit with a brightness and contrast adjustment layer, and here is the final effect I have for this tutorial:(click to enlarge)
scrap metal text flatten 500x284 Design a Shattered, Scrappy Metal Text Effect in Photoshop
You can choose your own color scheme and experiment with the result – I used a dark red kind of effect.
That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

1 komentar:

  1. Design A Shattered, Scrappy Metal Text Effect In Photoshop ~ Celoteh Rakyat >>>>> Download Now

    >>>>> Download Full

    Design A Shattered, Scrappy Metal Text Effect In Photoshop ~ Celoteh Rakyat >>>>> Download LINK

    >>>>> Download Now

    Design A Shattered, Scrappy Metal Text Effect In Photoshop ~ Celoteh Rakyat >>>>> Download Full

    >>>>> Download LINK

    BalasHapus