template design guide - amazon s3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp...

13
Content Management: [email protected] + 01 . 701 . 866 . 7254 Template Design Guide

Upload: others

Post on 26-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Content Management: [email protected] + 01 . 701 . 866 . 7254

Template

Design Guide

Page 2: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

What’s a Template …………………..…………. 1 Zone Example ……………………….……………… 2 Use Your Assets! …..……………………… 3 Step 1 in Building a Template ……………........... 4 Zone Details ……………………...…….. 5 Using Transparency …..…..……………………… 6 Sample Templates ……………...........................….. 7 Pre-Made Templates ……………………….…….. 8 Animation ………………….….…….. 9 Video Resources ………………….….…….. 10 Content Services ………………….….…….. 11

Table of Contents

Page 3: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

What’s a Template?

p-1

Done it

A template is a collection of playlists, images, App(s), RSS/Twitter feeds – CONTENT placed to play or appear in defined areas of your display.

Think of you display as a blank sheet of paper and you are creating a dynamic – changing advertisement with unlimited content!

Before you can design a template you should have the following:

a: A plan – what are you trying to show -

b: Media – have you uploaded your media / images, movies

c: Apps – what apps (weather, RSS, stock) do you need to add

d: Display – what is the resolution of the display screen How many displays Orientation (portrait – landscape)

Done it

Done it Done it

For more detailed information on the template designer – please refer to the “Revel Digital Field Guide”.

Page 4: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

In a basic template you have the following parts of which are referred to as “zones”. A Zone is an area in which you want a specific image or movie or event to occur/be displayed within your screen.

Zones Example

Date

App: Weather Vertical Slide show and/or Movies

Background

RSS – Ticker feed and/or

Twitter feed

Done it

Time

p-2

Here is an example of a template with various zones

Page 5: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Use your Assets:

Add your play list (with 1 transparency) and – there you have it – dynamic content

In the template maker add some apps: time of day, date – weather etc. to your background image

Done it

p-3

Most businesses have a website – if you’re looking for a “background” for your template – use your website.

From Web to Template Background Do a screen shot – PhotoShop it . . . Set your image size to the size of your display – example 1024 x 768

Page 6: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Step 1 in Building a Template

When you create/build a template some of the basic preparation steps are:

Create a playlist of the images/videos/ppt/ (content) from the media/content that you have already uploaded

Make sure you have uploaded your “static” images, images (jpgs, bmps, etc.) that will be the background or some constant part of the template

If you want to display the temperature – go to Media – add Apps and add the type of Apps you want.

If you want to display web pages – have the link ready

If you want to display Twitter(s) – have the link ready and built in the Playlist category – also the same with RSS feeds

Done it

p-4

Page 7: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Using zones allows you to present dynamic media to your audience

Exploded Zones

Done it

This is what the template maker zones look like before you see a preview.

The individual images, playlist, time, and temperature modules

p-5

Becomes this on your media player screen

Playlist – video – ppt etc.

The above diagram shows you the various “zones & zone contents” of a template and the end result as displayed on a media player’s screen.

Page 8: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Transparency

This allows you to stagger the weather / stock or other Apps that receive their information from the Internet

Done it

p-6

When your playlist goes from 1 image to the next and is displaying the “transparent image” you will see what ever is in the zones “underneath” the playlist zone,

Using transparencies ( a “PNG” image that is clear, empty) allows you to create / display a lot of stuff.

To be used effectively – upload the transparent png image into your Media folder. And then add it

to your playlist – which can be a playlist of images, videos, ppt etc.

Page 9: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Sample Templates

Below are several “menu board” template examples. You can use the same thought process to create any type of price board!

Done it

p-7

Transparent area for putting a playlist with various ads. You could also put the time/temperature behind your playlist – add a transparency to the playlist and bang – you now have a very dynamic presentation.

Put your food images in a play list and have them rotate and also – change out by time of day!

Have your entire menu change by time of day!

Use the “text field” to change our pricing without the hassle .

Page 10: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

How To Use Pre-Made Templates

Included in the Revel Digital Portal – and sometimes provided by your ReSeller – are Pre-Made Templates. You can “load/copy and use” these pre-made Templates by goin to the Templates tab, select “add Template”, browse and select your template and your done.

Done it

p-8

Templates usually have “transparent cut-out / holes” for you to have your playlists and/or content of choice played behind. This is up to you. Try them – style!

Page 11: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Animation

Done it

Contact Revel Digital for more information on animation possibilities:

Content Management: [email protected] + 01 . 701 . 866 . 7254

p-9

One of the advanced features of Revel Digital is the ability to add animation to your digital signage –

Animation(s) can include:

. a blimp that goes in – out, behind images, in front of text – random flight

. a bee as part of the logo – coming alive and drawing attention to the days specials

. background/clouds that go by and change color by the time of day or weather . menu items – merchandise images change by time of day / temperature

Page 12: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Video Resources

Done it

p-9

Available on the Revel Digital website are various instructional video clips: Topic: Revel Digital Introduction: http://www.youtube.com/watch?v=yD8bz8keMYM Topic: QuickStart Guide: http://www.reveldigital.com/Content/Walkthrough/quickstartC.html Topic: Template Demo: http://www.youtube.com/watch?v=6b1FDFtuC9I

Keep going to Revel Digital and view new video clips / also available on YouTube: Topic: Kiosk Demo http://www.youtube.com/watch?v=6LtVZriETlM Topic: Menu Board http://www.youtube.com/watch?v=0TJpcTGc9WE&NR=1 Topic: transparency demos http://www.youtube.com/watch?v=6b1FDFtuC9I&feature=related Topic: Revel Digital introduction http://www.youtube.com/watch?v=yD8bz8keMYM&feature=related Topic: Quick start guide http://www.youtube.com/watch?v=E3aN9erCmZI&feature=related

Page 13: Template Design Guide - Amazon S3s3.amazonaws.com/entp-tender-production/assets/9e7d64f.... a blimp that goes in – out, behind images, in front of text – random flight . a bee

Content Service(s)

Revel Digital’s content team and affiliated agencies are able to provide you with the following services:

Template creation

Content creation (video, graphics)

Logo design

3D animation

Content management

p-10

Content Management: [email protected] + 01 . 701 . 866 . 7254