Tweet
* Allen Christopher Logo
*
*

Creating a Custom Layout in SnapShot Studio™ Photo Booth

**

2/06/2012
by Christopher Rosado


PrintRipper LogoCreating custom layouts with SnapShot Studio is fairly easy. To get started, you'll need to open SnapShot Studio™ Photo booth. Go into your settings, create a new layout, and then create a new template. If you don't have a copy of SnapShot Studio™ Photo Booth, head over to our download form and get one.

*
**

Sample: 6x4, Four Images, One BannerPhoto Booth custom layout starting page

To save a little time, use the cheat-sheet below.

Fraction Cheat-Sheet:

.75 = 3/4”
.5 = 1/2”
.25 = 1/4”
.125 = 1/8”
.0625 = 1/16”

Warning: This particular layout will require a lot of calculation!photo booth custom layout general sizing for bottom images

First, let's calculate the width of the three images that will span across the bottom of the layout: 6 inches (paper width) divided by 3 images will equal a maximum of 2 inches in width for each image (6÷3=2).


White Space: How Much Do You Want?

We don't want the images running into one another, so we include the white space in between each image. We'll use .125" (1/8") as our spacer. For three images, we will need to offer an allowance for four spaces: 4×.125=.5" (1/2").photo booth custom layout bottom images with resize and spacer

Now that we've calculated our spacer, we need to subtract .5" evenly from 3 images to get our final image width. .5÷3=.166"

Our new image width would be 1.834". Let's put this number aside and move on to calculate the height and figure out how big we can make our top image.

As just like our width, we'll want an even space of .125" between images. There are only two images (including our banner), so we need an allowance for three spaces: .375" (3/8"). We divide that in half to make the allowance for two images: .188". Hold onto this figure for a moment.photo booth custom layout calculating top image

We want our top image to be a little larger than the three photos in the bottom strip. With that in mind, let's see what that maximum height(s) would be for two images in a 4" space: 4÷2=2" height. Easy!

We're going to give the top image more height than the bottom, so we'll take .25" from the bottom height and add it to the top. That would make the top image's maximum height 2.25" and the bottom images 1.75".
All we need to do is allow for our white space, for which we subtract .188" from our height of each image:photo booth custom layout  complete visual
Final Top Image Height= 2.062" (2.25-.188)
Final Bottom Image Height= 1.562" (1.75-.188)

What about the top image's width? To make the layout visually balanced, we may want to have the top image's right edge line up with the middle of the second image on the bottom. The calculation for this would be 2.876”=(1.834+.125)-(1.834÷2)

Last but not least, we need to figure out the banner size. to keep things balanced, we'll use the height from the top image and make that the height of the banner: 2.062". To figure out the width of the banner, we'll subtract the width of the top image and the total of three white spaces from the paper width: 2.749"=6-(2.876+(.125×3))

All we need to do now is plug in the sizes and tell SnapShot Studio where to place the images, measuring from the top and left sides of the paper… More math :-(

 

                     
  Image 1   Image 2   Image 3   Image 4   Banner  
Width 2.876   1.834   1.834   1.834   2.749  
Height 2.062   1.562   1.562   1.562   2.062  
Left .125   .125   2.084   4.043   3.126  
Top .125   2.312   2.312   2.312   .125  

photo booth custom layout plugging in the numbersTechnically, I should have subtracted half of the white space from the top image and added it to the banner, which would then line up the white space perfectly with the center of the bottom image (second image, bottom-left). For the sake of not throwing in further complication and the simple fact that most will not use a rectangular graphic for the banner, we can get away with it as-is.

The math involved with this particular layout was calculation-intensive when compared to other , more simple layouts like the photo strips or 4 Up quadrants.

If you've managed to get a grasp on what we've done in this example, you'll be able to create just about any layout you can dream up!

*
* *