Wednesday, October 8, 2008

Adobe Photoshop Tutorials - Out Of Bounds (OOB)

What is OOB? OOB stands for Out Of Bounds. Pretty cool way to edit your photos to look as if it comes alive!



Here are some of the easy steps to get this done!

First of all, download the Bird photo here - (Taken by me at Bird's Park, Kuala Lumpur)

Step 1

Open new document, go to File> New. Set the width to 800 and the height to 400. Once you've done, fill the Background layer to red (#550000) or any colors that you like.

Step 2

Make another layer on top of the background layer. Use the Brush tool and click in the middle of the document using brighter red color (#9a0000) or other colors.

Step 3

Copy and paste the "Bird's" photo onto this document.

Step 4

Create another layer above the bird's photo. This is the frame layer. Use the "Rectangular Marquee Tool" to draw a rectangular shape outline just like above. Next fill it with black color.

Step 5

Once you've done that, select the "Rectangular Marquee Tool" again and draw a smaller rectangular shape on black color filled area and go to Edit> Clear to delete it. Now you
should see a black frame on the bird's photo.

Step 6

You need to distort the frame like above. To do this, go to Edit> Transform> Distort. You'll see 8 points around the frame. Click and drag those points to distort the frame.

Step 7

Now the frame is done. It's time to erase the outer part of the bird's photo using the cutting tools, either Polygonal Lasso or the Pen tool. Make sure you erase the circled parts on the bird photo as well (See above)

Step 8

Can you see that bird is now popping out from the frame? Cool isnt it. Now to make it way cooler and realistic, let's add some shadows beneath the frame.

Step 9

Make a new layer above the "Glow" layer. Use the Paint tool and click below the frame to create the shadow.

Step 10

Go to Edit> Transform> Distort to transform the shadow just like above.

Step 11

You can use the Eraser tool to adjust the shadow and guess what! You're done!

Here are some of the other samples created by me using different types of photos. It's all up to your imagination!







Download the PSD file here

How did you find this tutorial? Useful? Do let me know ya. Thanks.

15 comments:

Pei Hau said...

First to comment? haha..

Very nice tutorial. Thanks!

Kavi said...

bro, this is wat i call savadi sambar!!!

KOKahKOK said...

pei hau, u are here also! hehe

rames.... been busy these few weeks...not even have time to try..but i love this... will try this weekend haha....

i like this btw~ keep it up and share with us more n more...

Rames said...

peihau>> haha thanks bro

kavi>> lol seri ahah.

kokahkok>> no prob! do try when ur free! :D

Kristijan Ć krlec said...

Hello Rems im rilly enthusiastic of jour great job!

I hopeu u will continue that way

Som interesting stuff for you -> http://www.zmaga.com/program_spisek.php?id=21

KOKahKOK said...

rames, i did it...but need your advice whether i did correctly ot nor! hehe...

check it out

http://www.kokahkok.com/2008/10/penang-ahkok-roasted-duck.html

Pappu said...

Hi this is nice Tutorials i tried this long back it cam out well

http://www.flickr.com/photos/pappuscam/2132204673/in/set-72157603535340801/

JeevaN said...

Nice tutorial...
GREAT WORK...
THANKS A BUNCH...
:)

myadlan said...

nice tutorial.
yeah. its simple but its creative!

ShawnKid said...

I never knew that this is so easy! Thanks a lot!

Suresh Kaleyannan said...

hi rames bro.... thx to the super tutorial... i learn it and njoy it too..

and i did sometin from ur tutorial..

tis the one im doin:
http://www.ex-imagehost.com/images/8vccgujhmu5td5a5vs0.jpg

Its ok ah bro....

ur comments pls..

Kaelan.... said...

Hi, rames. Im new to you blog. Great job you're doing. I'm a beginner photoshop user..I'm only in form 2. I was wondering what tool do you use to cut out parts of pictures so accurately. For example you could get the parrot cut out without any small fragments around it.

vfdvgf said...

Welcome to lotro gold buy cheap final fantasy gil,wow gold,aoc gold service,WoW Powerleveling aoc gold is our Atlantica goldprimary service,
archlord gold and is on sale last chaos money

Anonymous said...

Rames naa Chumma Vaa? Im ur best best best fan bro.. I want learn more more and more from u.. Ramesh bro, pls give more tutorial for us

adobe basics said...

huuuum this is very very nice effect.