Wednesday 12 November 2014

Create Deep Space Text Effect in Photoshop

deep-space-text-featured

Create Deep Space Text Effect in Photoshop

In this tutorial, I will show you the processes of creating this Deep Space Text Effect in Photoshop. We will use a handwriting font, combine it with nebula and fire textures to form the final effect. We will also be using some selection and image adjustment techniques along the way. This is an intermediate level tutorial and 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)
space fire text flatten 550x298 Create Deep Space 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 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas
vip sign up 250 Create Deep Space Text Effect in Photoshop
OK Let’s get started!
To complete this tutorial, you will need the following stocks:
Ground image
Font
Space image 1 by Mithgariel
Space image 2 by ex-astris1701
Fire

Step 1

Create a new document sized 1400px * 759px with black background. Load the ground image into Photoshop and copy the entire image to our document, resize and perspective it as shown below:
1 pers 550x368 Create Deep Space Text Effect in Photoshop
Use a soft eraser to remove the top edge as shown below:
1 erase2 550x314 Create Deep Space Text Effect in Photoshop
Add the following adjustment layers to this ground texture:
Black and White
1 bw2 Create Deep Space Text Effect in Photoshop
Levels
1 lvs2 Create Deep Space Text Effect in Photoshop
and here is the effect so far:
1 effect2 550x319 Create Deep Space Text Effect in Photoshop

Step 2

Type some letters onto the canvas with the font we downloaded:
2 type 550x319 Create Deep Space Text Effect in Photoshop
Load the text layer’s selection, move the selection over to the “space image 1″ stock, as shown below:
2 move 550x227 Create Deep Space Text Effect in Photoshop
Copy and paste the selection over to our document and cover the original text:
2 paste2 550x199 Create Deep Space Text Effect in Photoshop
Apply the following layer blending mode to this new space texture layer:
Stroke
2 stroke 550x408 Create Deep Space Text Effect in Photoshop
Inner Glow
2 inner glow 550x324 Create Deep Space Text Effect in Photoshop
Here is the effect so far:
2 effect2 550x243 Create Deep Space Text Effect in Photoshop

Step 3

Load the fire texture into Photoshop and select the following portion with a 40px feather setting Lasso Tool:
3 sel Create Deep Space Text Effect in Photoshop
Copy and paste to the selection to our canvas, reduce its size as shown below:
3 paste1 Create Deep Space Text Effect in Photoshop
Warp this texture with the free transform tool:
3 warp Create Deep Space Text Effect in Photoshop
Apply the following Hue/Saturation adjustment to change its colour:
3 hue 550x347 Create Deep Space Text Effect in Photoshop
Attach the texture to the letter:
3 attach 550x327 Create Deep Space Text Effect in Photoshop
Continue to add the texture to cover the entire letter, make sure your rotate, warp the texture to fit the shape of the letter:
3 more 550x414 Create Deep Space Text Effect in Photoshop
Keep going until all letters are covered with the fire texture:
3 effect 550x181 Create Deep Space Text Effect in Photoshop

Step 4

We will add some special lighting effect into the image. Create a new layer and paint a small dot:
4 paint1 550x246 Create Deep Space Text Effect in Photoshop
On the same layer, use a smaller white brush to paint another dot in the centre:
4 paint 2 550x309 Create Deep Space Text Effect in Photoshop
And use the warp tool to warp it as shown below:
4 warp Create Deep Space Text Effect in Photoshop
Attach a few of these lighting stripes to the letters as shown below:
4 highlights 550x185 Create Deep Space Text Effect in Photoshop   

Step 5

We will add some extra nebula and cloud effect into our image. Select the following portion with a 30px feather Lasso Tool from “space image 2″:
5 nebula 550x271 Create Deep Space Text Effect in Photoshop
Copy and paste the selection to our document and apply the following Hue/Saturation settings:
5 hue 550x396 Create Deep Space Text Effect in Photoshop
Add 3 of these to our document as shown below. Make sure you place the layers below the text layer:
5 neb more 550x203 Create Deep Space Text Effect in Photoshop
Add one more nebula texture from “space image 1″:
5 cosmo 550x384 Create Deep Space Text Effect in Photoshop
Copy and paste the selection to our document and apply the following Hue/Saturation settings:
5 hue 2 550x393 Create Deep Space Text Effect in Photoshop
Add 2 of these to our document as shown below. Make sure you place the layers above the text layer and set the layer blending mode to “screen”:
5 add cosmo 550x234 Create Deep Space Text Effect in Photoshop   

Add some cloud effect on the ground with a cloud brush or the cloud filter:
5 cloud 550x230 Create Deep Space Text Effect in Photoshop

Step 6

For final touches, I flattened the layers and apply this unsharp mask filter settings to the background layer in order to sharpen the image a bit:
6 unsharp Create Deep Space Text Effect in Photoshop
Apply the following selective color adjustment layer on top to fine tune the colour:
6 sel reds Create Deep Space Text Effect in Photoshop
6 sel whites Create Deep Space Text Effect in Photoshop
6 sel neu Create Deep Space Text Effect in Photoshop
6 sel blacks Create Deep Space Text Effect in Photoshop

and here is my final effect: (click to enlarge)
space fire text flatten 550x298 Create Deep Space Text Effect in Photoshop
That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.
Till next time, have a great day!

Reference: http://www.psdvault.com/photo-effect/create-deep-space-text-effect-photoshop/

1 comment: