Corporate Identity

Aus TTT Wiki
Wechseln zu: Navigation, Suche
Baustelle.png Work in Progress:
Diese Seite befindet sich noch im Aufbau. Informationen können fehlen, unvollständig oder veraltet sein. Bevor du Änderungen vornimmst, sprich dich bitte mit dem aktuellen Autor oder der Leitung ab!
Vielen Dank.

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 nicht 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

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: 25 GRÜN: 25 BLAU: 25
  • 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

Bilder, Thumbs, Missionsbilder

  • 1 oder 2 Balken in ROT (HEX: a10f2b)
  • Schrift RUBIK BOLD 8Pt mit horizontalem Buchstabenabstand -50 in Weiss (HEX: f5f3f2) - Download unter: https://www.fontsquirrel.com/fonts/rubik
  • Nur Grossbuchstaben, 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

Beispiele:

VORLAGE Bilder.png
VORLAGE Bilder Beispiel 2.png
VORLAGE Bilder Beispiel 4.png
VORLAGE Bilder Beispiel 3.png

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

Danksagung

Danke an Corben und Golani für den vielen Input.