Vibrance Setup-Anleitung

Allgemeine Informationen

Vielen Dank für Ihr Interesse an dem Vibrance-Alarm und overlay stream Paket. Diese Anleitung bezieht sich auf Artikel, die von NerdOrDie.com und TwitchTemple.com heruntergeladen wurden. Bitte beachten Sie, dass diese Produkte einzeln oder im Paket erworben werden können. Diese Seite wird Sie durch den Einrichtungsprozess führen. Wenn Sie Fragen haben, die in dieser Anleitung nicht beantwortet werden, können Sie uns gerne kontaktieren.

Photoshop ist nicht für keinen Teil dieses Produkts erforderlich. Zu Ihrer Erleichterung haben wir jedoch Photoshop-Dateien für die Tafeln und den Offline-Bildschirm beigefügt.

Animierte Elemente werden als WEBM-Dateien geliefert. Dabei handelt es sich um Videoformate, die von Browsern unterstützt werden, wie z. B. die in Streaming-Software integrierten Formate. Dieses Paket wurde für die Verwendung mit OBS Studio, XSplit Broadcaster, StreamLabs OBS und den meisten anderen Streaming-Programmen entwickelt. Bitte stellen Sie sicher, dass Ihre Software WEBM-Dateien vollständig unterstützt. Wenn Sie nicht wissen, wie Sie Ihr neues overlay mit einer dieser Streaming-Anwendungen einrichten können, empfehlen wir Ihnen dringend, sich die folgende Anleitung anzusehen, bevor Sie fortfahren:

Bevor Sie installieren

Schriftarten:

Wenn Sie den Stil der overlay und der Warnmeldungen anpassen möchten, verwenden Sie die unten aufgeführten Schriftarten.

  • Teko - Schriftfamilie

Farben:

Blau-Gelb

  • Primär - 000E23
  • Sekundär - FFEB00
  • Tertiär - 33FFFD
  • Text - 33FFFD

Weiß-Blau

  • Primär - FFFFFF
  • Sekundär - 3CA6FF
  • Tertiär - 0033A6
  • Text - 0033A6

Lila-rosa

  • Primär - 690087
  • Sekundär - FF63CD
  • Tertiär - FFFFFF
  • Text - FFFFFF

Installationsanleitung

Streamlabs-Warnungen

Öffnen Sie in den heruntergeladenen Dateien den Ordner "Standard Alert".

  1. Klicken Sie auf den Link Alerts Quick Setup, um mit der Installation dieser Alerts zu beginnen.
  2. Wenn Sie möchten, wählen Sie " Widget Thema erstellen" und geben Sie ihm einen passenden Namen, z. B. Paketname. Der Import-Link überschreibt nur Ihr Benachrichtigungspaket. Das bedeutet, dass Sie diese Warnungen mit allen anderen Szenensammlungen/Widgets kombinieren können, die Sie in Streamlabs erstellt haben. Wenn Sie Ihre alten Warnmeldungen speichern möchten, empfiehlt es sich, dies in einem neuen Profil zu tun.
  3. Wählen Sie "Verwenden" für das Profil, in das Sie importieren möchten.
  4. Navigieren Sie zu "Alert Box" und kopieren Sie Ihre eindeutige URL.
  5. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein.

Sobald Sie dies in Ihre Streaming-Software integriert haben, testen Sie die Warnmeldungen, um sicherzustellen, dass sie ordnungsgemäß funktionieren.

Breite und Höhe der Quelle

Im Allgemeinen empfehlen wir, die Größe auf 1920 Breite und 1080 Höhe einzustellen (bei der Verwendung von Nachrichten wird eine größere Höhe empfohlen). Je nach Ihrer stream kann es jedoch besser sein, die Größe hier anzupassen. Wenn Sie die Größe verringern müssen, können Sie dies direkt in OBS Studio tun. Wenn Sie die Streamlabs OBS-Dateioverlay verwenden, brauchen Sie diesen Schritt nicht auszuführen, wenn Ihr Benachrichtigungsfeld bereits eingefügt ist.

Verzögern von Text-to-Speech

Wenn Sie planen, Text-to-Speech zu verwenden, müssen Sie das Vorlesen eventuell verzögern, da es eine Intro-Animation und Töne geben kann (hängt vom Paket ab). Dazu können Sie in den Streamlabs-Basisoptionen die Verzögerung für den Warntext ändern. Wenn Sie Alarmvarianten verwenden (z. B. Nachvertonungen), müssen Sie auch die Varianten aktualisieren.

Sobald Sie dies in Ihre Streaming-Software eingefügt haben, testen Sie die widget , um sicherzustellen, dass sie ordnungsgemäß funktioniert.

Streamlabs Alert TutorialAnpassungen von Alarmen

Einstellen der mitgelieferten Audiopegel

Standardmäßig werden die Alarme mit benutzerdefinierten Tönen versehen. Wenn Sie diese Töne deaktivieren möchten, können Sie dies auf der Registerkarte "Benutzerdefiniertes Feld" der einzelnen Warnmeldungen tun. Sie können die Töne stummschalten, indem Sie den Schieberegler auf 0 stellen.

StreamElements Alerts installieren

Öffnen Sie in Ihren heruntergeladenen Dateien den Ordner Streamelements alert.

  1. Gehen Sie zu Streamelements.com und vergewissern Sie sich, dass Sie eingeloggt sind.
  2. Doppelklicken Sie auf den Link für die Einrichtung von Streamelements Alert in Ihren Downloads
  3. Über diesen Link wird automatisch die Streamelements-Website geöffnet und der Import gestartet.
  4. Sie sollten oben auf der Streamelements-Website eine Benachrichtigung erhalten, dass der Import erfolgreich war
  5. Gehen Sie zu "Mein Overlays"
  6. Die importierten Warnungen sollten nun nach dem Paket benannt sein, aus dem sie stammen.
  7. Klicken Sie auf die Schaltfläche "Launch Overlay", um die URL für Ihre Warnmeldungen zu erhalten.
  8. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein.

*HINWEIS: Die Links zu Streamelements sind plattformspezifisch. Sie können nur den Link Twitch für Twitch und YouTube für YouTube verwenden.

Sobald Sie dies in Ihre Streaming-Software eingefügt haben, testen Sie die widget , um sicherzustellen, dass sie ordnungsgemäß funktioniert.

StreamElements Alerts Installationsanleitung

Einstellen der mitgelieferten Audiopegel

Sie können die Lautstärke mit dem Schieberegler "Videolautstärkeregelung" anpassen, der sich in den Einstellungen jedes Alarms befindet.

Installation von Alerts, Goals, Chatbox und anderen Widgets in Streamlabs (falls enthalten)

Öffnen Sie in den heruntergeladenen Dateien den Ordner mit dem widget , den Sie installieren möchten.

*(Alerts sind ein separater Download. Alle anderen Widgets können mit dem Overlays Download gefunden werden)
  1. Klicken Sie auf den Link Quick Setup, um die Installation von Widget zu starten.
  2. Wenn Sie möchten, wählen Sie " Widget Thema erstellen" und geben Sie ihm einen passenden Namen, z. B. den Paketnamen. Der Import-Link überschreibt nur die von Ihnen ausgewählte widget. Das bedeutet, dass Sie diese mit jeder anderen Szenensammlung/Widgets kombinieren können, die Sie in Streamlabs erstellt haben. Wenn Sie Ihre alten Widgets speichern möchten, sollten Sie unbedingt das neue Profil erstellen.
  3. Wählen Sie "Verwenden" für das Profil, in das Sie importieren möchten.
  4. Die Seite führt Sie automatisch zu den Widget Einstellungen für die gerade importierte widget .
  5. Klicken Sie auf die Schaltfläche "Kopieren" neben der eindeutigen URL.
  6. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein.

Sobald Sie dies in Ihre Streaming-Software eingefügt haben, testen Sie die widget , um sicherzustellen, dass sie ordnungsgemäß funktioniert.

Breite und Höhe der Quelle

