Print Layout Editor

Top  Previous  Next

The print layout editor provides an interactive way to edit the placement of photos and logos on the print layout and to add captions.

Prints have a user definable background color on which is placed an optional background.jpg image followed by the photos with an optional overlay.png image and optional captions.

 

Click on "Edit print layout..." in the "Photos" tab of the "Photo Booth Settings" dialog to open the print layout editor:

 

print_layout_editor

 

First set the print width and height in pixels e.g. fset the width to 1800 and the height to 1200 when printing 6" x 4" prints on a dyesub printer printing at 300 DPI.

Click on "Update page size" after making any changes to the width and height.

 

The "Set photo aspect ratio" button resets the photos to the same aspect ratio as the live view display. This can be useful if the photos have been resized and their aspect ration changed causing them to be cropped when printing.

 

Click on the "..." button next to the background color to change the background color of the prints.

 

Click on "Import background..." to copy a JPEG image into the screen folder and name it background.jpg. If there is an existing background.jpg image in the screen folder it will be replaced by the new background image.

Click on the "Delete" button to the right of "Import background..." to delete the background.jpg image.

The print layout in the screenshot above has a white background covered by a background.jpg image that is the same size as the print and has a green background plus the "Breeze Booth" logo and URL.

 

Click on "Import overlay..." to copy a PNG image into the screen folder and name it overlay.png. If there is an existing overlay.png image in the screen folder it will be replaced by the new overlay image.

Click on the "Delete" button to the right of "Import overlay..." to delete the overlay.png image.

The overlay is placed over the background and photos and should be the same size as the print and contain transparent areas so that the photos can be seen. The opacity of the overlay can be controlled from fully opaque to full transparent using the PNG image's alpha channel. The overlay is useful for adding fancy borders to the photos or logos which overlay the photos.

 

Click on "Import logo/photo..." to copy a PNG logo or photo and add it to the print layout.

Click on the logo/photo to edit its size and position or right click on it and select "Delete photo" to delete it.

The logo/photo is placed over the background, photos and overlay and can be resized, moved or rotated as required. The opacity of the PNG logo/photo can be controlled from fully opaque to full transparent using the PNG image's alpha channel.

 

Click on a photo or logo to select it:

 

print_layout_editor_selected

 

Move the photo by holding down the left mouse button and dragging the photo to a new position.

Resize the photo by dragging one of the four resize handles in the corners.

Rotate the photo by dragging the rotation handle which is to the right of the center of the photo with a line joining it to the center. Hold the shift key down when rotating to snap the rotation to 15 degree intervals.

 

print_layout_editor_edited

 

Right click on a photo or logo to display a menu of options:

 

layout_editor_photo_menu

 

Select "Edit photo position..." to display the "Photo Position" dialog if you need more precise control over the photo's placement than is possible by dragging and dropping:

 

photo_position

 

The photo can be centered horizontally or vertically within the print layout by selecting the "Center horizontally" or "Center vertically" menu options.

 

Use the "Move back", "Move forward", "Move to back" and "Move to front" options to change the order in which the photos are added to the print layout. In the screenshot above photo 1 has been rotated and moved so that part of it is behind photo 2. Photo 1 can be placed over photo 2 by right clicking on photo 1 and selecting "Move to front".

 

Select "Delete photo" to remove it from the print layout.

 

Right click on the print background to display a menu showing a list of elements that can be added to the print layout:

 

layout_editor_menu

 

This will have an option to add a caption, options to add the photos and options for logo images if there are PNG images with filenames starting with "logo_" in the screen folder.

 

Select "Add caption..." to add a caption to the print layout. This will add a caption showing "Caption 1" to the print layout. The caption can be dragged to a new position and edited by right clicking on it and selecting "Edit caption...":

 

edit_caption

 

Use the "Caption" text area to change the caption text. The caption can contain tokens such as {time} for the current time, {uid} for the photo's unique id or {eventName} for the event name. The tokens will be replaced with their actual values when the photos are printed.

 

The position of the caption can be entered manually using the "Left offset" and "Top offset" settings. These specify the offset in pixels from the left and top of the print layout respectively.

The text can be rotated by specifying the angle of rotation in degrees.

 

Click on the "...." button to the right of the text color to change the text color.

 

Please note: If more control is required over the appearance of the caption text, e.g. the use of different fonts or fancy effects, they can be added to the background.jpg or overlay.png images using an image editor such as Photoshop. You only need to use the captions in the print layout editor if you want to use tokens to create captions whose values are determined when the photos are printed.

 

The overlay, background and logo images are stored in the screen folder which is specified on the General Settings screen.