INFRAROUGE 2020 CHARTE GRAPHIQUE
INFRAROUGE 2020 CHARTE GRAPHIQUE Logo Typo Rubriques Ecrans Graphiques Carto Titres
LE BRIEF ... Infrarouge s’offre un nouveau terrain de jeu, plus flexible, plus élégant, plus engageant, plus fonctionnel. Les éléments clés du nouveau dispositif hebdomadaire : • Une heure d’émission interactive en direct et en public, à une heure de grande écoute. L’émission est conçue sur mesure en fonction de la thématique, grâce à une série d’outils éditoriaux à disposition (voir «la boîte à outils», ci-après). • Par défaut, quatre invités autour de la table. Mais la configuration permet de décliner de deux à six invités (+un expert/chroniqueur). • Une table littéralement ronde: un cercle rouge (voir visuels ci-après), pour casser la bipolarité obligatoire du débat et amener à des échanges constructifs. • Deux autres « vitesses » de débat: 1. Le « face à face » pour des interviews serrées. Il se fait à la table, dans une ambiance intimiste, par un travail de lumière. 2. Un «face au public»: le présentateur se retourne pour s’adresser à un panel d’invités dans le public. • Un décor épuré et fonctionnel: des écrans au service du propos, derrière/ entre/au-dessus du public. Les écrans diffusent du contenu éditorial (images d’illustration, vidéos, infographies) ou des plans de l’émission en cours (double réalisation). • Une entrée dédiée, à table, pour l’expert/chroniqueur. • Une rubrique «communauté» pour conclure l’émission, portée et incarnée par un journaliste spécialisé en réseaux sociaux (social media editor), qui rejoint le présentateur. Il fait la revue des réactions/questions pas résolues/coups de gueule de la communauté. Ou du factchecking. Extrait du brief / mars 2019
Jean-Marc Aellen
Chaque mercredi, le nouvel Infrarouge avec son dispositif élégant s’élance tel un navire dans les eaux de l’information. Le décor talentueux met en valeur le débat, mais aussi les graphismes et visuels projetés sur ses écrans. Bon vent !
RGB 250/50/50 CMYK 9/85/80/0
QUI VEUT LES MILLIARDS DE LA BNSÂ ? TYPOGRAPHIE
Helvetica Inserat Police principale
Sang Bleu Empire Police secondaire
SERRÉE
LES RUBRIQUES Chaque rubrique est personnalisée par un titre et un jeu graphique autour du cercle Infrarouge. Les jingles sont lancés au début de chaque rubriques. Les jingles existent en 2 versions. Une première avec un fond neutre, la deuxième avec couche alpha pour incruster une source vidéo en régie ( cf. Le Brief).
Les rubriques ont aussi leur propre vie sur les réseaux sociaux. La piste du vendredi et La question qui fâche sont publiés sur la page Facebook d’Infrarouge.
HABILLAGE DU MUR D’ÉCRANS L’habillage graphique du mur d’écrans se fait depuis After Effect. Les templates permettent de remplir les écrans séparément ou par groupe d’écrans correspondant aux 3 zones du studio. Pour faciliter le travail sur les écrans chacun des écrans a son propre nom correspondant à sa location dans le studio. Du coté Carl-Vogt il y a 6 écrans nommés de A1 à A6. Coté Face il y a les 2 écrans B1 et B3 (l’écran B2 à été abandonné en cours de route) qui se trouvent derrière le présentateur. Le coté Arve contient 5 écrans, nommés de C1 à C5. Simulation 3D du Studio sur Vectorworks.
Chaque écran est composé de plusieurs dalles ABSEN de 128 x 128 pixels. Les plus grands écrans B1, A6 ou C5 sont composés de 21 dalles ABSEN. L’ensemble offre une résolution totale de 896 x 384 pixels, bien moins que celle d’un écran HD.
Décor : Mirko Dal Zotto Chef photo : Pascal Dubi Réalisatrice : Carol Haefliger Assistant réalisateur : Martin de Buck Graphiste : Emmanuel Ganguillet
ORAD Tous les éléments graphiques, titres, graphiques, jingles, photos sont contrôlés depuis l’ORAD. Le graphiste Opérateur pilote l’ORAD et lance les graphismes. Les Templates After Effect permettent d’intégrer facilement les photos dans les écrans, de les traiter et de sortir un rendu compatible avec le mapping ORAD. Le mapping Orad et l’interface ont été développés par François Heguitchoussy. Voir le guide détaillé pour les graphistes opérateurs réalisé par Thierry Vilbert.
De gauche à droite
Environnement After Effect Photo originale Mapping ORAD zone A Mapping ORAD zone B Mapping ORAD zone C Pour traiter l’image originale on applique une LUT (Table de couleur No1) disponible dans les templates. Il est souvent nécessaire d’ajouter une courbe colorimétrique pour contrôler la luminosité : éviter les grandes zones trop lumineuses ( RGB max : 225/225/225).
Studio complet avec la projection du mapping ORAD sur les écrans
LES GRAPHIQUES Animations, graphiques, citations ou titres sont utilisés aussi bien pour les sujets en préproduction ou pour un affichage sur les murs et à l’antenne.
Affichage des graphiques à l’antenne et sur les écrans De gauche à droite
Rendu image pour Ecrans Fond full screen généré par Orad Affichage plein écran antenne
Le système ORAD ne permet plus de contrôler la diffusion d’animations sur les écrans, ainsi les animations pour les didactiques doivent être calibrées en pré-production sur le texte du journaliste.
Construction des graphiques En ouvrant le projet de la dernière émission, on est sûr de trouver la composition idéale pour réaliser un visuel. Les templates sont aussi disponibles dans ce dossier INFRA_TEMPLATE_ GRAPH Après avoir créé le dossier du jour, on duplique et renomme la composition qui va servir de modèle. Les fichiers graphiques sont copiés sur le serveur Connectus une fois terminés et validés, c’est pourquoi ils doivent impérativement commencer par la dénomination INFRA_. La police principale pour les titres et les infographies est l’Helvetica Inserat. Une Helvetica est utilisée comme police secondaire pour les légendes des graphiques ou d’autres informations secondaires. Le cartouche rouge est un élément graphique récurent : titres des graphiques, cartographie mais aussi pour les infos et chapitrage des préproductions ou il peut être animé. D’une manière générale c’est le fond vert foncé qui est utilisé pour ces graphiques, en rapport avec l’ambiance colorimétrique du plateau. On peut utiliser la version grise pour marquer une rupture.
Courbes et camemberts Dans le projet du jour on trouve l’exemple qui convient au type de graphique demandé. Pour les graphiques de type courbes, camembert, barres, etc... j’utilise l’outil graphs de Illustrator pour créer une base précise. Importer ensuite les calques Illustrator dans une compo d’After Effect. Pour les graphiques de type camembert c’est le cercle Infrarouge qui est utilisé.
Couleurs Couleur principale (cartouches, etc...) RGB : 285/80/40 Couleur secondaire RGB : 180/246 /255
INFRA_Couleurs-Graphiques
CARTOGRAPHIE La cartographie Infrarouge s’inspire des vues par satellite de la terre. Les textes et légendes sont ajoutés dans After Effect pour respecter le code graphique.
Plusieurs programmes peuvent être utilisés pour la création des cartes. CURIOUS MAPBOX STUDIO AFTER EFFECT/GEOLAYER
MAPBOX
STUDIO.MAPBOX.COM/ Petit guide express 1. Se connecter 2. Charger le template depuis INFRA_TEMPLATES_GRAPHS/ MAPBOX STUDIO/CARTO_INFRA2020_base.zip 3. Cadrage sur la région utile 4. Sélection des différentes options d’affichage selon les besoins : carte neutre, pays seul, frontières, etc... 5. PRINT des différents visuels et enregistrement des images 6. Importation des images dans After Effect, ajout des points et noms des pays, villes, région, infos, etc...
CURIOUS
INFRA_TEMPLATE_GRAPH/CARTO/ CURIOUS 1. Ouvrir le fichier Template_INFRA 2. Cadrer et sortir les visuels images fixes en grandes tailles 3. Ajouter les noms de villes et pays dans After Effect et le cas échéant animer la carte : zoom, pano, etc...
L’ergonomie de Mapbox Studio est très conviviale. On affiche d’un clic les frontières ou les océans, les labels ou les pays. Sauvegarder (Publish) les nouveaux cadrages sous un nouveau noms et verrouiller la position dans les settings.
TITRE Le titre de .l’émission s’inscrit dans les guillemets «Infrarouge». Une phrase ou un mot est mis en avant pour appuyer l’intention de la rédaction. Le texte est justifié à gauche. Helvetica Inserat. Tout en capitales.
Pour cette émission intitulée « Justice, politique, climat : Le grand coup de jeune » c’est Le grand coup de jeune qui à été mis en avant.
Graphisme Emmanuel.Ganguillet@rts.ch - © 2020, Radio Télévision Suisse.
Contact : Graphiste Emmanuel.Ganguillet@rts.ch Graphiste opérateur Thierry.Vilbert@rts.ch Infrarouge Martin.DeBuck@rts.ch