Im Allgemeinen empfehlen wir, die Größe auf 1920 Breite und 1080 Höhe einzustellen (bei der Verwendung von Nachrichten wird eine größere Höhe empfohlen). Je nach Ihrer stream kann es jedoch besser sein, die Größe hier anzupassen. Wenn Sie die Größe verringern müssen, können Sie dies direkt in OBS Studio tun. Wenn Sie die Streamlabs OBS-Dateioverlay verwenden, brauchen Sie diesen Schritt nicht auszuführen, wenn Ihr Benachrichtigungsfeld bereits eingefügt ist.

StreamElements Widgets Installation (Chat Box, Ereignisliste, Ziele)

Öffnen Sie in den heruntergeladenen Dateien den Ordner mit dem widget , den Sie installieren möchten.

*(Alerts sind ein separater Download. Alle anderen Widgets können mit dem Overlays Download gefunden werden)

Öffnen Sie in Ihren heruntergeladenen Dateien den Ordner Streamelements Widget oder Alert.

  1. Gehen Sie zu Streamelements.com und vergewissern Sie sich, dass Sie mit dem richtigen Konto eingeloggt sind.
  2. Doppelklicken Sie auf den Link Streamelements Quick Setup für die widget , die Sie importieren möchten.
  3. Über diesen Link wird automatisch die Streamelements-Website geöffnet und der Import gestartet.
  4. Sie sollten oben auf der Streamelements-Website eine Benachrichtigung erhalten, dass der Import erfolgreich war
  5. Gehen Sie zu "Mein Overlays"
  6. Sie sollten nun die importierten widget nach dem Pack benannt finden, aus dem sie stammen.
  7. Klicken Sie auf die Schaltfläche "Launch Overlay", um die URL für Ihre Warnmeldungen zu erhalten.
  8. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein.

*HINWEIS: Die Links zu Streamelements sind plattformspezifisch. Sie können nur den Link Twitch für Twitch, YouTube für YouTube und Facebook für Facebook verwenden.

Sobald Sie dies in Ihre Streaming-Software eingefügt haben, testen Sie die widget , um sicherzustellen, dass sie ordnungsgemäß funktioniert.

Installation von Streamlabs OBS Overlays

Die folgenden Schritte sind spezifisch für Streamlabs OBS und die Datei .overlay . Nur Streamlabs OBS kann die Datei .overlay verwenden. Wenn Sie eine andere Streaming-Software als Streamlabs OBS verwenden, befolgen Sie bitte die Schritte in den Abschnitten "Overlays" und "Szenen".

  1. Laden Sie StreamLabs OBS herunter und installieren Sie es, wenn Sie es noch nicht haben.
  2. Entpacken Sie die Dateien, die Sie heruntergeladen haben, auf Ihren Computer.
  3. Streamlabs OBS öffnen/ausführen.
  4. Öffnen Sie die Streamlabs OBS-Einstellungen, indem Sie auf das Einstellungsrad in der unteren linken Ecke klicken
  5. Klicken Sie links im Pop-up-Menü auf "Szenensammlungen".
  6. Klicken Sie auf " Overlay Datei importieren".
  7. Durchsuchen Sie Ihre entpackten Dateien
  8. Wählen Sie die Datei ".overlay".

*Hinweis: Nach der Auswahl der Datei kann es einige Minuten dauern, bis alle Ressourcen geladen sind. Dadurch werden der Übergang (falls vorhanden) und mehrere Szenen (Anfang, Ende, BRB usw.) eingerichtet.

Streamlabs OBS Overlay Installieren

Installieren der Overlays - Streamelemente

Öffnen Sie in Ihren heruntergeladenen Dateien den Ordner Streamelements alert.

  1. Gehen Sie zu Streamelements.com und vergewissern Sie sich, dass Sie eingeloggt sind.
  2. Doppelklicken Sie auf den Link für die Einrichtung von Streamelements Overlay aus Ihren Downloads
  3. Über diesen Link wird automatisch die Streamelements-Website geöffnet und der Import gestartet.
  4. Sie sollten oben auf der Streamelements-Website eine Benachrichtigung erhalten, dass der Import erfolgreich war
  5. Gehen Sie zu "Mein Overlays"
  6. Sie sollten nun die importierten Overlay Szenen nach dem Pack benannt finden, aus dem sie stammen und wofür sie bestimmt sind.
  7. Klicken Sie auf die Schaltfläche "Launch Overlay", um die URL für Ihre Warnmeldungen zu erhalten.
  8. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein.

