Pin It

Learn How to Place an Object on a White Background

Advertisement

Sometimes we need to place an object with a colored background on a white background and this photoshop tutorial shows you how you can do that.

Final Image Preview

Learn How to Place an Object on a White Background

Resources


Step 1

Start this tutorial by downloading and opening photo on Photoshop.

Learn How to Place an Object on a White Background 1

Step 2

We need to separate robot from background area. Select Polygonal Lasso Tool to create selection. Hold Shift button to add or Alt to subtract to selection.

Learn How to Place an Object on a White Background 2

Step 3

Press Ctrl+J to duplicate selected area to new layer. Select all background layer content and press Del to delete. With Paint Bucket Tool selected fill layer with white color.

Learn How to Place an Object on a White Background 3

Step 4

It seems this tutorial is finished but not by any chance. We need to integrate robot into new environment by adding glare and reflexions for example. Select robot layer and apply Image > Adjustments > Hue/Saturation.

Learn How to Place an Object on a White Background 4
Learn How to Place an Object on a White Background 5

Step 5

Apply Layer > Layer Style > Inner Glow to robot layer.

Learn How to Place an Object on a White Background 6
Learn How to Place an Object on a White Background 7

Step 6

Create a new layer and merge it with robot layer to get all layer effects into one layer. Now we are going to increase shining of glares on robot edges. Select Brush Tool (soft round brush with 20px), create a new layer on top of robot layer and draw white highlights on the edges of the robot on new layer.

Learn How to Place an Object on a White Background 8

Step 7

Create robot selection (Ctrl+click on robot thumbnail on layers palette). After that select new layer, invert selection with Ctrl+Shift+I and press Delete to clear selected area. Remove selection with Ctrl+D and change layer mode to Soft Light for this layer.

Learn How to Place an Object on a White Background 9

Step 8

Add some glares at the bends of the body with the Brush Tool to show the three-dimensional robot. To do that create new layer, apply Brush Tool as on previous step. When you have finished applying Brush Tool update layer mode to Soft Light.

Learn How to Place an Object on a White Background 10

Step 9

Select Eraser Tool (Soft Brush) to clean a bit your glares so they become more realistic.

Learn How to Place an Object on a White Background 11

Step 10

Now we are going to create robot shadow. Select robot layer and apply Layer > Layer Style > Drop Shadow.

Learn How to Place an Object on a White Background 12

Go to Layer > Layer Style > Create Layer so that we can separate shadow from robot. We now have a new layer under robot layer. With shadow layer selected go to Edit > Free Transform and transform it like i did.

Learn How to Place an Object on a White Background 13

Apply Filter > Blur > Gaussian Blur to shadow layer.

Learn How to Place an Object on a White Background 14

Update shadow layer opacity to 40% and now this tutorial is complete.


Final Image

Learn How to Place an Object on a White Background
Advertisement


  • Arsalan azarmi

    Extremely Fantastic!

  • http://www.techfuture.co.uk jake

    hi, thanks for the tutorial would also like to know how make it look like there is a secondary light source in the picture,

  • http://www.mojowebdesign.com.au Damian

    Liked this one a lot although extremely fantastic is a big call. “) Thanks

  • sina

    it was awesome! i really need it! tank u very much!

  • pankaj shandilya

    nice, helpful

  • deepak bhati

    thanks

  • D_dubb

    Great tutorial for subtle touches to give things a more polished feel!

  • sajan rana

    thank u so much 4 this great tutorial.

  • fhokhra azam siddiqi

    Hi
    It is great site for me to help overall graphic design.

    t