OOBs

[RandomConnections]

Have any of you tried creating OOBs? Out of Boundary (OOB) images give a three-dimensional illusion by creating a frame around part of the image, then having part of the original photograph break through that frame. Below is my first attempt...

<a href="http://www.flickr.com/photos/randomconnections/379218584/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/177/379218584_ddda94c82d.jpg" width="500" height="391" alt="Tom Kayak OOB" /></a>

That's me kayaking on the Tuckaseegee River.

There is a Flickr Group (http://www.flickr.com/groups/oob/) that has some much, much better examples. It amazes me how creative these guys have gotten. Flickr photo Serrator (http://www.flickr.com/photos/serrator/) has posted an excellent tutorial (http://www.logicscape.com/oob_tutorials/) on his website.

[Merlyn]

I believe I am going to have to give this format a try. Looks neat.
Looks like you did good on your first attempt. Thanks for the info and link.

[wulf]

Only one and that wasn't particularly brilliant - more to make something of a very average photo than anything else:

<a href="http://www.flickr.com/photos/wulf/256382915/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/96/256382915_982c5f0729.jpg" width="500" height="375" alt="Reality Checkpoint" /></a>

Wulf

[Merlyn]

Here is my attempt at OOB. A before and after photo. Not my photo, just borrowed one off the net, author unknown. I went a step further and used some channel work to bring in the tree branch. Need to work on my shadows a bit, but this was a tad fun to do.


<a href="http://www.flickr.com/photos/pj_photo/379859428/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/132/379859428_ecd3831b29.jpg" width="500" height="417" alt="Bald-Eagle-Landing-Down-On-Tree" /></a>



<a href="http://www.flickr.com/photos/pj_photo/379859547/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/140/379859547_4996ecdfaf.jpg" width="500" height="417" alt="Bald-Eagle-Landing-Down-On-Tree final copy" /></a>

[Nicole]

Great job Merlyn! Really turned out well. :)

[smc1377]

Uh oh! More things from the DPS Forums that I wanna try! Just don't have enough hours in the day. I like this though.

[smc1377]

This is my first attempt at an OOB.

http://i69.photobucket.com/albums/i69/smc1377/dps/oob3.jpg

BTW, how are you guys making those funky frames in your OOBs?

:cool:

[RandomConnections]

This is my first attempt at an OOB.

http://i69.photobucket.com/albums/i69/smc1377/dps/oob3.jpg

BTW, how are you guys making those funky frames in your OOBs?

:cool:

Very nice! I'm finding that actions shots like this work best. I did one of a pipe organ with the pipes sticking out of the frame, and it just didn't have the pizzazz of the other shots.

As for the frames, before you add the drop shadow, select the layer that has your frame, then go to Edit - Transform - Warp. On that setting you can bend the edges of the frame a bit. That's the simplest version, using Photoshop CS2. I can't remember if warping is available in earlier versions.

If you want to make it REALLY realistic, you would need to do a corresponding warp on the background image inside the frame. The trick is to warp the background without warping the part protruding from the boundary. I haven't had time to play with that, yet, but I think you might need to merge the frame with part of the background so that you get a consistent warp.

[Debbie]

http://farm1.static.flickr.com/180/420952769_fa9e855140.jpg

[jiminyClickit]

Debbie,

Way to go! Is this the first? Are you using PhotoShop?

[kunaldaswani]

<a href="http://www.flickr.com/photos/kunaldaswani/382659346/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/141/382659346_449bc4cc91.jpg" width="500" height="375" alt="Reach Out..." /></a>

[Dan Rowe]

Here is my first try. I just got CS3 yesterday and have been wanting to do OOB for a while now.

<a href="http://picasaweb.google.com/dan.a.rowe/PlayingWithPhotoshop/photo?authkey=QE99JKGmMsk#5058091225162884178"><img src="http://lh3.google.com/image/dan.a.rowe/RjHzK51apFI/AAAAAAAAAZk/8qVV2z39HdA/s400/BANGLESOOB%20TRY%201.jpg" /></a>

[rikkersc]

Can you create OOBs with Elements? Or do you have to use the full Photoshop version?
I have Elements 5.0 and would love to try to create an OOB - if it's possible.:)

[PnwGuy]

My first attempt. A couple of things to work out but I don't think it's too bad for a rookie. Not sure why gradient layer is still showing some of original image.

<a href="http://www.flickr.com/photos/pnwguy/477285690/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/228/477285690_f00131750f.jpg" width="360" height="500" alt="Jayden - OOB" /></a>

[PnwGuy]

