In this tutorial, I will show you how you can utilise the amazing power of image adjustment layers to make colour, contrast and lighting change for any chosen image in Photoshop, by walking you through the design process of this man jumping scene.

The reason I put up this basic tutorial is that lately I have receive some requests from people wishing to learn some techniques involved in using adjustment layers.

Along the way, not only I will be using image adjustment layers techniques, but also I will show you some skills I use to create break-apart effects, pen tool and layer blendings. Have a try!

Here is a preview of the final effect of this tutorial:  (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $4.95/Month (or less)! You will not only get this PSD File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

To complete this tutorial, you will need the following stock:

Jump

Step 1

Load the “Jump” stock image into Photoshop, double-click on the background layer inside the layer pallatte to unlock it. Then create a new layer called “bg” , fill it with black colour and put it under the background layer we just unlock.

Use whatever selection tool you perfer to clear out the surroundings, and leave just the jumping man on the canvas:

It doesn’t really matter if the selection isn’t perfect. The tutorial is not about teaching you how to make the perfect human selection (However if you do want to learn, here is a tutorial for you).

Step 2

Now let’s head straight to the image adjustment layers. You will find those options under Layer > New Adjustment Layer > … , as shown below:

In this tutorial, I will be using three adjustment layers to retouch this jumping man: colour balance, curves and brightness and contrast. In my opinion, these are probably the most frequent used adjustment layers you will be using for whatever design you’re doing.

Step 3

Let’s go ahead and apply those adjustment layers. From bottom to top,

Color Balance

Curves

Brightness and Contrast

And you will have the following effect:

You will see now the colour tone and the lightness of the image are completely changed, just by adding those three adjustment layers. And the good thing about them is that you can have more flexibility if you do want to make changes later on, because the original layer is not altered.

Also, because those adjustment layers are in fact layer, you can apply mask, or change the blending mode for them, to experience different result.

Step 4

Now I will show you a quick way I use to create this cool dis-integration effect. Firstly let’s create a custom brushset.

Select a 5px, soft round brush, and apply the following brush dynamics to it:

Shape Dynamics

Scattering

and tick Noise, Airbrush and Smoothing options.

Now load the selection of the jumping man layer by Ctrl + left click the thumbnail image of that layer, click the rectangular marquee tool, then right-click inside the selection and choose “Make work path”:

Then define the Feather as 2px, and you will have the following effect:

After you made the work path, create a new layer called “stroke” and put it just under the jumping man layer, then click on the Pen Tool icon, and right-click on the work path and choose “stroke path”:

Make sure the brushset you just created is still selected and choose “Brush” in the next window, leave “simulate pressure” option un-checked.

Change the layer blending mode of this stroke layer to be “Screen” and drop the opacity to 40%. You will now have this effect:

Step 5

To create some motion for the image, we can duplicate the “stroke” layer from the previous layer once, drag the duplicated layer to the top of the jumping man layer, and apply the following radial blur:

Change the blending mode to “Hard Light” for this duplicated layer, and duplicate it once again. You will now have this effect:

Step 6

To add some more effect to the image, we can grab this Debris brushset and create a new layer just below the “Brightness and Contrast” adjustment layer, and paint some debris on it:

And that’s pretty much it for this tutorial! I added some abstract lines stretching from his arm to make this image more vibrant. This require some basic use of the Pen Tool, if you’re interested, I have a pretty neat tutorial here showing you how to make this sort of effect.

Here is the final effect I have for this tutorial: (click to enlarge)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the processes I used to design this awesome space dancer scene with Nebula Texture in Photoshop. The inspiration of the tutorial in fact came from the latest “Prince of Persia” game cover (and yes, I do love this game very much!)

Together we will be using image adjustment options, layer blending, masking and filter effect. I will also like to emphasise that it’s very importance to choose the right stock texture for your design, as they will contribute and improve your final effect dramatically.

This is an fairly easy tutorial and I hope you enjoy it! Have a try!

Here is the preview of the final result:

alternative version I have: (adjusted the colour balance and add two planets into it)

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Dancer

Nebula Texture 1

Nebula Texture 2

Step 1

Load the dancer image into Photoshop and resize the image to 1200px * 1477px. The purpose of resizing image is to make it rough the same size as the textures we’re going to apply on it.

Make a duplication of the background layer, hit Ctrl + Alt + Shift + B and apply the Black and White adjustment Tool with following settings:

Name this duplicated layer “black and white”. Make another two duplications of this “black and white” layer and change the blending mode of those two duplicated to “Hard Light”.

You will have the following effect so far:

Step 2

Load the “Nebula texture 1″ image into Photoshop, copy and paste it onto our dancer document. This will create a new layer and let’s name it “nebula texture 1″.

On this “nebula texture 1″ layer, go to Edit > Transform > Free Transform (or Ctrl + T), resize, rotate this layer as you wish, the ultimate goal is to find a position where the outer part of the nebula image is surrounding the model.

When you’re satisfied, right-click this nebula texture 1 layer and choose “create clipping mask”.

Here is the effect so far:

Now we can go on and add some image adjustments layers for the nebula layer, so as to make it more stand-out.

From bottom to top, we add the following image adjustment layers: (make sure you tick the “use previous layer to create clipping mask” option for every one of them)

Color Balance

Levels

On this Levels adjustment layer, apply the following layer mask:

Brightness and Contrast

and you will have the following effect so far:

Step 3

Load the “Nebula Texture 2″ into Photoshop, copy and paste it onto our dancer document and use the Free Transform Tool (Ctrl + T) to resize, rotate until it fits into the canvas.

Name this layer as “nebula texture 2″ and change its blending mode to “soft light” and you will have the following effect: (I hide the previous “nebula texture 1″ layer and its related adjustment layers)

To add a bit more contrast to this “Nebula Texture 2″ layer, we can add a Curve Adjustment layer  (Make sure to tick the “use previous layer to create clipping mask” option) with the following settings:

Here is the effect afterwards:

Step 4

Make all layers visible, you image should now look like this:

Now we can do some retouch of the image. I personally feel the colour contrast is a bit too much, so I add another Hue/Saturation Adjustment Layer on top of all layers, with the following settings:

You will now have this effect:

You can of course try out other adjustment tools and see what result that bring you.

Step 5

Now we can add some motion into the image. To do this, flatten the image (I would suggest before you flatten the image, save a copy of the existing file, then the save the flattened image as a new psd file), duplicate the background layer once and go to Filter > Blur > Radial Blur and apply the following options:

Change the blending mode of the duplicated layer to “Screen” and opacity to 80%, you will have the following final effect:

OK, that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Remember to always keep your own creativity!

Here is an alternative version I have: (adjusted the colour balance and add two planets into it)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the method I use to drastically change the Mood and Colour Tones for your photo via Adobe Photoshop . Along the way, I will also demonstrate an interesting method of adding misty effect to your image.

This mood/colour tones changing method can be particularly useful for images that are reletively dark and lack of colour depth. We will be using a lof image adjustment tool, masking techniques and layer blending options. Have a go!

Here is a previous of the before and after effect:

Before

After

And alternative version with reduced colour saturation:

Ok let’s get started!

To complete this tutorial, you will the following stock:

Mountain

Cloud Brush

Step 1

Load the “Mountain” image into Photoshop, duplicate the background layer once.

Now we can see there are some hard rock/stone on the left bottom corner. Because the overall effect we would like to achieve for the final image is a soft, misty mountain scene,  we should first tackle this particular area of the photo.

So on the duplicated layer, go to Filter > Blur > Gaussian Blur, apply the following settings:

Stay on the duplicated layer, add a layer mask onto it and on the mask, grab the Eraser Tool with a soft round brush setting, gently eraser the following area:

Drop the layer opacity of this duplicated layer to 55%, you can see the left bottom cornor because softer:

Step 2

Duplicate the background layer three times and drag all three duplicated layers above the previous blurred layer.

From bottom to top, change the blending mode of the first duplicated layer to “Color Dodge” and you will have the following effect:

Change the blending mode the second duplicate layer to “Multiply” and you will have the following effect:

On the third duplicated layer, change the blending mode to “Screen” and apply the following Gaussian Blur settings:

Again we add a layer mask to it, and use the Eraser Tool with a soft round brushset to erase the following area:

Drop the layer opacity to 75% and you will have the following effect so far:

You can see now the overall image is much softer than the original and this is exactly what we want.

Step 3

Now we’re onto the interesting part of this tutorial – adding the Mist! The method I use here is simply the Gradient Fill tool :)

So we go to Layer > New Fill layer > Gradient Fill and add a new gradient fill layer with the following settings on top of all other layers:

Duplicate this Gradient Fill layer Three Times.

On the first duplicated layer, apply the following layer mask:

Change the blending mode of this layer to “Screen” and drop its opacity to 35%, you will have the following effect:

On the second duplicated layer, apply the following layer mask:

Change its blending mode to “Color Dodge” and opacity to 60%, you will have the following effect:

On the third duplicated layer, apply the following layer mask: (Use the Cloud Brush we downloaded for some fine-tuning and create uneven effect)

Change the layer blending mode to “Screen” and drop the opacity to around 70%, you will have the following effect:

You will see now we have created some very realstic misty effect for our image.

Step 4

To add more depths to the image, we can add a new Curve Adjusment layer by going to Layer > New Adjustment Layer > Curves and apply the following settings:

Here is the effect after applying the Curves adjustment:

Optional: I feel the bottom part of the image is a bit dark, so I apply the following mask to this Curves adjustment layer:

And here is the effect so far:

Step 5

You may now think: umm, the top left part of the sky looks a bit empty! No problem, we can easily fix this by using the Cloud Brushes we download and add some cloud over there.

Use the Eyedropper Tool (I) and left-click the following spot:

And grab any of those cloud brushsets you like and drop its opacity to 50% and flow to 50%, create a new layer and simply paint over the empty portion of the sky:

We can further adjust the colour balance of the image a bit. So go ahead and add a new Color Balance adjustment layer (Layer > Adjustment layer > Color balance) and apply the following settings:

Shadows

Midtones

Highlights

And here is the final effect:

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!

Here is my final image for this tutorial: (I slightly adjusted the colour contrast and add some more cloudy effect ) – Click to enlarge:

And alternative version with reduced colour saturation:

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the processes I used to transform a daylight city image into a epic warzone scene in Photoshop. The inspiration of this tutorial came from a random war image I came across while reading a magazine.

Together, we will explore a variety of Photoshop techniques such as image adjustment option, a number of filter effect and some basic selection skills. This is an intermediate tutorial and some steps could be a bit tricky, but why not just have a go? ;)

Meanwhile, I would like to take this opportunity to raise the attention to the Victorian Bushfire Appeal, as you may have already known. If you would like to make a donation, you can do so throught the Australian Redcross Website.

Here is a preview of before and after images:

Before

After (Click to enlarge)

Ok let’s get started!

Step 1

Download a copy of this city image from stockvault.net and load it into Photoshop. Once loaded, duplicate the background layer once and name the duplicated layer as “Black and White”.

On the “Background Copy” layer,  hit Ctrl + Alt + Shift + B and bring up the Black and White image adjustment tool (If you’re using an earlier version than CS3, you can use Channel Mixer instead, just make sure you tick the “monochrome” option down the bottom).

Apply the following Black and White image adjustments:

Change the layer blending option of this duplicated layer to “Multiply” and you will have the following effect:

Step 2

Duplicate the “Black and White” layer once and name the duplicated layer “Curves”, hit Ctrl + M and bring up the Curves Image Adjustments, apply the following image adjustments:

Keep the blending option of this layer as “Multiply” and you will see the image darkens further:

Step 3

Now let’s add some particles on the image. Duplicate the “Curves” layer three times. On the “Curves Copy” layer, go to Filter > Distort > Glass and apply the following settings:

Change the layer blending option to “Screen” and reduce the layer opacity to 70% and you will have the following effect:

Then on “Curves Copy 2″ layer, go to Filter > Brush Strokes > Spatter and apply the following settings:

Change the blending option of this layer to “Screen”  and you will have the following effect:

Step 4

Grab the Lasso Tool and set its feather to 40px. Make a selection on the Sky area and the high rises as shown below:

While maintaining the selection, hit Ctrl + J and make a layer via copy. Name this newly created layer as “Smoke” and go to Filter > Render > Cloud and render some cloud:

Duplicate the “Somke” layer once. On the duplicated layer, go to Filter > Render > Difference Cloud. Apply this filter a few times and change the layer blending option of this layer to “color burn”.

You will see an effect similar to the following image:

Step 5

On the the duplicated “Smoke” layer, hit Ctrl + B and apply the following Colour Balance:

To reduct the noise a bit on the smoke, we can apply the following medium (Filter > Noise > Medium) settings:

You can see the noise has been reduced:

Step 6

Now we can add some fire effect to the image. Download a copy of this fire image from cgtexture.com and load it into Photoshop.

Drag the entire image on our document and name newly-created layer “fire”. Set the layer blending option to “Screen”.

Grab the Eraser Tool (E) with a big brush, erase the black part of the fire image and leave just the fire:

Then use the Clone Stamp Tool (S) with different size of brushes, flow and opacity, clone this fire until it reaches desired burning effect:

Step 7

To add a bit more dynamics to the image, I duplicate the background layer once more and put it just below the “Curves” layer in Step 2, then apply the following Radial Blur Settings:

Desaturate the layer and change its blending option to “Screen” and you will have the following effect:

Ok that’s it for this tutorial! You can of course continue enhancing the image by adding some more effects, such as filter, texture or just have a play with its hue and saturation!

Below is my final image for this tutorial: (Click to enlarge, I added a planet of the sky, adjusting the hue and saturation of image)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!

Along the way, we will use various layer blending options, some selection techniques, a number of filter effects and brush dynamics. It’s a simple tutorial suitable for Photoshop beginners. Have a try :)

Here is a preview of  my final image for this tutorial: (click to enlarge)

Here is alternative version which I added a bit of cloud and colour onto it:

Ok let’s get started!

Step 1

Create a new document sized 800 x 800 px, fill the background layer with Black Colour.

Let’s create some lighting effect for the background to work with. Use the Gradient Tool (G) tool and select the Radial Gradient options, Fill the background layer as shown below:

Step 2

Download a copy of this font from dafont.com and type some texts onto the background layer. Resize (if necessary) and position it in the centre of the canvas:

On the text layer, apply the following layer blending options:

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Gradient Overlay

Here is the effect so far:

Step 3

Donwload a copy of this rock image from cgtextures.com and load it into Photoshop.  Then go back to our document and load the selection of the our text layer (holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette):

Then drag the selection onto the rock image we just loaded:

Copy and paste the selection back to our text document and name the newly created layer “rock texture”.  You will see the following effect:

Step 4

Duplicate the “rock texture” layer once.  Hide the duplicated layer for now.

Go back to  the original rock texture layer, apply the following Black and White adjustment options:

Change the blending option of this layer to “Screen”.

Unhide the “rock texture copy” layer, change its blending option to “overlay”. The effect now should look like this:

Step 5

Pfrom the previous step, we can see the white part of the text looks like snow, but it is not realistic enough in my opinion and we can add some more texture to make it look better!

To do this, download a copy of this snow image from cgtextures.com and load it into Photoshop. Then Go back to our text document and use the same method described in Step 3 to load the text selection. This time we go one step further with the text selection: select the Rectangular Marquee Tool (M), hold down the Alt key and at the same time draw a rectangular selection for the lower part of the text. (We would like to preserve this part of the rock texture and leave the upper part for the snowy effect)

The selection will now look like this:

Hit Alt + Ctrl + D and assign a 10px feather to the selection. Drag this selection onto the snow image we just loaded, copy and paste some snow back to our text document:

If you feel there isn’t enough snow on the text, you can use the Clone Stamp Tool (S) with a small soft brush to clone some more: (Tip: load the selection of the text again, and clone inside the selection so the snow won’t go beyond the text border)

Name this layer as “snow texture” and apply the following Curves adjustment settings:

The effect so far will look like this:

Step 6

To add a bit more dynamic to the text effect, we can simply create a new layer called “falling snow”, grab a 3px soft round brush with the following brush dynamics:

Also Tick the “Smoothing” option.

On the “falling snow”, use this brush to paint around the text layer as shown below:

To add a bit of softness to the falling snow, we can duplicate the “falling snow” layer once and apply the following Gaussian Blur settings:

