Why so serious?
I could bore you with an entire discussion on stereophotography and the ins and outs of stereoscopic vision, but instead I'll cut to the chase so you can see how to make 3D screenshots from Halo, with a few explanations along the way. If you're really interested in learning more about some of the techniques I touch upon here just Google topics such as "stereo photography" or "stereographic 3D" for more information.

If you want some samples of my work so far, check out my previous post, Halo 3-D Screenshots, or see my full sets on flickr, available in Red/Cyan Anaglyph for those with 3D glasses, and Crosseye for those without.

In this tutorial we will basically be using the Halo 3 theater to save two screenshots (a left-eye view and a right-eye view) which we will then download and make into a more convenient red/cyan stereo image (I will also show how to make one for crossed-eye viewing if you don't have 3D glasses, though you could always try Googling "free 3D glasses"). The only piece of software needed for this project (other than Halo 3 on the Xbox 360, obviously) is the excellent StereoPhoto Maker. It is a free tool for Windows-based PC's that will assist us in making and tweaking our final 3D image. You can follow the previous link to the homepage or download version 3.10a directly here.

Getting Started
  1. Start up Halo 3 and resist the temptation to play a match online. On the main menu choose Theater.
  2. In the Theater Lobby, choose Film: and from the Select Film page choose the film you will want to take a screenshot from.
  3. Back in the Theater Lobby, choose Start Film when it is ready.
  4. Once the film has started find something you are interested in making a 3D screenshot of. It is assumed you know most of the ins and outs of the Theater, but when in doubt consult the manual, or the Bungie How To: Saved Films page, or hit Start to see the control layout.
Taking The Shot
  1. When setting up your shot for 3D you should take into consideration a few things that you wouldn't necessarily be concerned about otherwise. Here are a few things to keep in mind:
    • You will have to be in the third person detached view in order to make the appropriate camera movements for the shot (so, no first-person 3D views). To do this you'll need to hit the Y Button to Change Camera Type until the camera is no longer locked on to a player and can fly about the world. If you move the camera and it's rotating around the player you're not in the right mode.
    • The directions given here assume you are not in the "zoomed in" mode available by clicking the Right Stick. This mode changes the field of view and could be used for making stereo shots, but these directions were not written with that view in mind (but feel free to experiment--I suspect you will find you don't need to move the camera as much).
    • Assuming you are focusing on something that isn't right against the camera, be mindful of objects (terrain, foliage, parts of buildings, explosions, shell-casings, etc.) that are very close to the camera. They may look cool in a regular screenshot, but if you are taking a stereo screenshot and they are not the focus, they may be too close and cause eye strain. That is not to say you can't have anything close to the camera, but remember that they'll be right in your face when you put together the final 3D version.
    • Note that many explosions and other weapon effects in the game aren't actually geometry but rather flat polygons with textures applied. When viewing in 3D they may seem a little odd or "flat". In my experience this hasn't really detracted from any of the 3D screenshots I've made, and I encourage you to take shots that include explosions (because, hey, they look really cool) just keep this mind if you notice them looking funny.
  2. Once you've chosen a subject you're ready to actually take the screenshots. At this point it is helpful to reduce the sensitivity of the camera to make the process easier. Hit the Start button to bring up the Film menu, then push right on the Left Stick to move over to the Settings Tab. There choose Game Controls, Flying Camera, Speed and set it to Slow. Back out of the menus to get back to the game/theater.
  3. Frame your subject(s) for the first shot, keeping in mind which way you're going to have to move the camera for the second shot (so that it too is framed correctly). Let's arbitrarily say that you are going to take a shot where your subject is closer to the right side of the screen first. Line it up and hit the X Button to bring up the film controls, then with the Directional Pad (NOT the left stick) move over and choose the Camera Icon ("Take Screenshot"). After it scans the screen choose Save as... and give it a name. I suggest labeling it with the subject and the letter "L" for "Left Eye".
  4. Now we make the big decision that makes or breaks this 3D screenshot: how far to move the camera for the second shot. We will be moving the camera to the RIGHTonce the Theater is done saving/uploading your first shot. You will be pushing only right on the Left Stick and not touching the Right Stick at all. Try not to move forward or backward or point the camera elsewhere. You don't want to swivel the camera, you just want to pan slightly, constricting your motion to only left/right. The amount you move determines the "eye separation" and to an extent the "Wow, 3D!" factor of the resulting shot. In the real world, you would move the camera the average distance between your eyes to get a "realistic" stereoscopic picture, but it's nearly impossible to determine how that would translate into in-game units, and we have no way of judging how many of those units we are moving our camera. Instead, with a little experimenting and some number crunching, I came up with an amount of movement that delivers pretty good stereo results. You'll want to move the camera such that the closest object of interest in the scene--perhaps a rocket coming from a launcher, or the tip of a sniper rifle, or just a Spartan himself--moves no more than about 2.95% of the width of your television/monitor (in this case by pushing LEFT on the Left Stick. So, if you've got a big honkin' 60" widescreen TV which is around 52.3" in width, you are going to move the camera such that the closest object of interest moves about 1.54" across the screen (52.3 * 0.0295). If you're playing on a 16" wide monitor, that would be more like 0.47 inches. These are numbers that work well for me but by all means experiment and see what separation distances provide the most pleasing results for you.
  5. Save this screenshot by hitting the X Button to bring up the film controls (if you closed them), then with the Directional Pad move over and choose the Camera Icon ("Take Screenshot"). After it scans the screen choose Save as... and give it a name. I suggest labeling it with the subject and the letter "R" for "Right Eye"
Uploading the Screenshots
  1. Every screenshot you take is automatically uploaded to Bungie. However, sometimes they don't successfully transfer, do to network or server issues at one end or the other. Also, sometimes it takes awhile for the screenshots to appear on Bungie.net. If you are in a hurry, I recommend adding your newly taken stereo shots to your File Share.
  2. From most menus, hit the Start Button to bring up the Media menu and choose File Share. Select an open slot (or remove some shares to free one up) and choose Screenshot then pick the appropriate shot to upload. Don't forget to share both your left and right pictures.
Retrieving Your Screenshots
  1. On your PC, browse to www.Bungie.net. Click Sign In in the upper right corner to sign in with your Windows Live ID. Once you're signed in, click on Halo 3 in the upper right corner. (If you don't know your Live ID or don't feel like bothering, you can choose Find a Player from the My Stats dropdown and search on your Gamertag to find your Halo 3 stats page).
  2. Click on Hi-Res Screenshots and check to see if the pictures you snapped are there. If so, click on the thumbnail of the screenshots and, in the new window that opens, click on the image to download it. Save it someplace meaningful and preferably with a name that makes sense (i.e. whatever you named it when you took the shot in the first place). Don't forget to download them both.
  3. If you don't see them there and were forward thinking enough to save them in your file share, click on Return to Service Record Main and there click on File Share. Find your screenshots, click on the thumbnail, and in the new window that opens click on the image to download, naming it appropriately. Don't forget to download both your left and right image.
Making It 3D
  1. The final step in the process is to create a 3D image. If you haven't already, download the free StereoPhoto Maker tool (web site | 3.10a direct download) to your PC and unzip it someplace useful. Mac/Linux folks, you might want to check out the Engadget story on how to make 3D photos or Google how to do it with Photoshop or The Gimp.
  2. Start up StereoPhoto Maker (there's no installer, just run the app that came in the zip). Choose File->Open Left/Right Images and browse for your left-eye picture. Assuming you consistently named them (i.e. one ending in "L" and one ending in "R") StereoPhoto Maker will find the other file automatically and ask if you want to load it (hit Ok). Otherwise, browse for the other file.
  3. You will see your images side by side. To view it as a Red/Cyan stereo image, go to Stereo->ColorAnaglyph->color (red/cyan). Put on your glasses and admire your handiwork. You might want to compare and contrast this with a half-color anaglyph by choosing Stereo->ColorAnaglyph->half-color (red/cyan). You may find that through the glasses one looks better than the other (perhaps its the tint of the armor or the colors in the scene or reflections on a nearby surface that make the difference). If it doesn't look 3D or looks off somehow, you might have the left and right images reversed. Choose View->Swap Left/Right (or just hit the X hotkey) to swap the left and right images and see if that looks better.
  4. If the eye separation--the is, the distance you originally moved the camera--is too great you may have a hard time resolving the image or it may strain your eyes. You can fix this a bit by moving the images closer together simply using the arrow keys. More than likely you will be using the right arrow key to move them closer together (the x number after Position Alignment at the bottom of the screen will go up and the red and blue images on the screen will get closer together). Doing this doesn't really change the 3-dimensionality of the picture (you set that when you took the snapshots) but putting them closer together may help eliminate eye strain (at least for the main subjects or close up object--objects in the background may become harder to resolve). The true effect of moving the screenshots closer together/further apart after you've taken them is to change where the 3D objects appear with respect to the "window" on the scene (either in front of, or behind) which is a topic beyond this discussion.
  5. When you're satisfied with your Red/Cyan Anaglyph, you can save it by going to File->Save Stereo Image. It's important to note that compression artifacts are a huge detriment to the stereo effect and as such you will want to save in a loseless format. BMP and particularly PNG are good choices ("Full colors"). You can also save it as a JPG, just be certain you set the Image Quality to 99 and tick the No Compression Ghosting option to avoid compression artifacts inherent in saving it as a jpeg. (Additional note: If you plan on putting these up on flickr, be advised to save them as PNGs or JPGs. I found that if you save as a BMP and upload to flickr, they convert the file to a jpeg and it introduces a fair number of compression artifacts.)
  6. If you don't have 3D glasses you can easily create a 3D image for cross-eyed viewing. If you're in one of the Red/Cyan modes you can choose Stereo->Side-by-side->Side-by-side to get back to the side-by-side view. Now, you'll want to swap the left and right views (assuming they were correct to begin with). Do this by choosing View->Swap Left/Right or by hitting the X hotkey once. Now the left image is on the right and the right image is on the left. Since the original images are pretty large (1920x1080, which is 3840 pixels wide side-by-side) you'll likely want to resize it to something more easily viewable before saving. This is a matter of preference, but 500 pixels per image works pretty well for me. Choose Edit->Resize and enter 500 for X (make sure Keep Aspect-ratio is ticked as well as Resample). Hit Ok and the image is resized. Finally you can save this out just like the Red/Cyan was saved by choosing File->Save Stereo Image and choosing an appropriate format (as mentioned above, something losless like BMP, PNG, or JPG at 99 image quality).
  7. You can even make a "Wiggle Stereo" version (an animated GIF that goes back and forth between images) by choosing File->Make Animation GIF in StereoPhoto Maker.
Congratulations, you can now show the world how you teabagged some poor noob... in glorious 3D!
Stumble Upon
50 comments
The StormBringer said...
Hmmmm...I don't know if that's enough detail!
Why don't you just come over to my house and DO IT FOR ME?
Kato (post author) said...
Well, maybe just for you.
Paulius said...
Just a hint for people who want to use your 'crossed eye' pics (not many people have red/cyan glasses hanging around) Rather than do the "magic eye" method (which results in lots of eye strain and frustration trying to get it to work), do it this way:

Bring up the pic on screen, then get a small piece of paper and hold it about halfway between your eyes and the screen.

Close your left eye and move the paper until it completely obscures the left image. The do the same for the right eye.

Once you've adjusted to where only your left eye can see the left image and your right can only see the right, open both eyes and the two seperate images will seem to 'merge' into a 3D shot.

Oh, and thanks for the link...I used to do this manually in photoshop.
Anonymous said...
Hey man, this is very cool. Have you checked out the advanced camera options?

LB + RB + LS + A + UP [D-PAD]

If you hold all those for three seconds, you'll get the coordinates for your camera and whatnot.

Since you have the experience with 3d, maybe you could develop some way to figure out the exact movement necessary for the camera?

Check it out and let us know.
Kato (post author) said...
Thanks for the tip, I'll have to check it out!
Kato (post author) said...
Paulius: Good tip, Paulius, thanks.
jtbksc said...
Great tutorial! I've been taking stereo photos/screenshots as a hobby for a long time, and HALO 3 is PERFECT for it! I've put a few anaglyph and cross-eye pics here:
http://www.flickr.com/photos/jtbksc/
Phil C said...
Paulius, are you suggesting that we can move our eyes independently? If you close one eye it will still move with the other one...
Anonymous said...
wow this guys side by side shots are AMAZING!

It keeps the orginal colors and WOW do they stand out! This is GREAT!!!!
Kato (post author) said...
jtbksc: Thanks! I checked out your gallery--really nice stuff. I noticed you used a much smaller (and probably more "realistic") eye separation than I'm espousing here. Are you just using trial-and-error or do you have any rule of thumb you're going by?
CheshireKAY said...
Incredible, I love the Idea. I really want to make some animated gifs of the wiggle ones, you know, because people are so lazy. I really enjoyed all of the cross eyed ones too. Thanks for the tutorial. You're my creative hero. I'm on the other side of the world from my copy of H3 right now, but I'm gonna try this as soon as I can!
Kato (post author) said...
cheshirekay: I didn't immediately mention it in the article, but the StereoPhoto Maker software also supports the "Wiggle Stereo" by selecting File->Make Animation GIF. If you make any, drop me a link, I'd like to see what you come up with.
jtbksc said...
Hi! I don't have any methodology, I just push the stick a little bit. Sometimes I'll take 3 shots, so I have more options! I'm always experimenting.
Anonymous said...
Here's a few anaglyphs that I've done:

http://marsunearthed.com/Halo3D/Halo3_3D.htm

Hope you like them!
Kato (post author) said...
jtbksc: That's where the art really comes in, doesn't it... experimenting to see what results are most pleasing.

Anon: Great stuff, thanks for sharing!
Casvah said...
Hi. Following this tutorial, I've just created my first 3D image. I hope you all enjoy it. See it at http://www.geek-tweak.com/halo3d/
Once I learned how, it only really took about 5 minutes to make and upload.
Anonymous said...
Until you guys learn how to properly place the stereo window your results are always going to be amateurish and less than realistic. Don't feel bad, everybody makes this mistake, even folks who are trying to come across as experts. It is important, it's the difference between ok anaglyphs and truly great ones and the best thing is, it's easy to get right. Also, jpeg compression wrecks your images. Never use it. Try using gifs as your final output and if you're starting with jpegs convert immediately to and do all of your work with lossless formats like bmp or png. Also, always oversharpen a little to help the eye/brain out. Looking through color filters isn't natural and a little extra clarity makes a big difference. And never use red/blue glasses, only red/cyan if you want to see a bright image with some color.

A couple of basic rules and Stereo Photo Maker are all you need.

1) In capturing your stereo pair be very very careful to move the camera exactly horizontally. In anaglyphs the eye is extremely intolerant of vertical offset between the red and cyan components. Poor image capture in will make it impossible to correctly horizontally align your images and it will wreck your anaglyphs quicker than anything.

2) Learn how to properly place the stereo window. Picture your monitor's screen as an actual window and think about what parts of a scene, if any, could, in real life, actually project through it. The window plane, the line that seperates what is outside the window (receeding) and what is inside (projecting) is where your screen is. Touch it, it's a closed window until you open it to let something come through. Just remember though, if it's coming through the window it must fit within the window frame. Otherwise, just like in real life, it has to stay outside where it belongs. Screen depth, or the window plane, is also where your cursor always is. It's the point at which an object in the red image is directly on top of the same object in the cyan image. Use this concept in Stereo Photo Maker to decide how to horizontally shift the red and cyan images in relationship to one another for proper stereo window placement.

What's the big deal about the stereo window? It's the difference between a natural, comfortable to view scene compared to one that is somewhat ambiguous and gives the impression that something just isn't right. The ambiguity will show itself along the left and right sides of an image where an impossible situation has been set up due to the erroneous vertical alignment of red and cyan components. The brain knows there's a problem and won't be able to make sense sense of parts of the scene.

Or you could continue to make second rate anaglyphs, that's okay too but understand, if your goal is to create great images, you can't ignore any of this.

BTW, the marsunearthed images are done correctly and are beautiful!

Good luck!
Anonymous said...
Haha. The previous poster had some good advice, even though he was kind of a dick about it.


The one thing that I've learned, and maybe it was in the steps of the tutorial that I didn't read, but the background is the part of the picture that has to be lined up in its red and blue forms.

I don't know why that wasn't immediately obvious to me, but it really is the most effective point of focus. This will also help you figure out how much you should move the camera, depending on how close the object in the immediate foreground is, so that it doesn't split too far apart (a head-on view of the sword is an example of an object that needs very little horizontal camera movement in order to capture).

Anyway, with a brand new widescreen monitor, I am hopelessly addicted to making these.

I....have a headache.
s1k0 said...
omg thanks soo much this is awesome take a look at my work http://s239.photobucket.com/albums/ff198/s1k0/ thanks!
Kato (post author) said...
Yes, the poster two comments ago could have been less of a dick with his comment. He makes some points, and reiterates some of mine.

* This article was about making 3D screenshots with Halo, not a treatise on making truly realistic professional 3D imagery. That's an exercise left to the reader.

* I would disagree with using GIF files as you output. GIFs only support a maximum of 256 colors, which may or may not be enough for your scene. I prefer to have the larger color range afforded by other formats. Which is why in the article I suggest using BMP of PNG (both lossless) or JPG at highest quality (mostly lossless).

* It is true that compression will hurt/ruin the stereo effect, as stated in the article but you don't have to avoid JPG completely. Just set it at the highest quality level and, in Stereo Photo Maker, use the No Compression Ghosting option in StereoPhoto Maker (as stated in the article).

* It IS important to move only horizontally (left/right), as stated in the article.

* Placement of the stereo window is important, though beyond the scope/intent of this article. You are bound to have some "window violations" where an object looks like it is sticking out only to be cut off unnaturally by your screen, but sometimes that's unavoidable or okay. If you are going for a "Wow, 3D!" effect, it may not be critical that it's not "perfect". After all, the stereo separation suggested here is not realistic but chosen for aesthetic reasons.
Kato (post author) said...
To the anonymous poster who commented on lining up the left/right images for the background: You're hitting on the concept of the placement of the stereo window. If you want to know more about it, I suggest Googling or checking out the Wikipedia entry which might have some details or helpful links. Where the red and cyan images completely overlap with no separation is what is called the "stereo window" or just "window" and will appear flush with your viewing device (a monitor in this case). Anything behind that point in your 3D world will appear to be behind/into your monitor, anything in front of that point in the 3D world will appear to be in front of or stick out of your monitor. Where you make this point is a matter of personal, artistic, and practical choice. If you set up the background such that it is at the stereo window then everything will stick out of the screen (which may or may not be desirable). Most of my images have this overlap point existing somewhere behind my main focus (usually a character or characters) so that they jump out of the screen, with the rest of the scene behind it.

It's kind of complicated to both explain and understand, which is why I left it out of the article. But my opinion is: fool around with your pictures and decide on what looks best.

You should take into consideration, though, that the amount you move the camera when you take the picture effects the amount of depth you'll see in the final scene (because it directly effects how much the left and the right eye see of each object in the world).

In this tutorial, I suggest the technique of picking the closest interesting object in the scene and moving the camera a fixed amount based on that. It sounds like you are doing something similar, but using the background as that point of reference in terms of camera movement. If we were going for a realistic approach we'd move the cameras the same amount no matter what we had in our scene (and that distance would be the distance between our eyes). But since we have no good way of moving our cameras the same distance each time, we use something that works for us. That's where the art comes in, right?
CheshireKAY said...
Hey Kato, I've made some "wiggle" pics using your cross eyed photos, but only uploaded the swords one. I used yours(and hopefully that's ok with you or I'll tell the guy who I had post it to take it down, though I did give you full credit for the images and plugged your witfits site in the email I sent him, hopefully that'll make it through) because I am currently 6000 miles from my 360 and copy of halo3. I wanted to email the ones I made to you first but I haven't been able to find your email address on this site anywhere. Thanks for the awesome pics and the time killer. I really just hope you don't mind. Oh and the site I got the one I submitted on is http://halotivations.blogspot.com/ .
Kato (post author) said...
I look forward to seeing your wiggle-shots. As long as you gave credit for the image I posted here, that's fine.

As for my contact information... it's available on the About page and my profile bio linked wherever you see Kato.
blanman said...
AWESOME AWESOME AWESOME!!!
Thanks sooo much for this tutorial. It's actually ironic that I saw this because just yesterday I found my 3d glasses. Thanks again, and heres a link to a picture that I made. I think it came out really nice.
MY PIC
Anonymous said...
Dude Thank you so much this ROCKS i've been able to make a few this morning with this guide and that program, it's quite easy

oh and that code that gives you coordinates...

LB + RB + LS + A + UP [D-PAD]

that one, it only works in local games, you can't do it on xbox live
Anonymous said...
I made one, and it looks pretty good. But I don't know of an image hosting site that will upload without changing to .jpg

It looks terrible as a .jpg

Can someone help me out with this?
Kato (post author) said...
blanman: You're welcome. Nice pic, it came out well!

Anon 1: Glad you were able to understand my wordy instructions. Feel free to post a link to your work if you have uploaded them someplace. And thanks for the code... I'll have to try it out. Though I'm not sure I have enough digits to hit all those buttons at once.

Anon2: I use flickr and they look fine as JPGs there. I usually save mine as either PNGs or as JPGs set to be lossless (as described in the article) and flickr doesn't seem to add too many compression artifacts (but it will if you try to upload BMPs... something about how they reformat them). You could also try Photobucket, should work there too.
blanman said...
I upload my pictures as PNG's to www.imageshack.us
I really like that site.
Anonymous said...
Unbelievable. Nice Work!
jerry said...
how bout some rampant speculative ideas...

what if we have a scene in forge, where 2 players are the monitor and are spaced eye-width apart in a fixed position. both record a short video scene, like a nade stick. can frames be extracted from those 2 videos and used to make a 3d video clip?