*HINWEIS: Die Links zu Streamelements sind plattformspezifisch. Sie können nur den Link Twitch für Twitch und YouTube für YouTube verwenden.

Sobald Sie dies in Ihre Streaming-Software eingefügt haben, testen Sie die widget , um sicherzustellen, dass sie ordnungsgemäß funktioniert.

Breite und Höhe der Quelle

Im Allgemeinen empfehlen wir, die Größe auf 1920 Breite und 1080 Höhe einzustellen (bei der Verwendung von Nachrichten wird eine größere Höhe empfohlen). Je nach Ihrer stream kann es jedoch besser sein, die Größe hier anzupassen. Wenn Sie die Größe verringern müssen, können Sie dies direkt in OBS Studio tun. Wenn Sie die Streamlabs OBS-Dateioverlay verwenden, brauchen Sie diesen Schritt nicht auszuführen, wenn Ihr Benachrichtigungsfeld bereits eingefügt ist.

Installieren der Overlays - Super Charged (OBS Studio)

Bevor wir Overlays importieren, sollten wir ein paar grundlegende Dinge klären. Bei geschlossenem OBS Studio:

  1. Klicken Sie auf die Registerkarte Tools
  2. Skripte auswählen
  3. Klicken Sie auf das "+" am unteren Rand des Skriptfensters
  4. Navigieren Sie zu Ihrem entpackten Ordner "Overlays" und dem Ordner "~OBS Studio - Quick Install".
  5. Wählen Sie die Schnellimport-Datei ".lua" und klicken Sie auf "Öffnen".
  6. Wählen Sie im Fenster Skripte das geladene Skript aus.
  7. Auf der rechten Seite des Fensters sehen Sie nun die Importoptionen.
  8. Wenn Sie alle in der Liste aufgeführten Szenen einrichten möchten, klicken Sie auf die Schaltfläche "Alle Szenen einrichten".
    • Wenn Sie nur bestimmte im Paket enthaltene Elemente einrichten möchten, können Sie das Dropdown-Menü auf "Quellen" umstellen.
    • Klicken Sie auf die Schaltfläche "Hinzufügen..." für das Element, das Sie hinzufügen möchten. Dadurch wird es der aktuellen Szene, die Sie in OBS angezeigt haben, hinzugefügt.
  9. Nachdem Sie auf "Alle Szenen einrichten" geklickt haben, klicken Sie auf "Schließen" im Skriptfenster. Sie sehen nun, dass alle Szenen für Sie eingerichtet wurden.

OBS Studio Schnellinstallation Overlays

Bei der Installation dieses Produkts werden Medien-, Bild- und Textquellen verwendet. Wenn Sie mit diesen Quellen nicht vertraut sind, machen Sie sich bitte mit der von Ihnen verwendeten Streaming-Software vertraut.

  1. Entpacken Sie die Dateien, die Sie heruntergeladen haben, auf Ihren Computer.
  2. Öffnen Sie Ihre Streaming-Software. Fügen Sie animierte Teile (WEBM-Dateien) hinzu, indem Sie "Medienquellen" hinzufügen und die gewünschten overlay Elemente suchen. Es gibt voreingestellte Layouts ODER modulare Elemente, die Sie an Ihre Bedürfnisse anpassen können. Mischen und kombinieren Sie nach Bedarf. Bitte beachten Sie: Wenn Sie die kostenlose Version verwenden, benutzen Sie die Bildquelle, nicht die Medienquelle.
  3. Passen Sie den Text auf den Unterstützungsleisten an, indem Sie die leeren Versionen aller bereitgestellten Elemente verwenden. Am einfachsten fügen Sie Ihren eigenen Text hinzu, indem Sie eine dieser leeren WEBM-Dateien laden und eine "Textebene" mit der empfohlenen Schriftart darüberlegen.
  4. Um dynamische Supporter-Tags hinzuzufügen, fügen Sie Textquellen ein und verbinden sie mit der entsprechenden Textdatei. Dies geschieht mit Anwendungen wie StreamLab's Stream Labels oder dem Muxy Ticker. Wir empfehlen die Verwendung der im Abschnitt "Vor der Installation" aufgeführten Schriftarten.
  5. Alle Szenen können in einem ähnlichen Prozess eingerichtet werden (Starting Soon, BRB, etc.). In Ihre neuen Szenen fügen Sie Mediendateien aus dem Ordner "Screens", Bilder aus dem Ordner "Icons" und Textquellen ein, um den benötigten individuellen Text hinzuzufügen. Auch hier verwenden Sie bitte die empfohlene Schriftart.
  6. Bitte verwenden Sie die Demobilder oder Filme als Referenz für empfohlene Layouts.

