The Assets Panel serves as a centralized repository for uploading, storing, and accessing all assets related to the creative template. Asset types are shapes, fonts (Text), images, videos, and audio.
These assets can be placed onto the design board, turning them into layers. Currently, Ad Builder supports the following file types:
Font: TTF, OTF, WOFF/WOFF2, and TTC.
Image: PNG, GIF (converted to APNG), JPG, and SVG. (A 10 MB file size limit exists.)
Video: MP4, GIF (converted to WEBM), MOV (converted to MP4), and WEBM.
Note: GIF files are usually used for video with an alpha channel (transparency).
Audio: WAV, MP3, FLAC, OGG, and M4A.
Adding Assets
In the Ad Builder, the types of assets you can upload depend on the template type. For instance, the option to upload video assets is only available for video, in-banner video, and interactive video template types.
Uploading Image, Video, and Audio Assets
The Image, Video, and Audio sections display their respective uploaded files using a card view (). Each card provides a thumbnail preview of the asset and additional actions upon hovering over it.
To help manage larger sets of files, a file structure view () is available, where assets can be organized into folders for easier navigation and management. It replicates a typical file system hierarchy within the panel. Additionally, you can search for an asset by name using the search bar or filter assets by file type and/or extension.
To add assets and folders:
Click on the Image, Video, or Audio section.
Click the plus button.
Choose one of the following options:
Upload (Files): Select files from your local device to use. After selecting, click Open to upload them.
Tip: Drag and drop an image or video file into the Assets Panel to quickly upload it.
Upload Folder: Select folders from your local device to use. After selecting, click Open to upload them.
From Assets Library: Opens the Assets Library, where you can select from previously uploaded files or add new ones and subsequently add them to the Assets Panel. For more information, see the Assets Library article.
Click OK to add the files to the Assets Panel.
Once uploaded to the Assets Panel, the files are stored under their corresponding asset type. You can double-click or drag and drop the asset to add it as an Image, Video, or Audio layer in your composition.
Important: To ensure GIF/APNG images remain animated when used as layers in your composition, meaning they play all frames correctly when rendered, use the Stretch resize option. This option prevents the image from being resized, preserving its animation.
Uploading Font (Text) Assets
Click the Assets Panel and choose Text.
Click the Plus button to open the Fonts Library.
Select from the library fonts or add new ones to the library. These can subsequently be selected to be used in the Ad Builder. For more information, please refer to the Fonts Libraryarticle.
Click OK to add the files to the Ad Builder's Assets Panel.
Once uploaded to the Assets Panel, the files are stored under their corresponding asset type. You can double-click the asset to add it as a Text layer in your composition.
Tip: Drag and drop a font file into the Assets Panel to upload it.
Deleting an Uploaded Asset
Right-click on the asset and select Delete.
Assets Toolbar Filter
The Assets toolbar enables you to filter the uploaded assets and easily identify those that have been added to the composition, as well as those that have not.
Click Text, Image, Video, or Audio to access the filter.
Select between:
All: To see all uploaded assets.
Current: To see the assets that are being used in the selected ad format.
Not used: To see the assets that have not been added to the selected ad format.
Adding Assets to a Composition
Click the desired asset type (shape, text, image, video, or audio).
Note: For shapes, the pen tool allows you to create any custom shape within the composition. Press Shift while drawing with the pen tool to restrict movement to 15-degree rotations, making it easier to draw straight lines.
Select the desired asset and drag and drop it inside the composition.
Utilize the Layer Panel or Layer Panel settings to adjust the layer's properties as needed. Click the hyperlinks provided above to access more information.