Removing branding from sample events

Breeze Booth comes with five sample events as standard, professionally designed to run on iPads. Run these events out of the box to get a feel for what you can achieve with the App, then tweak or customize them to use at your own events.
October 2019

Introduction

You have complete control over the appearance of print layouts and burst GIFs created using Breeze Booth and of the content of the emails and texts it sends. The sample events have some Breeze branding to show you how branding can be applied. This can be easily removed and replaced with your own or your client’s logos.

They also have a welcome screen  displayed each time an event starts. This screen contains information about the event, and reminds you where to find the hidden exit button. Again you can remove or edit this screen.

Emails sent by the sample events contain notes explaining the content of the event. You need to remove and replace this with your own content. You can find a copy online here if you need it later.

The sample events are all designed to run in portrait orientation. If anyone tries to use the iPad in landscape orientation, they are prompted to rotate the iPad back to portrait.

This tutorial explains how to remove or replace

  • branding in print layouts, slideshow and burst GIFs
  •  sample email text
  •  welcome screen
  • privacy/information screens
  • prompt to rotate the iPad from landscape back to portrait orientation

Before you start

  • You will need to make these changes using our Windows based Event Editor. There is no extra charge to use the Event Editor with Breeze Booth. Download the Event Editor here
  • Once you have finished editing the events, you will need to transfer them to your iPads. The easiest way to do this is via Dropbox. Getting your designs to your iPad/iPhone with Dropbox.
  • To keep the original sample events as well as your edited versions, start by cloning the event you want to work on.

Finding your way around the sample events in the Event Editor

You can create your own events from scratch very quickly using the Event Creator.

These sample events include subtle professional touches. I am going to show you how to remove the branding etc without losing the quality of the overall design.

When you download the Event Editor, you also download the sample events. So when you open the editor for the first time, you will see them listed on the main screen:

Selecting an event to edit in the Breeze Booth Event Editor

I am going to work on the first Demo, which is called Props and Filters. Click on it then choose Edit Event.. (or double click on the event) to open it.

 

Event Editor: main profile screen (only used for complex events using profiles)

Almost all the design is within portrait profile (1). We will also look briefly at (2) the Welcome screen and (3) handling situations when the device is accidentally used in Landscape orientation.

Let’s start with (1). Select the Edit button highlighted in green above. You will see the Photo Booth Settings screen. This shows you the name of the folder containing the screens and overlays etc (4). Open this folder and take a look. If you have already played with the sample events, you will see some familiar images.

Photo Booth Settings screen General Tab (Breeze Booth Event Editor 1.3.1)

The tabs at the top of this screen cover different aspects of the design.

Print layouts

To remove the branding from prints, go to the Print Layout Editor. Select the Photos tab, then Edit Print Layout.

Opening the Print Layout Editor (Breeze Booth Event Editor 1.3.1)

Delete the sample background and overlay ( NB not all the sample events have both) as shown:

Deleting the print overlay and or background

You can import your own background and overlay if needed (call them background.jpg and overlay.png) and make other changes as required. For detailed instructions see the  online manual

Note: when you have finished, save your work and take another look at the screens folder. The original background.jpg and overlay.png should have been removed. If you replaced them with new background and overlay images, you should see them in this folder.

Slideshow GIFs/MP4s

To remove the branding from Slideshow GIFs, go to the GIF Editor. Select the Slideshow GIFs tab, then Edit Layout.

 

Opening the Slideshow GIF Editor (Breeze Booth Event Editor 1.3.1)

Slideshow GIF editor showing current overlays and any backgrounds (6)

The overlays and backgrounds in the current design are shown on the left (6). To remove these, you need to delete the relevant images from your screens folder.  At the top of the editor screen you can see a reminder of the folder they sre stored in (7).

Delete unwanted slideshow GIF overlays and backgrounds from the screens folder. Give any replacements the same names, and ensure they are the same size in pixels (Breeze Booth Event Editor 1.3.1)

When you have deleted and replaced your overlays and backgrounds, select Refresh (8) and check the list has been updated. You can also Play the GIF (9) to check the effect of your own designs.

Note: The example above has one static overlay shown for both photos. To learnhow to add dynamic overlays and backgrounds to your GIFs and to make other changes, see the Online manual.

Burst GIFs/MP4s

Now switch to the Burst GIFs tab, and open the Burst GIF editor.

The burst GIF editor works in the same way as the slideshow GIF editor. This time the overlay and background are called gif_background.jpg and gif_overlay.png

Replace or delete the background and overlay images (gif_background.jpg and gif_overlay.png)  in the same way as before.  To find out how to make other changes to burst GIFs see the online manual

