Realistic Out of Border Effect

1 Star2 Star3 Star4 Star5 Star (10 votes, average: 4.50 out of 5)
Loading ... Loading ...

In this tutorial will show you how you can create that cool 3D pop-out effect using simple steps in Photoshop.

Here’s the before and after photos;

snake tutorial

Let’s get started!

Step 1. ) Open the image (file > open or ctrl+o)

Step 2. ) Copy your background image (ctrl+j) and change the name of your new layer to ‘original’

snake tutorial

Step 3. ) Now make a new layer above the ‘original’ and another one below it. Name your new layers: frame and shadow. Your layer pallete should look like this;

snake tutorial

Step 4. ) Click on your ‘frame’ layer, then create a rectangular using marquee tool, and go to edit > Stroke, change the color to white and the width to 10 pixel, OK. Now go to Edit>transform>Distort and modify your frame until it looks like this;

snake tutorial

Step 5. )Fill in your ’shadow’ layer with black and your background layer with white.

snake tutorial

Step 6. ) Click on your ‘frame’ layer. Choose magic wand, and select the inside part of your frame. Now click on your ‘layer1′ and click on ‘add layer mask’ button as below;

snake tutorial

Step 7. )Choose a brush tool, and pick ‘white’ as your foreground color and starts paint the layer mask to reveal the snake body.

snake tutorial

Step 8. )Click on the ‘frame’ layer, click on the ‘add layer mask’ button and using brush tool starts painting your white border with black to hide it.

snake tutorial

Step 9. )Now erase your ’shadow’ layer using Eraser tool

snake tutorial

That’s about it.. and here’s again our before and after photos

snake tutorial

Copyright @ Ahmad – [email protected] 2006

3 Comments »

  1. Rykka Says:

    That is really clever. I am going to have to try and think of a way to use that sometime. Thanks!

    comment-bottom
  2. Ajah Says:

    OH MY GOSH I LOVE IT!!!! Thanks ever so much! I’m going to have fun with this!

    comment-bottom
  3. Jaderder Says:

    im pretty new at this stuff but everytime i create the rectangle and go to modify it with the distort tool the original frame is still there. i can move them around seperately and cant seem to get rid of it. is it supposed to be there?

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment