*These dynamic images can be integrated with feeds, ensuring that any feed updates automatically re-render the image.

To publish a banner as a dynamic image and track impressions:

Open the Banner: Select the banner you wish to publish as an image and click the “Publish” button.

Choose the sizes you want to publish and click Next.

Select the Bannernow (Static Image) Ad network.

Choose the image format (JPG, PNG, or Auto/WEBP). Enable the retina option if you require a 2x image size.

After publishing, copy the provided image URL.

You can now use this image URL on any webpage or ad network. For instance, you might create an HTML page with an <img src= /> tag that references the dynamic image generated by BannerNow.

Let’s do a test and reload our web page a few times.

Reloading the webpage multiple times will load the dynamic image accordingly.

o verify impression tracking, access the Reporting dashboard in BannerNow. The report will display the exact number of impressions, corresponding to the number of times the dynamic image was loaded. For example, if you reload the page 7 times, the report should show 7 impressions.

This functionality allows for effective monitoring of your dynamic images performance across various platforms.

Let’s first create a simple animation with 2 texts that appear “from left”.

As you can see the text is overlapping the white vertical line.

We need to add a mask to the text layers to make it look as if it’s running out of line.

Add a new rectangle shape and make sure that it covers the text and has the same X and Y position as the vertical line.

Right-click on the shape layer and select Mask. The mask will be applied to the first layer under the shape layer.

When an object is converted to a mask, it has a mask icon in the front of the layer name. You can add more layers under the same mask by simply dragging the layer to the mask group.

And now, thanks to the power of clipping mask, the text is running from the vertical line without overlapping it.

And there we have it! That’s how clipping masks work in BannerNow!

Visit our Knowledgebase page for more tutorials!