Frequency Documentation

Graphics Onboarding

Motion Graphics Overview
1. Define Concept, Look & Feel

You will need to determine first and foremost:

  • What are the goals to use motion graphics in your channel

  • Which triggers you'd like to use

  • Which template class/type/example you'd like to implement for the triggers selected

  • How you'd like the templates to look and feel

2. Prepare Style Guides & Assets

Below is a set of assets we recommend sending over to ensure the highest quality possible on all of your motion graphics elements.

Please send any and all of the below to your account manager or to operations@frequency.com

Assets

Description

Specs

Style guide document

Style guides are a common practice for consistency of branding across products. If you do not have a style guide available, feel free to walk us through thematic elements of your branding and send examples.

Colors, guidelines, font, sizes, etc.

Photoshop / Illustrator Master

A layered master image that represents an extremely high quality of your branding that can be used for creating animations.

.ai, .psd

Logos

Any additional logos or versions of logos you would like featured in your graphics package.

JPG, PNG, GIF, SVG

Backgrounds

Provide images that would serve well for your backgrounds. Keep in mind on what type of coverage this image would have (bottom third, half screen, corner, etc.)

JPG, PNG, GIF

Screenshot of overlay mockup

This will present a basic idea of how you would like elements shown and moved around the screen.

JPG, PNG, GIF

Videos of mockup / walkthrough

A video or animated mockup of how you would like graphics to move on screen, locations, and your ideal presentation. We can make it happen!

MP4, MOV, MKV

3. Frequency Graphics Setup & Activation

Frequency will consolidate the requirements for concept, look & feel, style guides, and assets to set up the motion graphics compositions/overlays for the linear channel.

Initial Configuration Timeline

Step

Activity

Days

1

Delivery of concept, style guides, and assets

1

2

Implementation of Graphics templates

1-3

3

Graphics Testing

2

4

Live on Channel Playout

0

Triggers

Triggers represent automated events in the timeline of your program for when a motion graphic will appear. Each channel can be configured any or all of the supported triggers in the SCHEDULE tool's Graphics pane.

16975685.png

Trigger

Definition

Duration

Program Start

This message is displayed several seconds into the start of a new program starting. This is a good space to promote upcoming events or specials, sponsors, or other important information.

5-30 seconds

Program End

Played shortly before the program finishes. This is a great place to put upcoming programming to keep users in their seats.

5-30 seconds

Ad Start

This trigger will appear before ad breaks, so it will likely be seen often. It is a good place to promote events or specials, as well as upcoming programming for the next few hours, populated by dynamic metadata.

5-30 seconds

Ad End

Played a few seconds into returning from an ad break. This placement is ideal for a "You're Watching" element, or otherwise promoting something about your channel.

5-30 seconds

Templates

Below is a set of some examples of the types and uses of motion graphics that can be overlaid your stream, and when they can occur.

Location

Type

Use Case

Screenshots

Top / Bottom

Lower-thirds

  • You're watching this program

  • Coming up next

  • We'll be back after a break

  • Upcoming events

16975614.png
16975615.png
16975616.png
16975617.png
16975618.png
16975619.png

Top / Bottom

Upper-thirds

You're watching this program

16975620.png
16975621.png

Corners

Channel Logo

Channel logo

16975622.png

Corners

Parental Rating

Parental rating of current program

16975623.png

Corners

Promotional

Sponsors

16975624.png

Corners

Messaging

  • Reminders

  • Call to action

  • Additional information

16975625.png
16975626.png

Sides

Messaging

Promotional

  • Reminders

  • Call to action

  • Additional information

16975627.png
16975628.png

Bottom Ticker

Call to Action

  • Visit Website / Social Media

16975629.png

Half Screen

Now / Next / Later

  • Programming that is coming up next, and later

16975630.png
16975631.png

Full Screen

Now / Next / Later

Programming that is coming up next, and later

Full Screen

Channel artwork

Full screen overlay while video finishes

16975632.png
Custom Fields

Custom fields can be implemented in Overlays where a Studio user can make changes on-the-fly via the GRAPHICS tool. This is useful for text fields or image artwork that would change in text value over time. Setting up these fields would allow immediately changes without reconfiguration of an Overlay.

16975698.png