The purpose of this tutorial is to show you the use of the cloud filter to create various effect, such as light and shadow, as a result bringing more depth to your text effect.

I personally love the cloud filter and I think it’s so versatile and you can use it to generate amazing effect and spice up your design. The trick is how you apply it and what other options do you use to combine it with (such as selection tools, other filter effects, or layer blending mode).

Here is a preview of the final effect:

Alternative darker version: (I adjust the brightness and contrast of the final effect, and some abstract texture to it)

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

Ok let’s get started!

Step 1

Create a new document sized 1400px * 600px (in fact size doesn’t really matter much in this tutorial), fill the background with the following gradients:

Personally I like to start with a gradient background with light grey, as it helps setting the mood for the text effect later on we will be created.

On the canvas, type a letter on the centre with a big bold font (I chose this font) as shown below:

On the text layer, apply the following blending options:

Inner Shadow

Gradient Overlay

Pattern Overlay

and you will have the following effect so far:

Step 2

Duplicate the text layer three times, disable the layer effects for those duplicated layers and put them below the original text layer. Alter the font color a bit and adjust the position of the text to the left and right of the original text layer a bit.

Your result should be looking similar to the following screenshot:

Then on each duplicated layer, add a layer mask respectively and erase a portion of the text with a soft brush on the spots as shown below:

The ulimiate goal of this step is to blend the edge of the text with the surrounding, so we can get ready for the next step.

To further increase the depth of the text, we can make a copy of any one of the duplicated text layer, replace the font color with a dark one, apply the following Gaussian Blur to the text layer: (Make sure this layer is beneath the original text layer)

You will have followin effect:

Step 3

Create a new layer on top of all previous layers called “cloud” and grab the Lasso Tool and draw a selection with 25px feather around the text, as shown below:

Go to Filter > Render > Cloud and render some cloud inside it (with white as foreground colour and dark grey as background colour)

Hint: try experimenting with different feather settings for the Lasso Tool, you will see by changing the feather, the cloud with become either thinner or thicker.

Once you finish with the rendering, resize the cloud and position it as shown below:

Duplcate the cloud layer once and position it to the lower position as shown below:

Change the blending mode of both cloud layer to “Hard Light”, you will have the following effect:

Step 4

Duplicate the cloud once more and name the duplicated layer as “shadow”, put it just above the background layer,  hit Ctrl + I to invert the colour and position it on the bottom of the text.

Change the blending mode of the shadow layer to “Normal” and opacity to 40%, you will have the following effect:

Duplicate the Cloud layer once and put it above all previous layer, rotate it to around 60 degree and apply the following motion blur setting to the duplicated layer:

Name this layer as “Light”.

Change the blending mode of  this light layer to be “overlay”, duplicate it a few times and drag them around the text, and you will have the following effect:

Step 5

OK now we can do some fine tuning to the text by adding a Curves adjustment layer to it:

and add some colour over the text by adding another layer on top of the curves adjustment layer with the “overlay” blending mode. Here is my final effect for this tutorial:

Alternative darker version: (I adjust the brightness and contrast of the final effect, and some abstract texture to it)

Ok that’s it for this tutorial! Hopefully I gave you some ideas about the cloud filter and how you can use it for creating light, shadows and adding more depth to text effect.

Till next time, have a great day!

I was just playing around with the Photoshop the other day and discovered this funny effect by accident, thought it looks good and perhaps can be added to some of the photo effect you’re creating, or use it as some sorts of website background.

Along the way, we will be using the brush tool, filter effects, layer blending and some image adjustments. The steps of this tutorial is extremely simple and will be suitable for a PS beginner. Have a try!

Here is a preview of the final effect I have: (click to enlarge)

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

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

Crack Brushset

OK let’s get started!

Step 1

Create a new document sized 1000px * 600px, fill the background layer with black colour. Create a new layer on top of the background and called it “light”, grab a 600px soft round brush with white colour, do a single click on the position shown below:

Then Hit Ctrl + T and free-transform this light layer as shown below:

Reduce the layer opacity of this light layer to around 85%, you will have the following effect:

Step 2

Drag this “light” layer to the centre of our canvas, then go to Filter > Distort > Twirl and apply the following settings:

And you will the following effect:

Duplicate this layer a few times, try using the free-transform tool on different layers to create depth and shape variations. Here is the effect I can after the duplication and free-transformation:

To bring out more lighting contrast, I added the following Curves adjustment layer on top of all previous duplicated layers:

and here is the effect so far:

Step 3

I then decided to have a try and see if I add some cloud to those shape, what effect that can bring me. So I create a new layer called “Cloud”, use the Lasso Tool with a 25px feather to draw a selection, then go to Filter > Render > Cloud and render the cloud as shown below:

Change the blending mode of this cloud layer to “Soft Light” and you will have the following effect:

Download a copy of this crack brushset and create a new layer called “crack” on top of all layers, change its blending mode to “Overlay”, grab any crack brush from the set and paint on it.

You will have this effect (or similar) so far:

Step 4

Now let’s add some colours to those shapes we created. To do so, simply create a new layer on top of all previous layers, change the new layer’s blending mode to “soft light”, and grab a big soft brush with some colour and paint on it:

To add a bit of extra lighting depth to the image, I simply duplicate the original “cloud” layer and drag the duplicated layer to the top, change its blending mode to “Vivid Light”, and apply the following motion blur settings to it:

Duplicate this motion blur layer a few times and drag each duplicated layer to different position of the canvas. You will have the following effect:

To touch up the image, I finally added this following curves adjustment layer:

with the following mask attached to it:

And this is the final effect I have for this tutorial: (Click to enlarge)

That’s all for this tutorial! Hope you enjoy it and find it useful and inspirational! Cheers and have a great day!

Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design.

The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!

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

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

OK let’s get started!

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

Font

Brushset

Step 1

Create a new document sized 1200 * 1700px, fill the background layer with black colour. Create a new layer on top of it and grab the brushset we just downloaded and paint some grungy texture as shown below:

The trick here is to set your brush flow and opacity to a reletively low level, both around 30% – 40%, and vary the brushset size when you paint. Also don’t stick with one brushset, try mixing different ones together and see what result that brings you.

If you want to skip this step, you can simply download a copy of this background texture here.

Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it:

To adjust the lighting contrast a bit, we can add a Curves adjustment layer on top of all previous layers:

and here is the effect so far:

Step 2

Use the font we download before, type and position the text as shown below: (Use a dark gray colour as font colour)

Tips: type the texts on seperate layers, use the free transform tool (Ctrl + T) to rotate and fit them together.

Once you’re happy with the position, rasterise and merge those text layers and apply the following layer blending option to the merged layer:

Drop Shadow

Bevel and Emboss

Gradient Overlay

and you will have the following effect:

Now we’re in the fun part of this tutorial – Duplicate this merged text layer five times, and set each layer’s opacity as shown below:

Use your up and right arrow key on your keyboard, repeatly type them until each layer seperates from each other and form this effect as shown below:

Step 3

Load the selection of the last text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge settings:

Maintain the selection, create a new layer called “cloud” and render some cloud in it: (Black and White colour)

Duplicate this cloud layer three times, and drag the last text layer on top of the duplicated cloud layer, you will have the following effect:

Duplicate the cloud layer twice, and drag the two layers on top of text layer, change their blending mode to “overlay” and you will have the following effect:

Step 4

Now we can add some colours onto the image to spice it up a bit. To do this, I simply create a new layer called “colour 1″ on top of all previous layers, and grab a big soft round brush and select some colour I like to paint over it:

Change the blending mode of this layer to “overlay”.

I also want to highlight the edge of the grungy background, so I add another layer called “colour 2″ and grab a brown colour brush to paint around the edges:

Set the blending mode of this layer to “colour dodge”.

You can also highlight some part of the text, simply create another layer called “highlight” and grab a white soft round, big size brush and paint over desired area:

Change thie blending mode of this layer to “soft light”.

For final refinement, I added two adjustment layers on top of all previous layers:

Curves

Colour balance

Apply the following mask to the colour balance adjustment layer:

Overall, you will have the following effect:

Ok that’s pretty much it for this tutorial! Of course this doesn’t stop you from enhancing it and put it some your own creativity to it.

I further added some lines and apply some of this brushset around the edge of the text.

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

That’s it for this tut! Hope you enjoy this tutorial and find it useful and inspirational! Cheers and have a great day!

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 for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

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!

Along the way, we will be practicing a lot of layer blending technques, applying texture, selection technique, and an interesting method to create snowy/foggy effect.  Have a try!

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

Alternative version: (click to enlarge)

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

Ok let’s get started!

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

Ice Grunge Brushset

Font

Ice Package

Step 1

Create a new document sized 1000px * 600px, leave the background colour as white, and let’s firstly make a background to work on.

Grab the Ice Grunge Brushset we just downloaded, paint around the edges of the background layer as shown below: (tip: set the opacity and flow of the brush to around 50%, and try to use a variety of brushes in the set so we can have a mixture of patterns)

Optionally, you can apply the Star Brushset for extra effect.

We can now add some cooling effect to the background. To do so, I added two adjustment layers to it:

Colour Balance

Brightness and Contrast

and here is the effect so far:

Step 2

Use the font we just downloaded and type some texts onto the document:

Apply the following layer blending option to this text layer:

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Color Overlay

Gradient Overlay

Pattern Overlay

Stroke

and you will have the following effect:

Step 3

Load any one image from the Ice Package into Photoshop (I chose the ice6_0174 image), select a distinct portion of the image use the Rectangluar Marquee Tool, copy and paste the selection onto our document, rotate it slightly as shown below:

Rename this layer as “Icy Texture right” and change its blending mode to “Screen”, use the ice brushset we download to erase the edge of this layer so only the centre part of the image remains:

Duplicate this “Icy Texture right” layer once and drag the duplicated layer to the left, rename the layer as “”Icy Texture Left”, keep the blending mode as “Screen”, and you will have the following effect:

Step 4

Now let’s create some shattered ice around the text.

Load a different image from the ice package into Photoshop (I chose ice6_0176.jpg file) and use the same method as described above, select a portion of the image, copy and paste it onto our document, and put it just beneath text layer:

Use the ice grunge brushset to erase the edge and leave just the bits in the centre. (Tip: repeatly left-click the centre of this image for the shattering effect)

Rename this layer as “Background Ice Texture Right”, Add the following adjustment layers to this layer (make sure to tick “use previous layer as clipping mask” option)

Black and White

Colour Balance

and you will have the following effect:

Duplicate the above three layers, and drag them to the left, you will have the following effect:

And we can add some extra effect under the text. To do this, grab the Ellipitical Marquee Tool with 20px feather, create a new layer just below the text layer, draw a selection as shown below:

Maintain the selection, again grab the ice brushset we downloaded, paint inside the selection. You will have the following effect:

Step 5

Now we can fine-tune the image a bit. Firstly, we flatten the image (don’t forget to save a copy of the original before flatten it) and duplicate the background layer once, apply the following motion blur settings to the duplicate layer:

Now we come to the interesting part: change the blending mode of this duplicated layer to “Pin Light”, keep the opacity of this layer to 100%, and hit Ctrl + T and resize the duplicate layer as shown below:

Erase the edges of the duplicated layer.

You can see by doing so, we created a nice snowy/foggy to our icy text.

Now we can finalise the image by adding the following adjustment layers:

Curves

Hue/Saturation

Colour Balance

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

That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.

Here is an alternative version I have after I change a few things (Decided to give it a darker/groovy theme): (click to enlarge)

Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.

Till next time, have a great day!

Along the way, we will be using tons of layer blending techniques, and I will show you how to merge the images together effectively and efficiently. We will also explore skills such as masking, filter effects and various custom brushsets.

This is an intermediate-level tutorial, have a try!

Here is a preview of my final effect for this tutorial: (Click to enlarge)

Alternative version

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

OK Let’s get started!

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

Desert

Mist Brushset

Misty Rock

Sunset Sky

Distant City

Star Brushset

Lightning

Step 1

Create a new document sized 1280px * 800px, leave the background colour as White. Load the “Desert” stock image into Photoshop, copy and paste the entire image onto our document, position it as shown below:

Name the new layer as “Desert”, add a layer mask onto it. On the layer mask, use the “Mist Brushset” we have just download (any brush in the set), erase the top part of the image as shown below:

This will form a nice misty effect for the image and make it easier for the layer blending later on:

Now duplicate this “Desert” layer once and on the duplicated layer, go to filter > blur > gaussian blur and apply the following settings:

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

Now we have a very nice, dusty and misty desert scene with a lot of room to expand our imagination.

Step 2

To further adjust the colour balance and contrast of the desert, I add the following three adjustment layers on top of the previous two layers: (from bottom to top)

Color Balance

Curves

Levels

and you will have the following effect:

Step 3

Now I feel that only the desert is a bit boring, so I decided to add some object into it so to create some depth for the image. So let’s load the “misty rock” image into Photoshop, copy and paste the entire image onto our document and name the new layer as “rock”, apply the following mask on the rock layer:

Change the layer blending mode of this layer to “Hard light”, you will have the following effect:

Add a Black and White adjustment layer on top of this rock layer, make sure to tick “use previous layer as clipping mask” option:

Then duplicate the “rock” layer once and drag it to the top, change the blending option of the duplicate layer to “overlay”, you will have the following effect so far:

Step 4

Load the “Sunset Sky” image into Photoshop, copy and paste it onto our document and name this new layer as “sky”, resize and position it as shown below:

Add a layer mask to this sky layer, on the mask, use a soft round brush to gently erase the bottom part of the sky layer, as shown below:

and you will have the following effect:

Add the following two adjustment layers to the sky layer, make sure to tick “use previous layer as clipping mask” option:

Color Balance

Curves

Then duplicate the original Sky layer once and drag it to the top. On the first duplicated sky layer, apply the following motion blur setting to it:

After applying the motion blur filter, duplicate this layer once and change the duplicate layer’s blending mode to “Hard light”, you will have the following effect:

You can see now we have a very nice sky on top of the desert, which makes the image more vibrant.

Step 5

Load the Distant City stock into Photoshop, cut out the city bit with any selection tool you like to use, copy and paste the selection on our document, name the new layer as “city” and use a big, soft brush to erase the surrounding, and leave only the centre of the city selection as shown below:

Duplicate this city layer twice, change the first duplicated layer’s blending mode to “Soft light”, and leave the second layer’s blending mode as “Normal”, but drop the opacity to 45%.

You will have the following effect:

Step 6

Now we’re onto creating the energy blast. Firsty we can make some background highlight for the blast. To do this, create a new layer called “highlight” and grab a soft round brush with white colour, gently paint over the centre area above the city.

Make sure to set the blending mode of this layer to “Hard Light” with an opacity of around 35%:

Now on top of this layer, create a new layer called “laser”, grab the Rectangular Marquee Tool with a 10px feather, make a selection and fill it with white colour as shown below:

Apply the following layer blending option to this layer:

Outer glow

Inner glow

and you will now have this effect:

Step 7

Create a new layer called “Sparkle” on top of all previous layers, set its blending mode to “overlay”. Load the “Star Brushset” we download in and use it to paint around the laser line to create some sparkling effect:

Duplicate the “Sparkle” layer once, and apply the following Radial Blur setting to the duplicated layer:

Name this layer “Radial” and maintain its blending mode to “overlay” and duplicate it twice more, you will have the following effect:

Then duplicate those three layers together once, use the Free Transform Tool to transfrom them to the left side, as shown below:

Step 8

Now we want to work on to the top part (sky) of the laser energy ray. Create a new layer named “sky highlight” and again use a soft brush with white colour to paint over the top centre of the sky, and set the layer blending mode to “overlay”, with opacity around 40%:

Then create a new layer on top of all previous layer and name it as “light top”, fill the layer with black colour and go to Filter > Render > Lens Flare and apply the following settings:

Change this blending mode of this layer to “Screen”, use a soft brush to erase all areas expect the centre portion, as shown below:

Duplicate this layer once, and move it the bottom of the city and change the blending mode to “overlay”, you will have the following effect:

Step 9

Now we can add some lightning effec to the top for further effect. Load the “Lightning” stock image into Photoshop, copy and paste the entire image onto our document and use a soft brush to erase the outer portion of the image.

Change the blending mode of the new layer to “screen” and you will have the following effect:

Duplicate this layer once and free transform (Ctrl + T)  the duplicated layer as shown below:

To futher touchup the image, we can add the following adjustment layers:

Curves

Color Balance

and here is the final effect for this tutorial: (click to enlarge)

That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.

Here is an alternative version I have after I change a few things: (click to enlarge)

Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.

Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.

This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)

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

PSD File for this Tutorial

You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.

Ok let’s get started!

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

Dirt Brushsets

Cloud Brushsets

Cloud Texture 1

City

Stroke Brushsets

Step 1

Create a new document sized 1200px * 700px with White Background. Create a new layer on top of the background layer called “background texture”, and load the Dirt Brushsets into Photoshop, choose a mixture of those brushes and paint over this newly-created layer:

Make sure to set the brush flow and opacity to around 30-40% and colour to be Black, since we only want a light cover of the dirt texture as a background:

Create a new layer called “cloud 1″, paint some cloud over this layer using the Cloud Brushset we downloaded, in the position as shown below: (apply a slightly darker brush comparing with the previous step)

Step 2

Load the “Cloud Texture 1″ image into Photoshop. Copy and paste the entire image onto our document and name this layer as “Cloud Texture 1″:

Apply the following layer mask onto this “cloud texture 1″ layer:

and you will have the following effect:

Duplicate this cloud texture layer twice as shown below:

Change the blending mode of the “Cloud Texture 1 copy 2″ layer to “Soft Light“, and you will have the following effect:

Add a new Curves Adjustment layer on top of all previous layer with the following settings:

and you will have the following effect:

Step 3

Load the City image into Photoshop, copy and paste the whole image onto our document and name the new layer “city”, position it as shown below:

Add a layer mask to this layer, on the mask, erase the outer portion of the city image by using a soft, round brush, mixing with the cloud brush we just download for edge effects:

Here is what I have after the erasing:

I decided to alter the Hue and Saturation of the city layer a bit, so I added a new Hue and Saturation adjustment layer with the following settings: (be sure to tick “use previous layer to create clipping mask” option when adding the adjustment layer)

and here is the effect so far:

Step 4

Duplicate the “city” layer once and drag the duplicated layer to the top, change its blending mode to “Screen”, you will have the following effect:

Then I add a new Black and White adjustment layer with the following settings:

change the blending mode of this black and white adjustment layer to “Multiply”, and you will have the following effect:

Step 5

Duplicate the “city” layer three times, apply the following layer blending option to each duplicated layer:

On the “City copy 2″ layer, go to Filter > Artistic > Watercolor and apply the following settings:

On the “City copy 4″ layer, change the layer blending mode to “soft light”, and apply the following layer mask (use the Stroke Brushsets to paint the edges)

You will see now we have the right side of the image highlighted, therefore adding more depth to the image:

Step 6

To add more cloud effect on the bottom part of image, we can duplicate the “Cloud texture” layer twice and drag both duplicated layer to the top, change their layer blending mode “overlay”, and you will have the following effect:

To add some more watercolour effect onto the effect, we can simply create a new layer (set blending mode to “overlay”), and grab the “Stroke Brush” we downloaded, paint over the new layer with a light grey colour:

Step 7

For final adjustments, I added some floral brush painting and a new Color Balance layer with the following settings:

And add the following mask to this colour balance adjustment layer:

and here is the final effect for this tutorial: (click to enlarge)

That’s it for this tutorial! Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Along the way, we will be using and revising techniques such as masking, layer blending options, adjustment layers, and a quick way of creating uneven lighting effect. I will also show you how I create a light source in conjunction with the shadow effect on the text. Have a go!

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

OK let’s get started!

Step 1

Firstly we need to download the following textures:

Wall Texture

Leaves

Load the wall texture in photoshop, duplicate the background layer once and set it as “soft light”, you can see the background texture darken a bit: (Personally I would like to make the overall light darker a bit and later on it will be easier to create light source and other lighting effects)

Make another duplicate of the background layer and drag it to the top, add a vector mask to the duplicated layer. Hold down the Alt key and left click on the mask thumbnail on the layer palette, use a big soft brush to draw a black line across the centre of the canvas:

You will see the centre portion of the image is now highlighted, whereas the rest of the image being further darkened. We will be placing our text on the highlighted area:

Step 2

Type some texts using this font you just downloaded on the centre of the canvas:

Apply the following blending options:

General Blending

Drop Shadow

Inner Glow

Bevel and Emboss

Contour

Gradient Overlay

And you will have the following effect (the text become transparent and you can see the stone texture appears on the text)

Step 3

Now let’s add some freshness onto the text. Load the “Leaves” texture into photoshop, go back to our document and load the selection of the text layer (ctrl+left-click the thumb of the text layer on the layer palette). Drag the selection onto the leaf texture as shown below:

Copy the selection and paste in back to our document:

Name the newly created layer as “leaf”. Apply the following Gaussian Blur setting to it:

Change the layer blending option as shown below:

Duplicate the leaf layer once and apply the following blending option to the duplicated layer:

And you will have the following effect to the text:

Step 4

Now let’s create some uneven lighting and give some depth to the image. Create a new layer and name it as “lighting overall”, use the Lasso Tool with a 30px feather to draw a selection as shown below:

Go to Filter > Render > Cloud (set foreground colour to #555555 and background colour to black) and render some cloud inside the selection:

Set the blending mode of this layer to “Soft light” and duplicate it a couple of times. You will have the following effect: (The centre portion of the image become highlighted so it’s easier to focus on the text)

Step 5

Now let’s create a light source for this image. Duplicate the “lighting overall” layer one more time and rename it “light source”. Drag this layer to the top and go to Filter > Render > Lens Flare and apply the following settings:

Then use the Free Transform Tool (Ctrl + T), rotate, distort this layer until it look similar to the image shown below (light coming from the top right corner)

Set the blending mode to “overlay” and you will have the following effect:

Step 6

To further adjust the lighting contrast, we can add a few new adjustment layers on top of all previous layers. Firstly we can add a new curves adjustment layer and apply the following settings:

Then add a new Level adjustment layer and apply the following settings:

And you will have the following image as a result:

Ok that’s it for this tutorial! You can have a play with layer blending options and add a few more adjustment layers (hue and saturation, channel mixer) and see what result it gives you!

Here is my final image for this tutorial: (I added some colours and reduce the saturation a bit)

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!

Together we can explore various image adjustment tools, filter effects, layer blending mode, dynamic brush settings and more. Some parts of this tutorial can be a bit tricky, but why not have a try :)

Here a before and after preview:

Before

After

Alternative version:

Ok let’s get started!

Step 1

Download a copy of this image from stockvault.net and load it into Photoshop.

If you can take some time to observe the image, you can the image itself primarily consist of some dark and cold concrete wall, with a only a line of the light source in the middle.

The first step is to add a few extra light to the overall image. To do this, duplicate the background layer once and hit Ctrl + M and bring up the Curve Tool, apply the following settings:

Then hit Ctrl + Alt + Shift + B to bring up the Black and White Image Adjustment Tool, apply the following settings:

And here is the effect so far:

Step 2

Still on this layer, use the Eraser Tool (E) to erase the distracting white bits of the woman’s upper body:

Duplicate the “Background Copy” layer once, set its blending mode to “overlay” and you will have the following effect:

Step 3

Now we want to add some texture on the concrete wall so it looks not so boring. Download a copy of this Grass image and load it into Photoshop. (This image is of my own stock and you can use it wherever and for whatever purpose).

Then go back to our document, hit Ctrl + A and select the whole canvas and drag that selection over to the grass image, copy and paste back to our document and name the newly-formed layer as “grass texture”.

Change the blending option of “grass texture” layer to “overlay” and you will have the following effect:

Then go to Image > Adjustment > Channel Mixer and apply the following settings:

Change the layer blending mode to “overlay”, and you will see the following effect:

Optional: you can erase the texture overlay on the dancer or keep it, that’s totally up to you.

I chose to erase the grass texture off because I felt I would have more room later on for adding something else:

Step 4

Now we can add a bit of motion into the image: Duplicate the “Grass Texture” layer once more, then go to Filter > Blur > Radial Blur and apply the following settings:

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

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

Step 5

Now we can add something around the dancer to create a better connection between her and the rest of the image. Pen Tool + Dynamic Brush is usually a good choice for this :)

Create a new layer called “Stuff around the dancer”, grab the Brush tool and apply the following brush dynamics:

Shape Dynamics

Scattering

Texture:

Dual Brush

Color Dynamics

And tick “Airbrush” and “Smoothing” options.

Then we use the Pen Tool to briefly outline the dancer as shown below:

Then right-click and choose “stroke path” with brush, and you will see the following effect:

Step 6

We can add some additional lighting effect for the dancer so the image looks more realistic. Create a new layer called “extra light”, grab a soft round brush and paint as shown below:

Change the layer blending mode to “overlay” and you will see the following effect:

Step 7

Lastly we can add some cloud in the middle of the image to give the photo some extra flavor. To do this,  create a new layer called “cloud”, grab the lasso tool and set its feather to 100px, make a selection as shown below:

Then go to Filter > Render > Cloud (Make sure you set White as foreground colour, Black as background colour) and render some cloud inside:

Then duplicate the “cloud” layer three times, change the blending mode of each duplicated layer as below:

Cloud Copy – Multiply

Cloud Copy 2 – Overlay

Cloud Copy 3 – Soft Light

and you will have the following effect:

Step 8

Lastly, we can add a light source to the image. To do this, create a new layer called “source light”, fill it with black colour and go to Filter > Render > Lens flare and apply the following settings:

Change the layer blending option to “screen” and erase some unnecessary bits down the bottom, you will have the following effect:

