The new overlay mode in Cinemagraph Pro for iOS allows you to add images and text on top of your cinemagraphs. This feature is ideal for incorporating branding and creative effects, and eliminates the need to tediously mask around an imported still image like in previous versions. In this tutorial, you will learn how to navigate overlay mode and edit image and text objects in Cinemagraph Pro for iOS.

Navigating Overlay Mode

Tap on the layer icon in the Cinemagraph Pro toolbar to enter overlay mode. 

Tap on the add icon to add an image or text object on top of your cinemagraph. Select Insert Image to open Photos and choose an image. Select Insert Text and double-tap on the object to bring up the keyboard. Anytime you want to return to the main editor, simply tap Done button in the overlay toolbar. 

To edit an object, you must tap to select it on the canvas or in the object list. When you select an object on the canvas, you will have the option to cut, copy, paste, delete, and duplicate it.

Drag an object on the canvas or to position it on your cinemagraph. By slowly dragging objects on the canvas, you can snap to the center, edge, and corner alignment guides. 

Pro Tip: If you want to position multiple objects at the same time, select one on the canvas and hold while tapping each additional object and drag to position them on the canvas. You can also select multiple objects by tapping on each one in the object list.

Drag the grabbers around an object inwards and outwards to resize it on the canvas. By default, the scale of images will be preserved. If you do not want to preserve the image's original scale, tap Unlock Aspect in the inspector. You can then lock the aspect ratio if you want to preserve the image's new scale.

Touch and hold an object using two fingers and rotate clockwise and counterclockwise to rotate objects on the canvas. You can also rotate an object using the steppers in the inspector. Tap on the flip vertical and horizontal icons in the inspector to flip an object on the corresponding axis.

Move the slider in the inspector to adjust the opacity of an object. By default, any adjustments made in the main editor will not be applied. If you do want adjustments made in the main editor to be applied to an object, enable Apply adjustments in the inspector.

If you insert an image or text object that will overlap with another overlay, you may have to arrange the stack order to ensure objects appear in the correct order on your cinemagraph. Touch and hold an object in the object list and drag it up (forwards) or down (backwards) to reorder objects on your cinemagraph.

Choose the font, style, size, color, and alignment for text objects in the inspector.


  • Toggle visibility for an object in the object list if you want to hide overlays or export multiple variations of your cinemagraph
  • Swipe left in the object list and tap on the Delete button to delete an object
  • Tap on back and forward arrow icons in the overlay toolbar to undo and redo edits made in overlay mode and all other views

Note: Overlay mode is available in Cinemagraph Pro for iOS 6.2 and requires iOS 11 or later. If you are using an earlier version of iOS, lean how to update the software on your iPhone or iPad

Did this answer your question?