Can you create OOBs with Elements? Or do you have to use the full Photoshop version?
I have Elements 5.0 and would love to try to create an OOB - if it's possible.:)

I have Photoshop 7 and Elements 5.0 I did OOB in PS7. I tried it in PSE but ran into confusion with the layer masks as masks are done differently in PSE, and to be honest I don't have a good understanding of masks.

I'll see if I can get it to work in PSE and will post and let you know. I may not get to it until this weekend.

[mikem12188]

Hey all,

For Elements, try this link:

http://www.myjanee.com/tuts/breakout/breakout.htm

I haven't tried it, but it looks like fun.

[LadyMac]

I've been doing OOBs for a while now, and enjoy them very much. I like to take photos where I see an opportunity to create one.

here is my first OOB.

http://farm1.static.flickr.com/59/167537318_9dd770a228.jpg (http://www.flickr.com/photos/tasmania2/167537318/)

And here is one of my recent ones

http://farm2.static.flickr.com/1216/1200856528_fe0775776a.jpg (http://www.flickr.com/photos/tasmania2/1200856528/)

I am Scuba_Margie @ Flickr

[Saralonde]

Welcome, LadyMac! These are great! The snake particularly freaks me out a bit :eek:.

[Digidave]

Thanks for resurrecting this thread. I forgot all about it. OOb's was one of the main reasons for me buying Paintshop Pro. I just haven't had the time. Here is my first attempt. I had a little problem with the drop shadow, but I don't think it turned out too awfully bad.:(

<a href="http://www.flickr.com/photos/digidave/1657182900/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2385/1657182900_cda27727c6.jpg" width="333" height="500" alt="OOB Kite" /></a>

Just in case any of you Paintshop Pro user need a tutorial. I found one here.

http://www.pinoy7.com/psptutorials/9/noboundaries/p1.shtml

[rehan]

Wow... amazing. thanks for sharing all the info.

[Paddy]

I have never tried this before and I have to say, it is great fun to do. Here is my first attempt following the tutorial mentioned in the first posting. The original to this was taken at Knebworth House (UK)

There is a problem with banding on the gradient fill which I have to say I have no idea why but I am still happy with this as a first time. Now for the warped frame :confused:

<a href="http://www.flickr.com/photos/14706839@N08/1659303300/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2163/1659303300_7093e407cd.jpg" width="500" height="482" alt="OODdino" /></a>

Addition...

Well, here we go with the warped version (banding on original was because it saved as a low quality jpeg). I know it is a bit rough around the edges and maybe now I look at it, I could have moved the frame back a bit to get the front leg coming out (maybe for version2). As I have Elements 4 which does not do layer masks or warp transform, I have used Serif PhotoPlus11 for some of the editing swapping the file in psd from one package to the other and back so that between them I had all the tools. All in all a fun evening and much learned.

<a href="http://www.flickr.com/photos/14706839@N08/1659249729/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2270/1659249729_c1c7917bf2.jpg" width="500" height="487" alt="OODtestwARPED copy" /></a>

[LadyMac]

Welcome, LadyMac! These are great! The snake particularly freaks me out a bit :eek:.


Thanks Saralonde. That snake was being handled by a handler, thank god. I wouldn't have gone near it otherwise. It is a Tasmanian Tiger Snake, one of the deadliest in the world.

Great work from everyone else.

[smc1377]

Thanks for resurrecting this thread. This reminds me that after I posted my first OOB, I did go ahead and change it up a bit. I deleted the background and then saved it as a gif so that when I post the picture on a webpage that has a colored background, the background shows thru instead of having a white area around the picture. See below...

This is the original...
http://i69.photobucket.com/albums/i69/smc1377/dps/oob3.jpg



This is the gif with the deleted background...
http://i69.photobucket.com/albums/i69/smc1377/dps/oob4.gif


Notice how the second one doesn't have the white space around it so it appears more realistic.

:cool:

[LadyMac]

Way cool idea smc1377. I'll have to give it a go.

[shazzt]

Photoshop Elements users can get mask functionality by using Grant's Tools (http://www.cavesofice.org/~grant/Challenge/Tools/Files.html) (which are free!). They work very well.

[Paddy]

Thanks a lot for the tip re layer masks in Elements Shazzt. I would never have known that this add on was available, great stuff.

[jaydubyasee]

Couldn't get a shadow on the frame and the background detracts but it was fun trying this. Now I've just to take some shots which will really work with oob.
<a href="http://www.flickr.com/photos/jaydubyasee/1742779739/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2269/1742779739_3f68ddd647.jpg" width="500" height="375" alt="OOB Cow" /></a>