The effect will now look like this:

Ok that’s pretty much it for this tutorial. I added some more rocky texture down the bottom, also did minor adjustment for hue and saturation and alter the angle of the text.

Here is my final image for this tutorial: (click to enlarge)

Here is alternative version which I added a bit of cloud and colour onto it:

You can of course further enhance this text effect by applying some more filter effects, or combining it with some background texture, that’s totally up to you :)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the process I used to design this refreshing, cool-looking natural text effect in Photoshop. I was having a walk in the nearby park and suddenly had this thought coming into my mind :)

Along the way, we will be using techniques such as layer blending options, image adjustments tool and some simple selection tools. You will see how easy it is to transform an average texture image into something unique by using Photoshop. Have a go!

Here is my final result of this tutorial: (click to enlarge)

Ok let’s get started!

Step 1

Create a new document sized 1200 x 600 px, fill the background layer with Black colour. Choose a font you like (I used this font from urbanfonts.com) and type some texts onto the background layer.

This will automatically create a new layer on top of the background layer, name it “text” and position it in the centre of the canvas as shown below:

Rasterise the text once you’re satisfy with its size and position.

Step 2

On “text” layer, apply the following Layer Blending options:

Inner Shadow

Outer Glow

Bevel and Emboss

Contour

Please note there is no need for applying the Gradient Overlay.

The effect so far will look like this:

Step 3

Still on the “Text” layer, load the selection of the text by holding down the Ctrl key and left-click the thumbnail image of “Text” layer on the layer palette:

Then go to Select > Modify > Expand and expand the image by 15px, then go to Select > Modify > Feather and apply a 15px feather to the selection.

The selection should now look like this:

Step 4

Download a copy of this grass texture and load it into Photoshop. This image is of my own stock and you can use it wherever you want.

Go back to our own document and drag the selection onto our the grass texture:

Copy and paste the selection back to the our document and name the newly-created layer “Grass”. The effect so far will look like this:

Step 5

Change the layer blending option to “Grass” layer to “Hard Light”, hit Ctrl + L and apply the following level adjustments:

The effect so far will look like this:

Optional: if you would like to add more leaves and grass onto it, you may duplicate this grass layer a couple of times, and keep its blending option to “Hard Light”.

Once you’re happy with the grass texture, grab the Eraser Toll with a soft round brush (set the opacity and flow to 50%), gently erase the area where the text sits beneath so the texts can be revealed and become clearer:

Step 6

Ok now we can add some wooden texture for text so it look a bit more natural.

Download a copy of this wooden texture and load it into Photoshop. Go back to our own document and use the Lasso Tool (40px feather) and draw a selection underneath the text as shown below:

Again we drag the selection onto the wooden texture, copy a random portion and paste back to our text document and name the newly created layer “Wood”. Drag this layer below all previous layer and just above the background layer.

The effect is shown below:

Step 7

On the “Wood” layer, apply the following Black and White image adjustments (Ctrl + Alt + Shift + B) and apply the following settings:

Duplicate the “Wood” layer once and go to Filter > Brush Strokes > Accented Edges, apply the following settings on the duplicated layer:

Change the layer blending option of the duplicated wood layer to “Overlay” and duplicate it a couple of times more, you will see this adds a glowing effect to the wood texture:

Here is the effect so far:

Step 8

To add some depth the text effect, we can do a multi-select of all layers (hold down Shift key and left-click the top and bottom once respectively)

Then hit Ctrl + T and use the free transform tool and distort the text until you reach the effect shown below:

For final touchup, you can create a new layer called “cloud” and again use the Lasso Tool to draw a selection, fill the selection with Black and render some cloud in there:

And apply the following Level Adjustments (Ctrl + L) to the “Cloud” layer:

Then apply the following Curve Adjustments (Ctrl + M) settings:

Then put the “Cloud” layer just above the “Wood Copy 2″ layer, change the blending option to “Screen” and you will have the following resulting effect:

Ok that’s it for this tutorial! Hope you enjoy it and find it useful and inspirational!

Here is my final image for this tutorial: (click to enlarge)

If you have any questions, simply drop me a line below.

Cheers and have a nice day!

