Corporate Identity

Aus TTT Wiki
Wechseln zu: Navigation, Suche

Verwendung und Copyright

  • Diese Anleitung und alle mitgelieferten Vorlagen sind im Auftrag des TTT durch das PR-Team erstellt worden.
  • Die Weitergabe an Dritte ist strengstens untersagt.
  • Das Verwenden bei eigenen Streams und anderen Medien, sowie mit [Extern] gekennzeichneten Events ist ebenfalls NUR nach Rücksprache mit der PR gestattet.

Aktuelle Dateien

Hier findet man alle Schriften, Grafiken, Farbcodes und co.

https://cloud.monclefu.de/index.php/s/Fk9gEzcD9dZMMKT

Logos

Logos mit Text:

Logo.png

Logos nur Text:

Logo Black Nur Text.png

Logos ohne Text:

TTT Logo.png

Schriften

Raleway

Headlines

Rubik

Fliesstext

Ubuntu

Farben

TTT ColorScheme.png

Rot

  • HEX: a10f2b
  • DEC: ROT: 161 GRÜN: 15 BLAU: 43
  • CYMK %: Cyan: 0 Magenta: 91 Yellow: 73 Key 37

Grün

  • HEX: c6cfba
  • DEC: ROT: 198 GRÜN: 207 BLAU: 186
  • CYMK %: Cyan: 4 Magenta: 0 Yellow: 10 Key 19

Weiss

  • HEX: f5f3f2
  • DEC: ROT: 245 GRÜN: 243 BLAU: 242
  • CYMK %: Cyan: 0 Magenta: 1 Yellow: 1 Key 4

Grau

  • HEX: 40403e
  • DEC: ROT: 64 GRÜN: 64 BLAU: 62
  • CYMK %: Cyan: 0 Magenta: 0 Yellow: 3 Key 75

Schwarz

  • HEX: 191919
  • DEC: ROT: 25 GRÜN: 25 BLAU: 25
  • CYMK %: Cyan: 0 Magenta: 0 Yellow: 0 Key 90

Thumbnails für youTube, Twitch und co.

  • 1 oder 2 Balken in ROT (HEX: a10f2b) in Ausnahmen, sollte es nicht passen ist auch das SCHWARZ in Ordnung. (HEX: 191919)
  • Alles Grossbuchstaben (s. Beispiel unten)
  • Schrift RUBIK BOLD 8Pt mit horizontalem Buchstabenabstand -50 in Weiss (HEX: f5f3f2) - Download unter: https://www.fontsquirrel.com/fonts/rubik
  • Bitte Abstand des Schriftzugs zum Balkenrand beachten (nicht an die Ränder klatschen...)
  • Position der Balken egal müssen nur bis Bildrand Rechts oder links gehen

Beispiel:

VORLAGE Bilder.png

Missionsbilder

Die PR würde sich sehr darüber freuen wenn die Missionsbauer die Vorlage nutzen würden. Es ist aber keine Pflicht.

Bilderstellung

Szene passend zur Mission überlegen. Tipps findet Ihr hier: Screenshots

Es sollten 3 Ebenen zu erkennen sein:

  • Vordergrund (optional / unscharf)
  • Hauptbild (scharf)
  • Hintergrund (unscharf)

Dazu im Editor mit der Splendid Camera rauszoomen. Dazu einfach mit der Plus (+) Taste reinzoomen. Dann den Focus manuell anpassen. Ggf. die Camera etwas neigen. Mit der Backspace (löschen) Taste das Overlay der Camera ausblenden.

Infos:

https://community.bistudio.com/wiki/Splendid_Camera

https://www.youtube.com/watch?v=mVuWmXcCWQQ

Das Bild soll optimal ein Seitenverhältnis von 2:1 (Empfehlung Bohemia für Loadingscreens: https://community.bistudio.com/wiki/Loading_Screens) haben, für Thumbnails (z.B. bei YT) bietet sich das Format 16:9 an.

Bildkomposition z.B. mit Paint.Net - https://www.getpaint.net/download.html