GIF Layout Editor

Top  Previous  Next

The GIF layout editor provides an interactive way to edit slideshow and burst GIFs. Please note that animated GIFs can be saved as GIFs or MP4 movies or both.

GIFs can have optional background and overlay images and can use a single background or overlay for the whole sequence or different backgrounds or overlays for each frame of the GIF to create animated effects.

 

Click on "Edit layout..." in the "Slideshow GIFs" or "Burst GIFs" tabs of the "Photo Booth Settings" dialog to open the GIF layout editor:

 

 

gif_editor

 

A preview of the animated GIF layout is displayed on the right. On the left there are a series of settings for defining the size of the animated GIF and the placement of photos within the frame. The list in the bottom left displays the filenames of the background and/or overlay file added to each frame of the GIF.

 

Use the "GIF width in pixels" and "GIF height in pixels" settings to specify the size of the animated GIF.

Use the "Photo bounding box left" to specify the position in pixels of the left of the photos from the left of the GIF frame.

Use the "Photo bounding box top" to specify the position in pixels of the top of the photos from the top of the GIF frame.

Use the "Photo bounding box width" and "Photo bounding box height" settings to specify the size in pixels of the left of the photos.

Press the "Refresh" button after making any changes to update the preview display.

 

gif_editor_inset

 

The screenshot above shows the photos inset by 50 pixels within the GIF frame. The GIF frame is 800 x 800 pixels and the photos are positioned to be inset 50 pixels from the left edge and 50 pixels of the top. The width and height of the photos are set to 700 pixels to give a 50 pixel border to the right and bottom. The example animated GIF doesn't have any background images and so the border around the photos is plain white.

 

Click on "Play" to display an animated preview of the GIF. The preview on the right will display the photo number and the GIF frame number and add the background and/or overlay defined for that frame of the animation.

 

The JPEG background and PNG overlay images have the following names:

 

Slideshow GIFs

default background image: slideshow_gif_background.jpg

background image for frame <n> of the animation: slideshow_gif_background_<n>.jpg e.g. slideshow_gif_background_1.jpg, slideshow_gif_background_2.jpg, slideshow_gif_background_3.jpg etc.

default overlay image: slideshow_gif_overlay.png

overlay image for frame <n> of the animation: slideshow_gif_overlay_<n>.png e.g. slideshow_gif_overlay_1.png, slideshow_gif_overlay_2.png, slideshow_gif_overlay_3.png etc.

 

Burst GIFs

default background image: gif_background.jpg

background image for frame <n> of the animation: gif_background_<n>.jpg e.g. gif_background_1.jpg, gif_background_2.jpg, gif_background_3.jpg etc.

default overlay image: gif_overlay.png

overlay image for frame <n> of the animation: gif_overlay_<n>.png e.g. gif_overlay_1.png, gif_overlay_2.png, gif_overlay_3.png etc.

 

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