Einrichten Ihrer Szenen in einer Standard-Streaming-Software:

  1. Fügen Sie in einer neuen Szene eine Medienquelle hinzu
  2. Stellen Sie diese Quelle auf Schleifenbetrieb ein und wählen Sie eine lokale Datei
  3. Wählen Sie die Datei "Stream-Background.mp4", die einen leeren Schleifenhintergrund darstellt.
  4. Fügen Sie eine weitere Medienquelle hinzu, stellen Sie sie auf Endlosschleife ein und wählen Sie die entsprechende Stream- .WEBM-Datei (Anfang, BRB, Ende)
  5. Hinzufügen von Bildquellen für Icons (die sich im Icon-Ordner befinden), falls gewünscht
  6. Fügen Sie Textquellen in der empfohlenen Schriftart hinzu und platzieren Sie sie neben dem Symbol, falls gewünscht.

Verwendung von StreamLabs OBS Import für Szenen:

  1. Klicken Sie mit der rechten Maustaste und duplizieren Sie die Szene "Scene (Duplicate as needed, view setup guide)".
  2. Benennen Sie sie nach Belieben um, und positionieren Sie sie an den gewünschten Stellen.
  3. Ausblenden oder Entfernen der Start-, Brb- und/oder End-Medienquelle, je nach Art der Szene, die Sie verwenden möchten
  4. Ersetzen Sie die Textquellen durch Ihre Informationen
  5. Hinzufügen von zusätzlichen Textquellen und Icons (über Bildquelle), falls gewünscht

Das Einrichten eines Stinger-Übergangs zwischen Szenen ist mit OBS Studio ganz einfach.

Wichtig: Wir haben Stinger-Videos mit 15, 30 und 60 Bildern pro Sekunde beigefügt. Bitte wählen Sie die Einstellung, die Ihrer FPS am nächsten kommt stream . Videos mit höheren FPS verbrauchen mehr CPU.

OBS-Studio

  1. Klicken Sie unter dem Abschnitt "Szenenübergänge" auf die Dropdown-Liste und wählen Sie "Stinger Transition".
  2. Klicken Sie auf das Zahnradsymbol und wählen Sie Eigenschaften
  3. Klicken Sie bei "Videodatei" auf "Durchsuchen" und wählen Sie die Datei stinger.webm aus dem Ordner "Screens" aus.
  4. Setzen Sie den "Übergangspunkttyp" auf Zeit und den "Übergangspunkt" auf 1000
  5. Aktivieren Sie Töne, indem Sie "Audioüberwachung" auf "Überwachung und Ausgabe" setzen.
  6. OK anklicken

StreamLabs OBS

  1. Klicken Sie auf das Zahnradsymbol über Ihren Szenen
  2. Setzen Sie die Option "Übergang" auf "Stinger".
  3. Setzen Sie die "Dauer" auf 2000
  4. Wählen Sie Durchsuchen für die "Videodatei" und wählen Sie die Stinger-Datei aus dem Ordner "Screens".
  5. Stellen Sie sicher, dass "Übergangspunkttyp" auf "Zeit (Millisekunden)" eingestellt ist.
  6. Setzen Sie den "Übergangspunkt (Millisekunden)" auf 1000
  7. Aktivieren Sie Töne, indem Sie "Audioüberwachung" auf "Überwachung und Ausgabe" setzen.
  8. Andere Einstellungen auf den Standardwerten belassen
  9. Erledigt drücken

 

