Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Posted on April 12th, 2009 under Abstracts,Photo Effect

In this tutorial, I will show you the methods I use to seamlessly combine multiple objects and create some truly awesome lighting effect for your image through the making of this “spiritually connected” abstract style design in Photoshop.

I have been asked many times in this past about making one of this type of tutorial that contains both of the above techniques so here it is :)

Along the way, we will be practicing a lot of Photoshop skills relevant to them, including selection, masking, and layer blending options. We will also be using a lot of layer adjustments and Photoshop Filters. Have a try!

Also I would love to know what other method you use to achieve the same effect, drop me a line below!

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

abstract temple photomani final 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and white version:

abstract temple photomani final bw 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

PSD File Download

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

vip sign up 250 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Ok let’s get started!

To complete this tutorial, you will need the following stock images: (I’m non-religious, but I do love temples ^^)

Grungy Texture

Temple Stock 1

Temple Stock 2

Temple Stock 3

Cloud

Step 1

Let’s prepare some background to work on first. Load the “Grungy Texture” image into Photoshop, make a duplicate of the background layer. (Personally I think this is a good habit because in case you mess up something, you always revert back to the original image quickly.)

Set the blending mode of the duplicated layer to “Darken” and you will have the following image:

1 darken 498x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Duplicate the background layer once more and drag the duplicated layer to the top, apply the following the following vector mask to the layer:

1 vector mask1 499x697 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Set the blending mode of this layer to “Overlay” and you will have the following effect:

1 effect1 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Add a new Curves Adjustment Layer (Layer > New Adjustment Layer > Curves) and apply the following settings:

1 curve Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

And you will have the following effect:

1 effect 2 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 2

Now we have a very grungy-looking background to work on. We can now add our objects onto it.

Load the “Temple Stock 1″ into Photoshop.  Use any selection tool you prefer to make a selection around the temple (I would recommand you have a practice with Pen Tool, it’s a good tool and in the future you may use it a lot for a variety of purpose ^^)

If you did use Pen Tool to draw the Path, make sure after you close the path, right-click and choose the option called “Make selection…” and set the feather radius to 0px.

Then hit ctrl+alt+R and apply the following Refine Edge settings:

2 refine edge Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

You selection will look similar as shown below:

2 selection 499x471 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Copy and paste the selection onto our document, resize (Ctrl + T) and position it as shown below:

2 position 499x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Rename this layer as “Temple 1″. On top of this layer, create two adjustment layers as shown below and make both of them Clipping Mask to the “Temple 1″ layer:

Curves

2 curve Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and white

2 bw Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Then set the “Temple 1″ layer blending mode to “Multiply” and you will have the following effect:

2 effect1 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 3

Load “Temple Texture 2″ into Photoshop. Again we use any selection tool to make a selection around the temple building as shown below:

Hint: use the Refine Edge tool to further adjust the edges of the selection, the goal is to make the selection as smooth and seamless as possible, so it will be easier to blend it into our work later on.

3 selection 474x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Copy and paste the selection onto our document, resize, rotate it and place it onto the position as shown below:

3 position 500x647 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Name this layer as “Temple 2″ and add a vector mask on it as shown below:

3 mask1 495x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

You will now see the bottom part of the “Temple 2″ layer is not under the mask:

3 effect1 493x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

On top of the “Temple 2″ layer, add two adjustment layers – curves and black and white and make both of them Clipping Mask to the “Temple 2″ layer:

Curves

3 curve Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and White

3 bw Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Set the blending mode of this “Temple 2″ layer to “Multiply” and you will have the following effect:

3 effect 2 492x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 4

Load “Temple Stock 3″ image into Photoshop. Again we extract the temple building out of the image by making the selection as shown below:

4 selection 500x669 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Copy and paste the selection onto our document, resize, rotate it and place it onto the position as shown below:

4 copy paste 500x641 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Name this layer as “Temple 3″ and add a vector mask on it as shown below:

4 mask 498x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

And you will see the bottom part of the building is now hidden:

4 after mask 500x445 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

On top of the “Temple 3″ layer, add two adjustment layers – curves and black and white and make both of them Clipping Mask to the “Temple 3″ layer:

Curves

4 curves Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and White

4 bw Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

And you will have the following effect:

4 effect1 500x694 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 5

We can see the the centre of the canvas look a bi empty – why not add some cloud in there. (I personally love cloudy effect and I think it can be used in all sorts of occasions)

So load the “Cloud” texture into Photoshop. Copy and paste the entire image onto our document and place the newly-created layer below the “Temple 1″ layer, resize and position it as shown below:

5 position 500x633 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Rename this layer as “cloud” and add the following vector mask onto it:

5 mask 500x675 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

And you will have the following effect:

5 after mask 500x582 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Again on the “Cloud” layer, we add two more adjustment layers and make them both the clipping mask for “Cloud” layer:

Curves

5 curves Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and White

5 bw Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Set the blending mode of the “cloud” layer to “Multiply” and you will have the following effect:

5 effect1 500x340 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 6

Create a new layer called “Radial Blur”, fill the layer with Black and go to Filter > Render > Cloud and render some cloud (set foreground colour to white, background colour to black)

6 cloud 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Go to Filter > Blur > Radial Blur and apply the following settings:

radial blur Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

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

6 blend 500x423 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Duplicate the “cloud” once and set the duplicated layer blending mode to “soft light”, you will have the following effect:

6 effect1 500x471 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Duplicate the “Cloud” layer once more, on the duplicate layer add a vector mask as shown below:

6 mask Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Change the blending mode of this duplicated layer to “colour dodge”, you will see we now have a centre area of the canvas highlighted and more lighting depth is created:

6 effect 21 500x366 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 7

Create a new layer called “fiber” on top of all previous layers, fill it with black and go to Filter > Render > Fiber and apply the following settings:

fiber Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Set the blending mode of this layer to “soft light” and drop the opacity of around 80%:

7 effect 500x699 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Step 8

If you’re happy about the colour/contrast of the image so far, this step will become optional for you.

To further adjust the overall colour balance and contrast of the image, we can add the following two adjustment layers on top of all other layers:

Hue/Saturation

8 hue Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Colour Balance

8 col mid Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

And you will have the following result image:

8 effect1 490x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

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 balance and add some gaussian blur overlay to make the image shining) – Click to enlarge:

abstract temple photomani final 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

Black and white version:

abstract temple photomani final bw 496x700 Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop

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!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • ricardoFx

    great dude!

  • admin

    @ricardo: thank you!

  • photolover

    That has to be your best tut thus far! Great job!!

  • http://webegreedy.co.cc/blog/?p=616 Seamlessly Combine Multiple Objects and Create Awesome Lighting … :: We be Greedy

    [...] more:  Seamlessly Combine Multiple Objects and Create Awesome Lighting … Categories : Tutorials, [...]

  • heyki

    great!!!!

  • admin

    @photolover: Thank you! glad you like it!

  • http://thepharmashopist.blogspot.com/search/label/tutorials moih60

    hay…amazing tutorial and perfect photo manipulation
    added to my blog

  • http://www.uprinting.com/Brochure-Printing.html Brochures

    I really love the effect you did on the grungy textured background. The techniques you used are not too complicated and are easy to follow. Excellent tutorial as always! Kudos!

  • http://www.sblgraphics.com/clipping-path_service.aspx clipping path

    Excellent tutorial. Thanks for sharing.

  • http://tuts.cgbaran.com CgBaran Tuts

    Great work thanks

  • http://10steps.sg Johnson Koh

    This is beautiful! Great work James ;)

  • admin

    Thank you everyone! Glad you all enjoy it!

  • Summer

    Great tutorial! Kinda sux that I’ve been coming up with similar effects with 2-3 times the effort. Now I’ll be faster and look smarter at the same time. THANKS!!

    p.s. you explain well, with enough detail to get your point across w/o boring me to death. I’ll be back to your site quite often.

  • http://www.miraztutorials.com huwaw69

    Wow amazingly good! great tutorial!

  • http://photorestorationretouching.com/ photo retouching

    A really interesting piece of photo retouching

  • Faheem Baig

    A really good tutorials & also you gave us professional tip of the tutorials.

    01. pen tool tip

    Ilke this tutorial man keep it up. You are Really Professional. & also your tips help me alot

    Thanks

  • http://designeroff.wordpress.com/2009/08/31/photoshop-tutorial-collections/ Photoshop Tutorial Collections « Webdesigner Resource

    [...] Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop – A tutorial for combining photos into a single, seamless image. [...]

  • http://partytow.com/e/2009/08/31/31-aug-300-resources-to-help-you-become-a-photoshop-expert/ 300+ Resources to Help You Become a Photoshop Expert – partytow for all

    [...] Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop – A tutorial for combining photos into a single, seamless image. [...]

  • Casper

    it’s very cool, but i can’t start because i don’t know the first staps can anyone help me???

  • Dirt

    Hi

    Sorry to seem daft

    im missing some basic points here

    not only do i not know how to create a vector mask

    for the life of me how do i create one that looks

    specifically like your es ?

    Also ( im using cs4 ) my cs4 curves adjust dont match youres , i also have no rgb channel there

    from this point my grunge paper is much lighter

    after rename to temple 1 what are your steps to create an

    adjustment layer ?

    clipping mask ?

    i also have to choose one of many types of adjustment layer not
    shown in your tutorial

    ie brightness/contrast-levels-curves etc

    Tho i missed all this i have learned some new things regardless

    Such as how nice pen tool is , and refining as well

    Thanks

  • http://www.coreldesign.com/blog/?p=350 معرفی 300 مرجع کامل فتوشاپ |

    [...] Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop – A tutorial for combining photos into a single, seamless image. [...]

  • Jeffrey H.

    Awesome tutorial! Love it. What TYPE did you use? It looks great, really work with the whole theme of the phone.

  • http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/seamlessly-combine-multiple-objects-and-create-awesome-lighting-effect-in-photoshop/ uberVU – social comments

    Social comments and analytics for this post…

    This post was mentioned on Twitter by photoshoptips: Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop – #photoshop http://short.to/no1e...

  • http://tonela.deviantart.com Antonela

    I liked this tutorial and I tried something similar

    Thanks for inspiration

    http://tonela.deviantart.com/art/Old-world-151128142

  • http://www.vjchougule.weebly.com Vijay

    Yah,
    It’s really great……..
    Looking fantasy………

  • Anonymous

    This is great lesson for me 

  • Upputuribrothers

    nice

  • Bdlas321

    amazing work and creativity..