Creating your image overlay or frame

This article contains instructions explaining how to create an overlay (also known as a "watermark" or a "border'). If you prefer that we create an overlay for your brand, just let us know.

Once added to a campaign, an overlay will be added to all uploaded images (photos, GIFs, boomerangs, and videos) and it will be added to images uploaded from all apps and platforms. The overlay will also appear in the viewfinder of our apps as you are capturing the image, and when the image is shared to social networks.

Each campaign can have one overlay. It can be changed in the Customize section of the Admin Site. Once it is changed, it will be applied to any new images uploaded after that point. 


Here are the basics of creating an overlay.  
  • Overlays should be in .PNG file format with transparency
  • Overlays should always be 1280 pixels wide.
  • The overlay is positioned at the bottom of the uploaded image. This means that if the overlay is 1280 pixels wide x 300 pixels tall, the overlay will be a strip running along the bottom of the image.

To create an overlay as a full border, you just need to match the overlay to the aspect ratio and orientation of the image. For example:

Square Images: Create an PNG that is 1280 pixels x 1280 pixels

Portrait Images (in a 3:4 aspect ratio): 1280 pixels wide x 1707 pixels tall

Landscape image (in a 4:3 aspect ratio): 1280 pixels wide x 960 pixels tall

Just remember that the overlay is always 1280 pixels wide, even if most of it is transparent. Then the height of the overlay will vary depending on the height of the captured image.

If an overlay is too tall for the captured image, then the top of the overlay will just be cut off. So if you create a 1280 x 1707 pixel overlay and run graphics along the bottom and the top, the top graphics will not appear in the landscape version of the image. 


Overlay Examples:
Here is a semi-transparent overlay that runs along the bottom of the uploaded image:



Here is that same overlay at full size (1280x960 pixel PNG). Click to open the overlay in a new window and right-click to save it:






Another example showing the uploaded image with the overlay added:



 
This is a 1280 wide x 355 tall PNG. It will be automatically positioned in the bottom of the uploaded image, whether the image is vertical or horizontal.
Click to open this overlay in a new window and right-click to save this overlay:




Other overlay ideas


A standard overlay that covers the bottom right corner:



Full frame overlay.  
This covers all four sides of the photo with area in the middle for the subject.  
We often don't recommend this type of overlay because a vertical photo will result in the photo being cut through the middle by the top of the overlay.




Left Side Overlay
An overlay on the left side of the image. You would make the overlay 960 tall if you were taking horizontal photos and 1709 pixels tall if you were shooting vertical (portrait) photos. 




Another full frame overlay in the shape of a circle. By combining an overlay with a creative shooting angle, you can create interesting effects.












Feedback and Knowledge Base