Rich Media (RM) (Rework will be needed)

Eskimi Rich Media Creatives guide

Uploading Rich Media (RM) Template Creatives - Manual

Rich media creatives is a banner type of creatives that includes advanced features like animations and other elements that encourage viewers to interact and engage with the content. This type of creatives can be created and uploaded manually using templates in Eskimi platform. As well as our developers will able to create exclusive RM from client’s materials (workable psd file, scenario).


Types of RM template creatives and requirements to original images:

Horizontal: Available in Two sizes (300x250, 320x480). We need 3 different images of each size. So, if you want to run two sizes, you need to send 6 images- 3 images for 300x250 and 3 images for 320x480. Chronology of the images can be selected the way you want.

Vertical: Available in One size (300x250). We need 4 different images of 300x250. Chronology of the images can be selected the way you want.

Scratch to Reveal: Available in Two sizes (300x250, 320x480). This creative is made from 2 different images. First selected/uploaded image will be creative first frame which will need to be "scratched", second will be final creative image. We recommend to have CTA (Call To Action) button "Scratch to reveal" on first image.

Shake n Break: Available in Two sizes (300x250, 320x480). This creative is made from 2 different images. First selected/uploaded image will be creative first frame which will brake after user will shake his/her phone, second will be final creative image. We recommend to have CTA (Call To Action) button "Shake your phone" on first image.

Rotating Triangle: We can make this if we are provided with HTML Javascript tag. Or, our developers can make it with 3 psd files.

Rotating Billboard: This creative is in a style of a billboard. Simply upload an 995x250 image and watch how it spins around revealing the banner image as it spins. As well the user can drag around it to see the creative contents faster.
3D Dancing: Available in Two sizes (300x250, 320x480). We need 2 different images of each size- the background and the foreground. Foreground - this is the layer, where the elements of the banner will upfront, which will give the 3D effect, and it is very important, the front elements are in a transparent image. Background - this is the back layer this can be any type of image you want.
So, if you want to run two sizes of Dancing, you need to send 4 images- 2 images for 300x250 (1 foreground+ 1 background) and 2 images for 320x480 (1 foreground+ 1 background).

Animated Cubes: Available in Two sizes (300x250, 320x480). This is an animated banners. Each image is separated in to 6,

3d cubes. Upon image swap they rotate, to reveal the second image. So we need 2 images per creative.


RM creatives uploading process:

Step 1: Log in to your DSP account, go to Creative Sets

js1 ps.jpg

Step 2: On the new page click "Add creative set"

js2 ps.jpg

Step 3: On the next page indicate the creative sets Title and select the Banner format. 

js3 ps.jpg

Step 4: Then select Rich Media format and click "Continue"

rm 4 ps.jpg

Step 5: You will be greeted with the upload screen. Indicate the title (1), choose template type (2) and dimensions (3) of the creative. Then choose the images you want to upload (4)

rm 5-6 ps.jpg 

After that click "Save" (5).

Then RM creatives can be applied when setting up the campaign. 

Creating 3D Banners: A Comprehensive Guide

In the realm of digital advertising, capturing the audience's attention is a paramount goal. One method that has gained immense popularity for its ability to captivate viewers is the use of 3D dancing and parallax banners. These innovative banners employ a layering technique to achieve a mesmerizing three-dimensional effect, check them here. 


Understanding the Basics

Before we dive into the creation process, it's crucial to understand the fundamental components of 3D dancing and parallax banners. These banners consist of two primary layers:

1. Background Layer

The background layer serves as the canvas upon which your ad is displayed. It features a static image that serves as the backdrop for the entire advertisement. The background's role is to provide context and set the scene for the dynamic foreground element.

2. Foreground Layer

Positioned prominently in front of the background, the foreground layer contains the captivating, floating element that creates the dynamic effect in your banner. This dynamic element is what gives the illusion of depth and movement, making your ad truly stand out.


Creating 3D Dancing and Parallax Banners

(Recommended) Option 1: Two Separate Images 
  1. Create Two Distinct Images: In this approach, you will create two separate images of the same size – one designated for the background and the other for the foreground. These images should be compatible in terms of dimensions and resolution.

  2. Background Image: Design or select a suitable background image that aligns with your ad's message. This image will serve as the static backdrop.

  3. Foreground Image: Design or select the dynamic element that will create the 3D effect. Ensure that the foreground element has a transparent background to prevent it from obscuring elements behind it, such as the background.

  4. Transparency Considerations: Be meticulous about ensuring that the transparency of the foreground element is maintained to avoid obstructing the background entirely. This transparency is what will create the parallax effect.

Option 2: PSD File with Separate Layers
  1. Start .with psd file : Begin by creating or opening a .psd file. This file should be structured with distinct layers for both the background and foreground elements.

  2. Design the Background: On the background layer, design or import the static image that forms the foundation of your banner. Ensure it complements the theme and message of your advertisement.

  3. Craft the Foreground: On the foreground layer, design or insert the dynamic element that will give your banner its 3D effect. This could be a product, character, or any element that aligns with your advertising goals.

  4. Layer Manipulation: Use Photoshop's layer manipulation tools to adjust the position, size, and orientation of the foreground element to achieve the desired 3D effect.

  5. Export with Flexibility: The advantage of this method is flexibility. You can export the background and foreground layers as separate images. This flexibility allows for easy adjustments and optimizations in various advertising platforms.


Uploading Parallax Banners in Eskimi DSP

In Eskimi DSP, you have access to a range of captivating 3D banner templates of various dimensions , including 3D dancing, Parallax, Parallax 3D Triangle, and Parallax 3D Cube. Incorporating these templates into your advertising campaigns is a straightforward process. Each template has specific requirements for frame sequences:

To implement these templates in Eskimi DSP, navigate to the Creative sets. When uploading your creative assets, ensure you arrange them according to the specified frame sequence for your chosen template:

ezgif.com-video-to-gif (12).gif


In Summary

In summary, 3D dancing and parallax banners are a powerful tool in the digital advertising arsenal. These banners combine a static background with a dynamic foreground element to create a captivating 3D effect that can engage and enthrall viewers. The key methods for creating these banners are through the use of a .psd file with separate layers or by working with two distinct images.

Whether you choose to utilize the flexibility of a .psd file or work with two separate images, careful attention to detail is essential. Ensure that the foreground element's transparency is maintained to avoid obstructing the background, thus achieving the desired parallax effect. With these techniques, you can create stunning 3D dancing and parallax banners that leave a lasting impression on your audience.