Let’s move on and change the email text.

Emails and texts

The final tab is the Share tab. You choose the sharing options here, including the text sent with emails.

Photo Booth Settings Sharing Tab (Breeze Booth for iPad 1.3.1)

Work through the email tabs and change the subject and text of each email used. (You will find some are blank, because they are not used in the current design).

iOS and SMTP emails

The sample events use the iOS mail app. To send SMTP email and texts, please see this section of the online manual. For other information about this tab, see the  Sharing Settings  page.

Press OK to save your work and return to the main profile screen.

Main profile screen

Welcome screen/initial profile

Each sample event includes a Welcome screen with information about the event. The welcome screen include a reminder that there is a secret button in the top right hand corner of each event ready screen to access the admin menu. (You can password protect the settings screen if required.)

 

Sample welcome screen for the Props & Filters demo. An overlay called ready_overlay.png is displayed over over a plain background called  ready.jpg

If you don’t want to use a welcome screen, just change the initial profile (2) to None.

To replace this screen with one suited to your own events, perhaps including instructions for your operator, or support information for unattended booths, click on the Edit button to the right of (2) at the lower right of the screen.

This brings up the General tab for the initial profile. Open the Screen folder.

Screens folder for the welcome screen (initial profile). You can replace ready.jpg and ready_overlay.png with your own equivalents. Make sure your replacements are the same size in pixels as the originals.

Save your changes  (OK) before going back to the main profiles screen.

Booth orientation (optional)

You can run Breeze Booth in both portrait and landscape, and set it up to automatically switch between the two when the iPad is rotated. Most iPad booths run in portrait orientation, so the sample events are designed for this. We have included a simple screen prompting operators to rotate the iPad back to portrait if they try to run it in landscape.

Booth orientation screens folder

You can remove or change these screens in the same way that you changed the welcome screens.

Info/privacy statement screens

Info screens provide a way of displaying information such as privacy statements or help to the user. Info screens can display one or more pages of information and are available in the ready screens and the sharing screen. Each info screen can have a JPEG background, an animated GIF overlay and a PNG overlay.

You will find them in the screens folder. As the sample designs contain buttons to access these screens the simplest way to customize them is to replace each screen with your own version (even if this just contains a place holder).

You can also edit the screens which call access your Info screens, but that is beyond the scope of this tutorial. Learn more about editing touch screens.

Edit the main portrait profile again (1) and open the screens folder. Note that info screen names may be called

  • ready_info<n>.jpg, ready_info<n>.gif, ready_info<n>.png if they are accessed from the ready screen
  • gif_ready_info<n>.jpg, gif_ready_info<n>.gif, gif_ready_info<n>.png if accessed from a burst GIF ready screen
  • share_info<n>.jpg, share_info<n>.gif, share_info<n>.png if accessed from a sharing screen

You can find our more about using  info screens here

Note about Demo 4 (Printing) & profiles

Demo 4 offers guests a choice of print layouts, using a menu and profiles.

Breeze photo booth profiles are powerful building blocks you can use to customize your booths to offer guests choices such as print layouts or which language is used in a multi-language system. Demo 4 uses profiles to offer a choice of three print layouts.

You will need to edit each option (1, 2 and 3) to remove the branding. There is no branding in the menu profile, so you do not need to change this.

Example using profiles. You will need to remove the branding for Options 1, 2 and 3. (There is no branding in the menu profile.)

Checking your work on your iPad

Once you have finished editing the events, you will need to transfer them to your iPads. The easiest way to do this is via Dropbox. Getting your designs to your iPad/iPhone with Dropbox.

If you find any mistakes, or want to make further changes, make them in the Event Editor and update them from the iPad.

Hint: When you update an event from the iPad, you just download the parts of the event which have been changed. This saves lots of time and unnecessary bandwidth repeatedly downloading complete events. It’s a great feature, which you will find very useful if you ever need to update an event on an iPad out in the field with a poor internet connection!

Finally

We have covered editing sample events in the Breeze Booth Event Editor, to remove or replace

  • branding in print layouts, slideshow and burst GIFs
  •  sample email text
  •  welcome screen
  • privacy/information screens
  • prompt to rotate the iPad from landscape back to portrait orientation

There are faster ways for advanced users to achieve the same results by editing the correct screen folders, then updating the manifests. This more leisurely approach is easier for beginners to understand.

I have included links to other tutorials which take you through creating events from scratch, cloning them, and transferring your work to your iPad(s). I hope you have also started to get a feel for the powerful Breeze Booth Event Editor.