LiveBooth was an app I created for live event photographers and photo booths. I developed and maintained it for several years, but this year I committed full-time to Simple Booth and realized I can no longer continue working on it. Thank you to you everyone who downloaded and used the app. If you still need it, is is available on the App Store, but it is no longer actively being maintained. If you’re looking for world-class photo booth apps and hardware, I encourage you to check out www.simplebooth.com!

Sincerely,
Mark Hennings

How to create an overlay in Photoshop


Posted on: June 16th, 2013 by admin 2 Comments

When LiveBooth Photo Share opens, the app downloads a watermark image from a URL in the app settings if the overlay is turned on. You can create your own overlay and upload it for the app to download. This brief tutorial will show you how to get it to be the right size for your images.

Before creating a watermark overlay for your LiveBooth Photo Share app, first you must decide (or find out) what resolution your photos will be. Most cameras will tell you the pixel size when you are selecting the quality. If you are using a watch folder, you should be able to click on one of the photos and get more information about it. It is important that all the photos are the same size and that they do not change horizontal to vertical or vice versa.

To create your own overlay:

new-photoshop-document

  1. Create a new document in Photoshop and define the width and height in pixels to match the exact same as the size of the photos you will be taking. This will be your canvas that will cover the entire image, edge to edge and corner to corner. If you do not want to cover the entire image, you can just have a graphic in the bottom right corner by creating the graphic on this screen to the proportion that you want it and then crop it to that size. Make sure to leave a little margin.
  2. Create a new layer by going to Layer > New > New Layer. This will be the layer you put your logo or other graphics on. You can create as many layers as you need and change the opacity of each to get a watermark look.
  3. Now disable the white default background layer by clicking the small eye icon next to it in the layer panel. You will see a checkered white and gray screen. Everything that has the checkered pattern will be transparent. If you only want to put your logo in the corner, you can just size your logo appropriately in the bottom right corner, crop the image how you want, and use it that way. If you’d like to get a better idea of how it will look with a real image behind it, just copy and paste one in as a new layer and place it under your overlay layer(s).
    layer-panel
  4. When you are done, go to File > Save As and change the save format to PNG. PNG’s allow varying levels of opacity which the app also supports. You may also want to save it as a .psd to modify or add to later.
  5. Upload your .PNG to a web server and find it using your favorite web browser on your iPad. If you do not have access to a web server to host your image, contact us.
  6. Copy and paste the URL (including http://) into the settings for LiveBooth Photo Share app.

And there it is. We leave the creative artistry up to you. Contact us if you need additional support getting the overlay to work properly.