In this tutorial, I will show you the steps I took to transform an ordinary mountain image into a realistic volcano eruption scene with lava effect in Photoshop.

The techniques I used in this tutorial include various image adjustment tools, a number of filters, layer blending options and some basic selection skills. This is a very simple tutorial with just 4 steps, however you will be amazed with the end result. Have a try :)

Here is a before and after preview:

Before

After (click to enlarge)

Ok let’s get started!

Step 1

Download a copy of this image and load it into Photoshop. This image is of my own stock and you can use it for any purpose.

Firstly we can make the image a bit darker. To do this, duplicate the background layer once. On the duplicated layer hit Ctrl + M to bring up the Curves Adjustment Tool, apply the following settings:

Then hit Ctrl + L and bring up the Levels Adjustments Tool, apply the following settings:

Change the layer blending mode of this duplicated layer to “Multiply”. Duplicate this layer a few times, by doing so it will further darken the image.

The effect so far will look like this:

Merge the duplicated layer together once you’re satisfy with the result. Name the merged layer as “Darken Colour” and keep its layer blending mode as “Multiply”.

Step 2

Duplicate the “Darken Colour” layer once and name the duplicated layer as “colour overlay”, then go to Image > Adjustment > Channel Mixer and apply the following settings:

Then go to Image > Adjustment > Color Balance and apply the following settings:

Midtones

Shadows

Then hit Ctrl + M and apply the following Curves Adjustments:

After applying those image adjustments, change the layer blending options to “Color” and you should have the following effect:

Step 3

Create a new layer called “Lava” and use the Lasso Tool with a 40px feather to draw a selection as shown below:

Then go to Filter > Render > Cloud and render some cloud inside the selection: (Make sure you set black as background colour and white as foreground colour)

Then go to Filter > Render > Difference Cloud and apply this filter 4-5 times: (Please note your cloud effect would be slightly different from mine)

The use the Levels Adjustment Tool and apply settings similar to the following ones:

Then apply the following Colour Balance Settings:

Midtones

Shadows

To add a bit more fluid effect onto the lava, we can go to Filter > Artistic > Plastic Wrap and apply the following settings:

Change the layer blending mode of this “Lava” layer to “Screen” and you should have the following effect:

Step 4

Download a copy of this fire image (image 3) and load it into Photoshop. Press Ctrl + A to select the whole image, copy and paste the selection to our document.

Name this layer as “Explosion” and put it below the “Lava” layer.

Use the Eraser Tool to get rid of the edges and leave the burning fire bits, resize the layer by hitting the Ctrl + T free transformation Tool and move it on top of the mountain.

See Below screenshot for detailed fire position:

Duplicate the “Explosion” Layer a couple of times, resize and rotate the duplicated layers so to make some dynamic explosion effect: (Use the Levels or Curves Tool where necessary)

Here is the effect so far:

Ok that’s it for this tutorial! Although it’s a short one, I hope you find it useful and inspirational!

Below is my final image result: (Click to enlarge)

As usual If you have any questions, just drop me a comment :)

Cheers and have a nice day!

In this tutorial, I will show you the processes I used to transform an avarage day photo into a really nice golden sunset scene in Photoshop. This tutorial is inspired by this magnificant work from the Ubisoft game Fry Cry 2.

Together we will explore techniques such as layer blending, image adjustments, non-destructive photo editing, use of pen tool and various image filters. It’s an easy tutorial, have a go!

Meanwhile, if you would like to find some more info about non-destructive photo editing, I have another post here:

Bring Colour and Light out of Ordinary Image

Or if you would like to find out some basic info about Pen Tool, I have another post here.

Here is a before and after preview of this tutorial:

Before

After

An alternative Version

OK let’s get started!

Step 1

Download a copy of this image and load it into Photoshop. Duplicate the background layer Three Times as shown below:

Change the layer blending option for “Background copy”, “Background copy 2″, “Background copy 3″ accordingly:

“Background copy” – Overlay

“Background copy” – Hard Light

“Background copy” – Color

And you will have the following image:

Step 2

Duplicate the Background once more and drag the duplicated layer on top of all other previous layers, apply the following Surfuce Blur settings to it:

Change the layer blending of this layer to “Screen” – this will add a glowing effect to the image.

Step 3

Now we will seperate the sky bit from rest of the image so that we could edit it without affecting other part of the image.

To do this, hide all previously duplicate layers and go back to the background layer, use the Pen Tool to create a path around the sky portion of the image:

Then right-click and choose Make Selection, choose 0 px feather and this will transform the path into a selection:

Then hit Ctrl + J to make a layer via copy, name it as “Sky” and Drag it above all other layers. (Optional: you can use the Clone Stamp Tool to refine the edges of the sky so it fits better with the landscape.)

Apply the following Channel Mixer image adjustment to the “Sky” layer:

And the effect so far will look like this:

Step 4

Now duplicate the “Sky” layer once, apply the following Gaussian Blur settings to the duplicate layer:

Change the layer blending option to “Overlay” and this will add some extra softness to the cloud:

Duplicate the “Sky” layer once more and drag this dupcliate layer on top of all other layers, load the selection of this layer by holding down Ctrl key + Left-click the thumbnail of this layer within the layer palette, fill it with colour shown below:

Change the layer blending mode to “color” and you will have the following effect:

Step 5

Now we add some colour for the grass and the landscape as well. To do this, create a Gradient Map on top of all layers:

and apply the following settings:

Change the layer blending mode of this adjustment layer to “Soft Light” and opacity to 80%. And you will have the following effect:

Step 6

If you would like to add some more lighting and reduce the amount of the brightness of the sky a bit, you can go back to the origianl “Sky” layer, use the Eraser Tool with a big round brush and 0% hardness, erase to the parts you want:

Here is the effect so far:

Ok that’s it for this tutorial! The rest is again left upon your own creativity :)

Below is my final image for this tutorial: (Click to Enlarge)

An alternative version:

If you have any questions, just drop me a comment :)

Cheers and have a nice day!

In this tutorial, I am going to show you the steps I took to create this awesome starry text effect in Photoshop. The inspiration of this text effect comes from the EA game “Dead Space”.

Together we will practice some brush techniques, layer blending options, selection techniques and applying various filter effects.

Below is a previous of the final result:

All right let’s get started!

Step 1

Create a new document sized 1000×400px, you can adjust this ratio to suit your computer screen. Fill the Background layer with Black.

Choose a font you like, I use this font from dafont.com. Type some texts onto the document and position the text as below:

Name this layer as “Text”.

Step 2

On the “Text” layer, apply the following layer blending options:

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Gradient Overlay

Stroke

This effect so far will look like this:

Step 3

Ok here comes the tricky bit :)

Use Ctrl +  Left Mouse Click the select the text, then create a new layer on top of the “Text” Layer and call this layer “Star”. Fill the “Star” layer with Black colour and position it according to the image below:

Keep the selection alive and go to Filter > Noise > Add Noise and apply the following settings:

Optional: if you feel there is way too many star/noise, hit Ctrl + L to bring up the Level Adjustment Tool and apply the following settings:

When you finish everything with the “Star Layer”, change the layer blending option to “Soft Light” and you will have the following image:

Step 4

Create a new layer and name it “Star 2″, grab a 9px round soft brush and apply the following brush settings:

Shape Dynamics

Scattering

Texture

Dual Brush

After applying the brush settings, use it to paint gently over the text (see below image):

Step 5

Now we’re gonna add some nebula effect on the text.

To do this, create a new layer and name it “Nebula”, use the Lasso Tool with a 20px feather, select the surrounding area of the text (Tip: you can hold down the “Shift” Key while selecting and this will add to your existing selection)

Fill the selection with black colour. Go to Filter > Render > Cloud (choose white as foreground colour and black as background colour) and render some cloud.

Then hit Ctrl + L to bring up the level tool again, apply the following settings:

Drag the “Nebula” layer below all previous layers (but above the background layer) and set its fill opacity to around 80%.

The effect so far looks like:

That’s it for this tutorial! The rest is left upon your own creativity! You can add some more textures in, or create another layer with some colour over it. That’s totally up to you!

Below is my final image for this tutorial:

Hope you enjoy this tutorial and as usual, if you have any question, feel free to drop me a line!

Cheers and have a nice day!