Clearview Stinger Übergangseinstellungen SL OBS


Farben anpassen

Die Anpassung von Farben kann in OBS Studio und StreamLabs OBS mit Hilfe von Farbkorrekturfiltern erfolgen. Wenn Sie mit Filtern nicht vertraut sind, sehen Sie sich bitte dieses Video an.

Wenn Sie Ihre Twitch Panels anpassen möchten, verwenden Sie bitte die .psd-Datei, die sich im Ordner "Panels" befindet. Sie können auch die Datei blank.jpg mit einem beliebigen Bildbearbeitungsprogramm verwenden.

Die grüne Standardfarbe ist #05f5ae

Exportieren und Rendern von After Effects-Projekten

Obwohl dieser Teil wirklich dem Benutzer überlassen bleibt, haben wir viele Fragen zu den Einstellungen erhalten, die beim Exportieren aus dem After Effects-Projekt verwendet werden sollten. Im Folgenden finden Sie einige Einstellungen, die wir für Adobe Media Encoder empfehlen.

MP4

(Kompositionen ohne Transparenz/Alpha)


  • Format: H.264
  • Voreinstellung: Quelle anpassen - Hohe Bitrate
  • Audio ausschalten
  • Wenn Sie nicht vorhaben, mit 4k zu streamen, empfehlen wir dringend, große "Szenenauflösungen" auf 1920×1080 zu ändern.
  • Bildrate: 60 (oder 30, wenn Sie mit der Leistung von stream zu kämpfen haben)
AME-Exporteinstellungen anzeigen (MP4)

WebM

(Kompositionen mit Transparenz/Alpha)


Um WebM-Exporte von Adobe Media Encoder zu erhalten, müssen Sie dieses Plugin installieren.

  • Format: WebM
  • Voreinstellung: keine
  • Audio ausschalten
  • Wenn Sie nicht vorhaben, mit 4k zu streamen, empfehlen wir dringend, große "Szenenauflösungen" auf 1920×1080 zu ändern.
  • Bildrate: 60 (oder 30, wenn Sie mit der Leistung von stream zu kämpfen haben)
  • Codec: VP8
  • Alphakanal einschließen (sehr wichtig)
AME-Exporteinstellungen anzeigen (WebM)

Verwendungsbedingungen

Der Nutzer kann diese Warnungen für persönliche und kommerzielle Zwecke verwenden. Sie ist nur für einen (1) Nutzer und ein (1) Gerät bestimmt. Diese Nutzungserlaubnis läuft nicht ab. Die Weiterverbreitung ist strengstens untersagt. Die Alert-Grafiken und der Code bleiben Eigentum von Twitch Temple und Nerd Or Die, es sei denn, es wird eine schriftliche Genehmigung erteilt.

Weitere Informationen finden Sie in unseren AllgemeinenGeschäftsbedingungen.

Künftige Wiederholungen, Fehler und Aktualisierungen

Diese Version des Warnhinweises wird so bereitgestellt, wie sie ist. Wenn Elemente fehlen oder Sie der Meinung sind, dass etwas Kritisches behoben werden muss, nehmen Sie bitte Kontakt mit uns auf und schildern Sie das Problem und geben Sie die E-Mail an, mit der Sie das Produkt erworben haben. Sie können bis zu 5 Downloads pro Produkt durchführen.

Bitte folgen Sie @NerdOrDieCom auf Twitter für aktuelle Informationen.


Änderungsliste

Um diese Aktualisierungen zu erhalten, laden Sie das Produkt einfach erneut über den E-Mail-Link oder auf Ihrer Kontoseite herunter , wenn Sie eingeloggt sind.

  • AE Source (ADVANCED) enthält eine Alert-Komposition. Die Abmessungen für das Hochladen waren falsch. Behoben.
  • AE Source (ADVANCED) - "Benutzerdefinierte" Farboptionen gehen komplett kaputt. Jetzt behoben.
  • StreamElements Raid-Alarm leicht falsch. jetzt behoben.
  • Der Setup-Anleitung wurde eine Anleitung für After Effects-Exporteinstellungen hinzugefügt.