Creatives

Rich Media (RM)

Rich Media (RM)

HTML5 (java script) creatives

HTML5 - a banner type of creatives, that created using JavaScript, HTML, and CSS. They can include images, animations, videos, or any combination of these elements. The creatives can support a variety of engagements: taps, shakes, clicks, etc.

HTML5 (js) creative requirements:

For Google Web Designer or GWD requirements. Please read this article: Google Web Designer banner creation.

HTML5 (js) creative 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 Javascript tag format and click "Continue"

js4 ps.jpg

Step 5: You will be greeted with the upload screen. Indicate the Title (1) and size (2,3) of the creative

js5 ps.jpg

Step 6: Then choose the file you want to upload. 

js6 ps.jpg

After that click "Save".

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

Rich Media (RM)

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. 

 

Rich Media (RM)

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: