feedburner
Enter your email address:

Delivered by FeedBurner

feedburner count
Your Ad Here
Jun
29

Light Your House On Fire

Labels:

Other titles I thought of for this Photoshop fire tutorial were “Burning Down the House”, “The Roof Is On Fire”, and “Fire! Fire! Fire”, but then I realized how cliche that would be.I obtained my house photo from PhotoSpin.com (PhotoSpin #0780029).

burn_house1

First we’ll isolate the house by selecting it and putting it on it’s own layer [Ctrl + J]. Hide the background layer and open your Channels palette [Window > Channels].

burn_house2

Hold the [Ctrl] key and click on the Channel that has the most contrast. Press [Ctrl + Shift + I] toinverse the selection .burn_house3

Click on the RGB channel to return to normal. Go back to your Layers Palette and create a new Solid Color Adjustment layer. Make the color white.

burn_house4

Go to [Image > Rotate Canvas > 90° CW]. Then go to [Filter > Stylize > Wind].

burn_house5

Run the Wind Filter 1 or 2 more times by pressing [Ctrl + F]. Rotate the canvas back by going [Image > Rotate Canvas > 90° CCW].

Create a new Solid Color Adjustment layer and make the color a burnt orange-red, fire type of color. I used #AB3D07. Set the Layer Mode to Color Burn.

burn_house6

Duplicate the layer you applied the Wind Filter to [Ctrl + J] and hide one of the copied layers. Select the Smudge Tool [R]. Go to the Brushes Palette [Window > Brushes].

burn_house7

Under “Shape Dynamics”, drag the Size Jitter up; Angle Jitter up; Roundness Jitter up. Click on “Scattering” and alter the settings until you get something similar to this:

burn_house8

Now start Smudging the layer. You should get an effect similar to this:

burn_house9

Unhide the layer you hid earlier. Run a slight Gaussian Blur [Filter > Blur > Gaussian Blur] of around 2-pixels.

burn_house10

Now go to [Filter > Liquify] or [Ctrl + Shift + X]. Select the Twirl Clockwise Tool and lower Brushe Pressure to around 40%. Now add a little bit of craziness to your image.

burn_house11

You may want to add a slight Motion Blur [Filter > Blur > Motion Blur] or a slight Gaussian Blur [Filter > Blur > Gaussian Blur] if you still have some harsh lines.

burn_house12

Now create another Solid Color Adjustment layer below your “fire” layers. Make the color something similar to your fire color or darker. I used #522A04. Use the Brush Tool [B] with a Black foreground to paint away some of the areas of the house, so that certain areas show through. You might want to lower the Layer Opacity too.

burn_house13

That’s pretty much it. I know I might have gotten a little confusing with the Layers, so here’s a shot of my Layers Palette for reference.

burn_house14

IF U THINK THAT THIS TUTORIAL COSTS A DOLLAR PLEASE DONATE USING THE DONATE BUTTON..
THANK YOU.....

IF U CANT DONATE VISIT THE ADVERTISEMENTS WHICH WILL ALSO HELP ME

Jun
22

Design an Awesome Space Dancer Scene with Nebula Texture in Photoshop

Labels:


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:

5 effect

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

nebula-dancer-flatten-final-2

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:

1 bw

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:

1 effect

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:

2 effect

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

3 col balance

Levels

3 levels

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

3 level mask

Brightness and Contrast

3 bright

and you will have the following effect so far:

3 effect

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)

3 effect 1

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:

4 curves

Here is the effect afterwards:

4 effect

Step 4

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

4 effect 1

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:

5 hue

You will now have this effect:

4 effect 3

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:

5 rad blur

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

5 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)

nebula-dancer-flatten-final-2

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!

IF U THINK THAT THIS TUTORIAL COSTS A DOLLAR PLEASE DONATE USING THE DONATE BUTTON..
THANK YOU.....

IF U CANT DONATE VISIT THE ADVERTISEMENTS WHICH WILL ALSO HELP ME

Jun
19

Design a Soft and Fluffy Text Effect in Photoshop

Labels:

In this tutorial, I will show you the processes I used to design a soft and fluffy text effect in Photoshop without using any third party images.

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)

fluffy-text-final-5

Black and White version:

fluffy-text-final-3

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:

1-fill-gra

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:

2-text-type

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

2-text-position1

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

3-drop-shadow

Bevel and Emboss

3-bevel

Contour

3-contour

Gradient Overlay

3-gradient

Stroke

3-stroke

And you will have this effect so far:

3-effect2

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:

4-load-text

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

4-make-path

Set tolerance to 1.0 pixel:

4-tolerance

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

4-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:

5-brush

Then apply the following brush dynamics to it:

Shape Dynamics

5-shape-dyn

Scattering

5-scattering

Other Dynamics

5-other-dyn

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:

5-effect4

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:

6-reticulation

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

6-emboss

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

6-effect3

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.

fluffy-text-final-5

Black and White version:

fluffy-text-final-3

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!