Identity Website Broadcast graphics
1.0 2.0

The making of the Dragtimes broadcast graphics 2.0

Overview• Process

Preparing captions for the new season.

We start by introducing small changes to the graphics to make sure broadcasts for Russian Drag Racing Championship and Unlim 500+ differ in design.

Last-year’s blue number bars go to Unlim 500+.

dragtimes credits 2 process titres labels1

RDRC gets numbers that look similar to those given to drivers and attached to cars.

dragtimes credits 2 process titres labels2

Preparing new formats.

The scrolling text at the top of the screen attracts attention and provides important information.

dragtimes credits 2 process titres upline1

The same solution can be used in both racing series by simply changing the logo and the color scheme.

dragtimes credits 2 process titres upline2

In the new season, race broadcasts will be divided into segments each of which requires its own title card.

Employing the graphic shapes from the logos of the racing series.

dragtimes credits 2 process titres rubrics

Using a similar template to show event announcements and sponsor advertising.

dragtimes credits 2 process titres ads

Templates for the two racing series differ in color schemes and textures.

dragtimes credits 2 process titres textures

Creating a format featuring driver’s most important achievements for driver presentation.

dragtimes credits 2 process titres pilot

Coming up with a short cutaway with the rushing stove.

dragtimes credits 2 process titres pechika

Creating a loading animation to be shown before the broadcasts, also featuring the stove.

dragtimes credits 2 process titres big scene

Starting to work on the animation.

Short cutaway

We need to create a brief animation to act as a cutaway between broadcast segments. It has to be interesting yet unobtrusive so as not to annoy viewers. Cutting up the stove in layers.

dragtimes credits 2 process layers

Animating each layer of the flame separately.

dragtimes credits 2 process animate

The fire from the chimney cuts the frame in half and pulls in the next scene of the broadcast. To make the transition even more smooth, adding dimming that moves together with the stove.

Long cutaway

Using static city images as the base. To make work in After Effects easier, we need to cut down the number of layers to the minimum needed for smooth movement.

dragtimes credits 2 process mock

Assembling a composition in After Effects by distributing layers across the Z axis to create a 3D effect. Apart from cities, the stove also races through landscapes. Asking the technical designer to draw some scenes with a background, a road and a foreground.
Both city and landscape scenes should combine with each other in any order as at the end of the cut scene should be the location of the current broadcast. Adjusting scene transitions to make them universal. Rendering each frame into PNG.