Changing Backgrounds & Overlays
What is it?
Users can select different backgrounds and overlays to personalise their output. In true Breeze fashion this can be handled in numerous ways, depending on your requirements and preferred user flow. Each option has its own benefits and way of doing things.
In this Guide
In addition to these methods please also see Dynamically Assigning Overlays and Backgrounds for more advanced options.
Confirm Printing Screen
Different backgrounds and overlays can be chosen in the print preview screens confirm_printing.jpg or confirm_printing.png using touchscreen actions.
The "Stills prints next background" and "Stills prints previous background" touchscreen actions can be used to cycle through the available backgrounds or guests can select a background directly using the "Stills prints background #1" through "Stills prints background #6" touchscreen actions. When the guest chooses a different background the print preview displayed in the print confirmation screen is updated automatically to show the new background and overlay.
Enable Print Preview
Print background and overlay swapping is performed in the print preview screen. The first step is to enable "Display print preview" in the Photo Settings. Next edit the, confirm printing screen, in an image editor to add the graphics for the buttons used to select different backgrounds (e.g. next background, previous background, background 1 etc.). Then add the touchscreen actions for selecting the backgrounds using the touchscreen editor.
Add the Artwork
Next add the background images and optional overlay images to the photo booth images folder. The background images should be JPEG images named background1.jpg, background2.jpg, background3.jpg etc. The optional overlay images should be PNG images and named overlay1.png, overlay2.png, overlay3.png etc.
For the best results please ensure the background and overlay images are the same size in pixels as the print layouts e.g. a 4" x 6" print at 300 dpi is 1200 x 1800 pixels in size and so the background JPEG should also be 1200 x 1800 pixels in size.
Ready Screen String
This method allows a user to select an option on the ready screen whilst seeing a real time preview of their selection. This method works for photos, burst GIF's and Videos.
The ready screen string is set by using the touchscreen actions readyString1 through to readyString10 in the Touch Screen Editor. Each readyString corresponds to the relevant background option and will load it when selected by the user. For example, tapping the readyString2 button will load aibg_background_rdy2.jpg
Example Files for a Photo Session
Start by creating the AI background images for your photo along with a different ready screen overlay that highlights the background that has been selected. Then in the Touch Screen editor, add the action "readyString1" over the first option, "readyString2" over the second option and "readystring3" over the third option.
|
|
|
|
|
|
File Names
| File Name | Description |
|---|---|
aibg_background_rdy<n>.jpg |
The background image for the photo. Where <n> is an option between 1 and 6 eg: aibg_background_rdy2.jpg |
| aibg_overlay_rdy<n>.png | The overlay image for the photo. Where <n> is an option between 1 and 6 eg: aibg_overlay_rdy2.jpg |
ready_rdy<n>_overlay.png |
The ready screen overlay design for a photo session, where <n> is an option between 1 and 6 eg: ready_rdy2_overlay.png - highlighting the second background option |
gif_aibg_background_rdy<n>.jpg |
The background image for the burst GIF. Where <n> is an option between 1 and 6 eg: gif_aibg_background_rdy2.jpg |
| gif_aibg_overlay_rdy<n>.png | The overlay image for the busrt GIF. Where <n> is an option between 1 and 6 eg: gif_aibg_overlay_rdy2.png |
gif_ready_rdy<n>_overlay.png |
The ready screen overlay design for a burst GIF session, where <n> is an option between 1 and 6 eg: gif_ready_rdy2_overlay.png - highlighting the second background option |
video_aibg_background_rdy<n>.jpg |
The background image for the Video. Where <n> is an option between 1 and 6 eg: video_aibg_background_rdy2.jpg |
video_aibg_overlay_rdy<n>.jpg |
The overlay image for the Video. Where <n> is an option between 1 and 6 eg: video_aibg_overlay_rdy2.png |
video_ready_rdy<n>_overlay.png |
The ready screen overlay design for a Video session, where <n> is an option between 1 and 6 eg: video_ready_rdy2_overlay.png - highlighting the second background option |
Profiles
Profiles provide a way to switch to a different folder for the screen images and can be used to select different screen images and backgrounds.
For example, to use profiles to select backgrounds in photo mode, start by creating a simple event with AI background removal enabled.
Edit the ready_background.jpg background image and the 1.jpg countdown image to show background 1.
Edit the print layout background image, background.jpg, to show background 1.
Then clone the profile to profile 2 and edit the ready and countdown screens to show background 2 and change the print background image to show background 2.
In the ready screen for profile 1 add a touchscreen action to select profile 2 and in the ready screen for profile 2 add a touchscreen action to select profile 1.
The user will then be able to select background 2 by tapping the profile 2 touchscreen action when profile 1 is displayed or select background 1 by tapping the profile 1 touchscreen action when profile 2 is displayed.
Surveys
A survey screen can be displayed when the user taps the start button and the output from the survey can be accessed using tokens in the filename overlay/prefix for photos, burst GIFs and videos. The survey can be used to select different countdown and capture screens to display different backgrounds behind the live view images and applied to the print layout in photo mode, the backgrounds in burst GIF mode and the background image or video in video mode. Please see the Overlay/Background Filename Suffix section for more details.