[windrider86]

<a href="http://www.flickr.com/photos/alockintime/1608014882/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2166/1608014882_d634633259.jpg" width="500" height="357" alt="Gigi" /></a>

This was my first attmepy which isnt so great. had to use the grass to try and cover the foot and didnt do so well on the back part. But it was fun anway!

[Firemaine]

My first try at OOB, Still don't like the background and can't get a shadow for the frame. I'm using Photoshop Elements 4.0 on a Mac iBook G4 and have installed the mask filter that was mentioned by shazzt. Thanks it works great.
Any and all suggestion are welcomed
<a href="http://www.flickr.com/photos/scfd/1750279001/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2115/1750279001_5273c641dd.jpg" width="500" height="326" alt="He's After us" /></a>

[wulf]

My first try at OOB, Still don't like the background and can't get a shadow for the frame. I'm using Photoshop Elements 4.0 on a Mac iBook G4 and have installed the mask filter that was mentioned by shazzt. Thanks it works great.
Any and all suggestion are welcomed
<a href="http://www.flickr.com/photos/scfd/1750279001/" title="Photo Sharing"><img src="http://farm3.static.flickr.com/2115/1750279001_5273c641dd.jpg" width="500" height="326" alt="He's After us" /></a>
I think it is a great photo for the OOB idea, capturing the boys' sense of adventure.

One element I wasn't keen on was that the grass also escapes the bounds, making it look (to me) like the job wasn't quite finished. However, it is a more interesting background than plain grey. What about using the OOB idea to allow the boys to escape from one photo to another with distinctively different grass and background?

Wulf

[Firemaine]

I think it is a great photo for the OOB idea, capturing the boys' sense of adventure.

One element I wasn't keen on was that the grass also escapes the bounds, making it look (to me) like the job wasn't quite finished. However, it is a more interesting background than plain grey. What about using the OOB idea to allow the boys to escape from one photo to another with distinctively different grass and background?

Wulf
Thanks for the comments and suggestions. I will see what I can do.
When I removed all the grass it looked strange. But I see what you mean by it not looking finished.

[jtailspin]

<a href="http://www.flickr.com/photos/jtailspin/2057983305/" title="First attempt at OOB by jtailspin, on Flickr"><img src="http://farm3.static.flickr.com/2072/2057983305_35266c8f7a.jpg" width="332" height="500" alt="First attempt at OOB" /></a>

I had to download the photoshop cs3 30 day free trial to do this, but it was worth it. I figure I can do alot of these in 30 days. I guess you can do it with elements, but the tutorial I have is for PS.

[jtailspin]

This is my second attempt at OOB. I really like this stuff, the possibilities are endless.

<a href="http://www.flickr.com/photos/jtailspin/2061117804/" title="2nd attempt at oob by jtailspin, on Flickr"><img src="http://farm3.static.flickr.com/2037/2061117804_ccc38cffc8.jpg" width="500" height="480" alt="2nd attempt at oob" /></a>

[jtailspin]

Great looking bird

[RandomConnections]

Excellent work for your first attempts, jtailspin.