I also added some flying bird on the top of the image, you can download this brush from qbrushes.com and load it into Photoshop. For those who don’t know how to load brushes, here is a handy link for you.

Here is the effect so far:

Ok that’s it for this tutorial! You can of course further enhance it and add whatever effect you feel like to it!

Here is my final image for this tutorial: (Add some colour and rainy effect)

Alternative colour scheme:

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!

This tutorial involves techniques such as layer blending options, image adjustments, tranformation techniques, filter effects and lighting effect rendering. The tutorial itself is quite simple but the end result looks good in my opinion, have a go!

Here is a preview of the final results:

Black and White version:

OK let’s get started!

Step 1

We start off by download the following four stock images from stockvault.net and cgtexture.com:

City Image

High-rise Image

Little Girl Image

Grunge Splatter

Load the “Grunge Splatter” image into Photoshop, duplicate the Background layer once and set the blending mode to “Overlay”:

Save this document to a new psd file and name it “urban city”.

Step 2

Load the “City Image” into Photoshop, drag the entire image onto the “urban city” document, use the free transform tool (Ctrl + T) to resize it until it fits the canvas size:

Name this layer as “city” and change the layer blending option to “vivid light”. You will have the following effect:

Step 3

On the “City” layer, hit Ctrl+Alt+Shift+B and bring up the Black and White adjustment tool (for those who don’t have CS3, try use the Channel Mixer with Monochrome option enabled), apply the following settings:

Then hit Ctrl + M and bring up the Curves tool, adjust the Red channel a bit:

And here is the effect so far:

Step 4

Duplicate the “city” layer once, apply the following Gaussian Blur Setting to the duplicated layer:

Duplicate this layer once more and merge them together, then change the blending mode of the merged layer to “Darken”. You will have the following effect:

Step 5

Load the “high-rise image” into the Photoshop, drag the entire image onto our canvas, resize and erase (with a big soft brush) the cloud/sky + bottom part of the image. (please also note that you can use layer mask to achieve this) Name this layer as “high-rise”.

Again we apply the black and white adjustments to this layer using the same settings as in the previous layer: (Make sure you set the whole document as RGB color mode)

And the effect so far should look like this:

Step 6

Change blending mode of the “high-rise” layer to “overlay” and you should see the high-rise image blend into the grunge texture:

To add some shape dynamics and depth onto the image, we can duplicate the high-rise layer a few more times, resize and position the duplicated layers as shown below:

Step 7

Load the “Little Girl” image into Photoshop. Again we drag the entire image onto our canvas, but this time we don’t resize it. Instead, we move the image to the position as shown below: (where we see only the girl and the sky)

Erase the sky portion as well as the build to right using a soft brush, and change the layer blending option to “Hard Light”.

The effect so far will look like this:

Name this layer as “little girl” and duplicate this layer once, set the blending mode of the duplicate layer to “overlay” and you will have the following effect:

Step 8

Lastly we can add a bit of shining effect to the image so it won’t look boring. To do this, create a new layer called “lighting effect”, use the Lasso Tool with a 40px feather, draw a selection in any area (I chose a place where it meets with the direction the girl is looking towards) and render some cloud and lens flare in:

Change the layer blending mode to “Color Dodge” and apply the following gaussian blur settings:

You will have the following effect:

Duplicate the layer a few more times and drag them in areas you would like to lightup, and you will have this result image:

Ok that’s it for this tutorial! I further adjusted the image hue/satuation a bit and here is my final result: (click to enlarge)

Black and White version: (click to enlarge)

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!

Along the way, we will be using techniques such as gradient fill, various layer blending options, dynamic brush settings and filter effect. I combine this soft text effect with a solid stone wall texture at the end of this tutorial, thought it would be interesting to see! It’s a simple tutorial, have a go!

Here is a preview of the final image result: (click to enlarge)

Black and White version:

Ok let’s get started!

Step 1

Create a new document in Photoshop, size doesn’t really matter in the tutorial (I chose 1200 x 800 px). Fill the background layer with Black colour.

Now let’s create some background lighting. To do this, simply grab the Gradient Tool (G) and choose the Radial Gradient option, Fill the background layer as shown below:

Step 2

On the background layer, type some texts on it. You may choose any font you like, I used this font for this tutorial.

For this tutorial, I seperate each letter into different layers so I will have more freedom playing with each of them:

I place the letters as shown below (you can of course alter the position of text yourselves):

Rasterise the text and merge the layers together when you’re happy with the text position. Name the merged layer as “Text”.

Step 3

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

Drop Shadow

Bevel and Emboss

Contour

Gradient Overlay

Stroke

And you will have this effect so far:

Step 4

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

Then press M key to select the Rectangular Marquee Tool, right-click on the selection and choose “Make work path”:

Set tolerance to 1.0 pixel:

And you will see now the selection become a work path:

Step 5

Create a new layer called “fluffy effect”. Now let’s make a dynamic brush to create some fluffy effect!

Grab the following brush and set its size to 70px:

Then apply the following brush dynamics to it:

Shape Dynamics

Scattering

Other Dynamics

Don’t forget to tick “Smoothing” option as well.

Now Press “P” key to select the Pen Tool, right-click on the work path and choose “Stroke Path” then choose the “Brush” option. You will have the following effect:

Press “ESC” key to cancel the path.

Step 6

To add a bit more texture effect onto text, you can duplicate “fluffy effect” layer once, and go to Filter > Sketch > Reticulation and apply the following settings:

Add the following Bevel and Emboss setting to the duplicated layer:

Change the layer blending option of the duplicated layer to “Overlay”, and the effect will look like this:

Ok that’s it for this tutorial! Of course you can futher enhance this text effect by applying some more texture effect, or simply add some background effect to it.

Here is my final image for this tutorial (I combine it with an abstract image I created a while ago with rocky texture on it, just interested to see what would the end result be like)

You can click the image to enlarge.

Black and White version:

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!

Along the way, we will learn how to load customized brushes, the use the various filters effect and image adjustments tools. Some techniques used in the tutorial could be a bit tricky. Have a try and see how your image turns out :)

Here is a preview of the final image: (click to enlarge)

An alternative version with shining effect:

Ok let’s get started!

Step 1

Create a new document in Photoshop with a size of your choice. I chose 1200  x 800 px because that’s size fit my monitor the best.

Firstly we tackle the bird’s wing. We need a customized brush to draw the fundation of the wing. Donwload a copy of this brushset from qbrushes.com and load it into Photoshop. If you’re a beginner in Photoshop and not sure how to do so, here is a handy tutorial showing how to load brushes into Photoshop.

Fill the background layer with Black Colour and create a new layer called “wing”. Use the following brush and make a single click on the “wing” layer:

Step 2

Still on “wing” layer, go to Filter > Distort > Twirl and apply the following settings:

Then go to Filter > Distort > Shear and apply the following settings:

The image will now look like this:

Step 3

Still on “layer”, hit Ctrl + T and bring the free transform tool, right-click and choose “Warp”. Transform the image as shown below:

This step requires a bit of practice and patience if you’re new to Photoshop. If you’re not successful for the first time, don’t give up :)

After warping the image, go to Filter > Liquidify and use a small brush to apply a few liquidify effect around the edge of the wing to make it more realistic:

Step 4

Duplicate the “wing” layer once. On the duplicate layer, go to Filter > Distort > Ripple and apply the following settings:

Apply this filter a couple of times, then change the layer blending option to “Exclusion”. The effect so far will look like this:

Step 5

Create a new layer called “cloud” on top of all other layers. Go back to the original “wing” layer and load its selection by holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette.

Expand the selection by 15px and set a 20px feather to it, your selection will now look like this:

Set the foreground colour to white and background colour to black,  load the selection of the orginal “wing” layer, render some cloud inside it by going to Filter > Render > Cloud.

Then go to Filter > Render > Difference Cloud and render difference cloud. You image will look similar to this:

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

Step 6

To add a bit of motion into the image, we can duplicate the original wing layer once more and put the duplicated layer just above it, go to Filter > Blur > Motion Blur and apply the following settings:

This is the effect after apply motion blur:

Step 7

To add a bit colour and ligthing contrast to the image, we can again duplicate the original “wing” layer, and apply the following Black and White adjustments to the duplicated layer:

After apply the Black and White adjustments, hit Ctrl + J and duplicate this layer about 5 times (This will add more contrast to the image).

The effect will now look like this:

Step 8

Now we can simply group all previous layers together, duplicate the group and flip the duplicated group honrizontally.

The effect is shown as below: (I also adjusted the angle a bit)

Then I again duplicate the group layer twice more, resize them in the middle and this formed the below image of the fire bird:

Ok that’s it for this tutorial! I further adjusted a colour and curve of the image a bit and here is the final image: (click to enlarge)

An alternative version with shining effect:

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!

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!