I've just come across a Flickr photographer who has been doing some incredible things with OOB's. Micah Ponce (http://www.flickr.com/photos/mappix/) is a graphic designer in South Carolina, and he brings that experience to his work with OOBs. Here's my favorite of his...

http://farm1.static.flickr.com/62/204245273_f7f462561b.jpg (http://www.flickr.com/photos/mappix/204245273/in/set-72157594222807217/)

[Kpclark1959]

My first


<a href="http://www.flickr.com/photos/kpclark/2069937459/" title="OOB Test.jpg by kevin.clark59, on Flickr"><img src="http://farm3.static.flickr.com/2086/2069937459_3095dccbc9_m.jpg" width="206" height="240" alt="OOB Test.jpg" /></a>

[xxpinballxx]

Excellent work for your first attempts, jtailspin.

I've just come across a Flickr photographer who has been doing some incredible things with OOB's. Micah Ponce (http://www.flickr.com/photos/mappix/) is a graphic designer in South Carolina, and he brings that experience to his work with OOBs. Here's my favorite of his...

http://farm1.static.flickr.com/62/204245273_f7f462561b.jpg (http://www.flickr.com/photos/mappix/204245273/in/set-72157594222807217/)

This is amazing and I want to now learn how to do these....never really much interest in OOB's until seeing this shot......thanks for the post RC!

[amy-rose]

tutorial wouldn't load for me? any other suggestions or links. would love to learn how to do this!

[Kpclark1959]

tutorial wouldn't load for me? any other suggestions or links. would love to learn how to do this!

http://www.logicscape.com/oob_tutorials/

I haven't had time to look at it but give this one a try.

[LadyMac]

amy rose have you tried this link?

http://www.flickr.com/photos/28466683@N00/153507433/in/set-72157594146002408/

it is the one I use and it s simple to follow.

Very nice work everyone.

[NWatkajtys7]

This is some cool stuff. I'll have to try this out sometime.

[jb683]

This is a shot I made at a park in South Carolina. I used the tutorial I found here on DPS. I have some others made from some RC aircraft I have been shooting.

<a href="http://www.flickr.com/photos/jb_683/2057071747/" title="OOB_waterfoul by jb_683, on Flickr"><img src="http://farm3.static.flickr.com/2218/2057071747_3714bb2d4c.jpg" width="500" height="482" alt="OOB_waterfoul" /></a>

<a href="http://www.flickr.com/photos/jb_683/2007987767/" title="Out of Bounds by jb_683, on Flickr"><img src="http://farm3.static.flickr.com/2409/2007987767_0b1b155ae9.jpg" width="500" height="480" alt="Out of Bounds" /></a>

[eeyoreandphotolover]

Thank you Digidave

[cgammonsjr]

this is an awesome thread. I always thought you had to have tons of expensive gear to get effects like this.

[jujitsu1]

This thread is soo good I just had to bring it back to life. This is my atempt
<a href="http://www.flickr.com/photos/jujitsu1/2494390895/" title="doberman oob by welshdarren, on Flickr"><img src="http://farm4.static.flickr.com/3138/2494390895_6e2c508f98.jpg" width="500" height="488" alt="doberman oob" /></a>

[jb683]

This thread is soo good I just had to bring it back to life. This is my atempt
<a href="http://www.flickr.com/photos/jujitsu1/2494390895/" title="doberman oob by welshdarren, on Flickr"><img src="http://farm4.static.flickr.com/3138/2494390895_6e2c508f98.jpg" width="500" height="488" alt="doberman oob" /></a>

That's what Im talking about. Love the dog!

[jocelynaz]

Thanks Jujitsu and jb683 for bringing this thread back!! I LOVE this! Here's my first attempt....

~ Jocelyn

http://pix.myphotoalbum.com/h/ho/hom/home/homem/homemakerinprogress/albums/album13/floweryellow_oobs.sized.jpg (http://homemakerinprogress.myphotoalbum.com/view_photo.php?set_albumName=album13&id=floweryellow_oobs)

[dlaf]

I'm still psyched about my first attempt at an OOB, I'll post it here, too. I've already posted it in two other threads. :rolleyes: Didn't know this one was here.

It's from WWYD week #19 that I just did for week #52 thread anniversary.

<a href="http://www.flickr.com/photos/daybeezho/2526424772/" title="WWYD #19 by daybeezho, on Flickr"><img src="http://farm3.static.flickr.com/2217/2526424772_465e42d3eb.jpg" width="500" height="375" alt="WWYD #19" /></a>

[jb683]

Thanks Jujitsu and jb683 for bringing this thread back!! I LOVE this! Here's my first attempt....

~ Jocelyn

http://pix.myphotoalbum.com/h/ho/hom/home/homem/homemakerinprogress/albums/album13/floweryellow_oobs.sized.jpg (http://homemakerinprogress.myphotoalbum.com/view_photo.php?set_albumName=album13&id=floweryellow_oobs)

If this is your first ... I am looking forward to your second. I love the contrast in colors.

[jujitsu1]

Thanks Jujitsu and jb683 for bringing this thread back!! I LOVE this! Here's my first attempt....

~ Jocelyn

http://pix.myphotoalbum.com/h/ho/hom/home/homem/homemakerinprogress/albums/album13/floweryellow_oobs.sized.jpg (http://homemakerinprogress.myphotoalbum.com/view_photo.php?set_albumName=album13&id=floweryellow_oobs)

Your very welcome come and love ur first atempt . Look forward to seeing more from you.

[Firemaine]

I have gotten hooked on this OOB. My newest edition to my collection.

<a href="http://www.flickr.com/photos/scfd/2628389390/" title="OOB Still by firemaine, on Flickr"><img src="http://farm4.static.flickr.com/3115/2628389390_f8b8c37a65.jpg" width="333" height="500" alt="OOB Still" /></a>

[kirbinster]

Darn it, I guess I am going to have to learn how to use Photoshop now.

[UK_tomcat_fan]

That is a Fantastic OOB

[Quicklabs]

My subjects never change much: It's either one of my dogs...
http://img.photobucket.com/albums/v508/lleepoole/Gracedogwalk_edited-3.jpg

Or something from Disney World.... (for some reason I had trouble sizing this one)

http://img.photobucket.com/albums/v508/lleepoole/TigerFramed-1.jpg

[genielamb]

This is such fun, I am totally hooked. The possibilities are endless. Seems everyone does the image with the subject coming out of the frame. I decided to do a reverse and have the subject 'walk' into the frame.

<img src="http://farm4.static.flickr.com/3171/2638944137_0b64ae797f.jpg" width="500" height="274" alt="elephant-bush-sm" />

[Quicklabs]

Especially with the perspectives you have chosen with that large elephant.

[fletch]

Here my try from a photo of me on holiday last year. I've not been able to select the OOB portion very well because of motion blur but I think I've go the effect working.

<a href="http://www.flickr.com/photos/jamesfletcher/2639177171/" title="Into the light by Fletch_81, on Flickr"><img src="http://farm4.static.flickr.com/3039/2639177171_9854586793.jpg" width="500" height="375" alt="Into the light" /></a>

[Digidave]

This is such fun, I am totally hooked. The possibilities are endless. Seems everyone does the image with the subject coming out of the frame. I decided to do a reverse and have the subject 'walk' into the frame.

<img src="http://farm4.static.flickr.com/3171/2638944137_0b64ae797f.jpg" width="500" height="274" alt="elephant-bush-sm" />

Just a couple things you could have done a little better. I don't know what the original looks like but you don't want to have the frame leaning quite so much. Right now, it looks like he's walking onto it, when it should look like he's walking into it. The frame would need to be above his head. Then, his rear leg looks a little odd. You may want to include some of the surrounding grass.

[genielamb]

Thank you for the advice Digidave... I guess it is all a matter of perspective.
Here is a thumbnail of the original and an attempt to capture your perspective. On the second one I did not edit out the 'extra' parts, left dangling when bull elephants play in the water :) However, I have tried to make it appear as if the water flows into the frame as well.

<img src="http://farm4.static.flickr.com/3180/2639475111_b7da6a2d6b_m.jpg" width="240" height="161" alt="ele-orig" />

<img src="http://farm4.static.flickr.com/3063/2640302254_c1a83e8be5.jpg" width="474" height="500" alt="ele-sm" />

[rsambuca]

Pulling the Chute
http://rsambuca.smugmug.com/photos/326290985_Mur74-M.jpg (http://rsambuca.smugmug.com/gallery/5319100_uhL4s/1/326290985_Mur74)

[jojonac]

Here is my try


<a href="http://www.flickr.com/photos/68233716@N00/2640787223/" title="brake out by jojo.nac, on Flickr"><img src="http://farm4.static.flickr.com/3163/2640787223_22afb619d3.jpg" width="500" height="334" alt="brake out" /></a>

[genielamb]

Just thought I would share this with everyone. This technique lends itself to endless possibilities. This is one of them, could it be called a true OOB? ..

<img src="http://farm4.static.flickr.com/3044/2642154253_f5d8c04ea4.jpg" width="500" height="339" alt="through-time" />

or is a round frame better?

<img src="http://farm4.static.flickr.com/3149/2643040986_75206b6943.jpg" width="500" height="308" alt="through-time2" />

[lputman]

genielamb...those are both great!

[genielamb]

Thank you Lori, I started doing it as a normal OOB with the caption 'stepping out of time' but decided the 'stepping through time' angle was better.

[Digidave]

Here's one I just did from my Kayaking Photoshoot.

<a href="http://www.flickr.com/photos/digidave/2646540510/" title="Kayak 1 by Digidave, on Flickr"><img src="http://farm4.static.flickr.com/3180/2646540510_43c549daf1.jpg" width="500" height="357" alt="Kayak 1" /></a>

[genielamb]

Here's one I just did from my Kayaking Photoshoot.


Love that one, the facial expressions lends to the moment!

[GatorKev]

Great pic! I think it also would of looked good if the frame was further back and it was transforming from 1/2 B/W to 1/2 color (or reverse) either way, great job.

Just thought I would share this with everyone. This technique lends itself to endless possibilities. This is one of them, could it be called a true OOB? ..

<img src="http://farm4.static.flickr.com/3044/2642154253_f5d8c04ea4.jpg" width="500" height="339" alt="through-time" />

or is a round frame better?

<img src="http://farm4.static.flickr.com/3149/2643040986_75206b6943.jpg" width="500" height="308" alt="through-time2" />