Glitch Setup Anleitung

Allgemeine Informationen

Danke, dass du dir das Glitch Stream Pack angesehen hast. Diese Anleitung behandelt die von NerdOrDie.com und TwitchTemple.com heruntergeladenen Gegenstände und führt dich durch den Einrichtungsprozess. Wenn du Fragen hast, die in dieser Anleitung nicht beantwortet werden, kannst du uns gerne kontaktieren.

Photoshop und andere Software von Drittanbietern ist nicht für die Verwendung dieses Produkts erforderlich, jedoch können bestimmte Komponenten in Photoshop und After Effects bearbeitet werden, da wir einige der Originaldateien zur Verfügung stellen.

Die Warnmeldungen, overlays und Widgets wurden für die Verwendung mit OBS Studio, Streamlabs OBS und Xsplit entwickelt. Bitte stellen Sie sicher, dass Ihre Streaming-Software auf dem neuesten Stand ist, bevor Sie dieses Produkt verwenden. Wenn Sie mit der Einrichtung und Verwendung von Streaming-Software nicht vertraut sind, empfehlen wir Ihnen dringend, sich die folgende Anleitung anzusehen, bevor Sie fortfahren:

OBS Studios Tutorials von NerdOrDie

Bevor Sie installieren

Verwendete Schriftarten

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

Verwendete Farben

  • Blau: #00DEFF
  • Grün: #00FF7E
  • Orange: #FFA901
  • Weiß: #FFFFFF
  • Rot: #FE1100
  • Lila: #A500FF
  • Gelb: #FFF600
  • Magenta: #FF0072


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

Benutzerdefinierte Alert-Optionen

Diese Optionen befinden sich auf der Registerkarte Benutzerdefinierte Felder. Einige Ausschreibungen enthalten nicht alle der unten aufgeführten Optionen.

  • Font Picker - Die in den Warnmeldungen verwendete Schriftfamilie. Die Standardeinstellung ist Roboto.
  • Ausrichtung - Links, mittig oder rechts - Dies ist die Position, an der der Alarm angezeigt wird. Dies wird angepasst, je nachdem, wie Sie möchten, dass die Warnung von der Webcam auftaucht.
  • Überschriftstext - Text, der in der Überschrift angezeigt werden soll. Standard ist der Tag {name}
  • Überschriftenfeld - Schriftfarbe - Farbe des Überschriftentextes
  • Untertiteltext - Der Text, der normalerweise für die Art der Meldung verwendet wird. EX: Verfolgung, Razzia, Spende usw...
  • Unterüberschrift - Schriftfarbe - Farbe des Unterüberschriftentextes.
  • Akzentfarbe - Farbe der Alert-Akzente.
  • Größe skalieren - Passen Sie die Größe der Warnmeldungen an. ***ANPASSUNG ÜBER DIE STANDARDEINSTELLUNG HINAUS ERFORDERT HARDWARE-BESCHLEUNIGUNG***
  • Überschriftenfeld - Hintergrundfarbe - Farbe des Hintergrunds des Überschriftenfelds
  • Überschriftenfeld - Deckkraft - Stellen Sie die Deckkraft des Überschriftenfelds ein. Standard ist 90
  • Überschriftenfeld - Schriftgröße Text - Größe der Überschriftstextschrift. Standard ist 30
  • Überschriftenfeld - Schriftstärke - Stärke der Schrift (Boldness). Standard ist 700
  • Untere Registerkarte anzeigen? - Dies ist ein Teil der Warnmeldung, die in den Webcam-Rahmen integriert ist. Standard ist Ja
  • Verzögerungszeit - Stellen Sie ein, wie lange nach dem Erscheinen des Alarms dieser zu animieren beginnt. Wenn Sie den Wert über den Standardwert hinaus erhöhen, müssen Sie möglicherweise die Dauer des Alarms anpassen. Standard ist 6
  • Schwebeeffekt aktivieren - Die Warnmeldungen haben einen langsamen Schwebeeffekt. Dies steuert diesen Effekt. Standard ist Ja
  • Glitch-Effekt aktivieren - Steuert den Glitch-Effekt. Standard ist Ja
  • Spezielles Textfeld - Anzeige eines bestimmten gewünschten Textes. Wird nicht bei allen Ausschreibungen verwendet. Abhängig von der Ausschreibung ist die Vorgabe normalerweise der {count}-Tag
  • Unteres Textfeld - Anzeige eines bestimmten gewünschten Textes. Wird nicht bei allen Ausschreibungen verwendet. Je nach Ausschreibung ist der Standardwert normalerweise [#AMOUNT_{amount}] (für Spenden)

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.

Benutzerdefinierte Alert-Optionen

Diese Optionen befinden sich auf der Registerkarte Benutzerdefinierte Felder. Einige Ausschreibungen enthalten nicht alle der unten aufgeführten Optionen.

  • Font Picker - Die in den Warnmeldungen verwendete Schriftfamilie. Die Standardeinstellung ist Roboto.
  • Ausrichtung - Links, mittig oder rechts - Dies ist die Position, an der der Alarm angezeigt wird. Dies wird angepasst, je nachdem, wie Sie möchten, dass die Warnung von der Webcam auftaucht.
  • Überschriftstext - Text, der in der Überschrift angezeigt werden soll. Standard ist der Tag {name}
  • Überschriftenfeld - Schriftfarbe - Farbe des Überschriftentextes
  • Untertiteltext - Der Text, der normalerweise für die Art der Meldung verwendet wird. EX: Verfolgung, Razzia, Spende usw...
  • Unterüberschrift - Schriftfarbe - Farbe des Unterüberschriftentextes.
  • Akzentfarbe - Farbe der Alert-Akzente.
  • Größe skalieren - Passen Sie die Größe der Warnmeldungen an. ***ANPASSUNG ÜBER DIE STANDARDEINSTELLUNG HINAUS ERFORDERT HARDWARE-BESCHLEUNIGUNG***
  • Überschriftenfeld - Hintergrundfarbe - Farbe des Hintergrunds des Überschriftenfelds
  • Überschriftenfeld - Deckkraft - Stellen Sie die Deckkraft des Überschriftenfelds ein. Standard ist 90
  • Überschriftenfeld - Schriftgröße Text - Größe der Überschriftstextschrift. Standard ist 30
  • Überschriftenfeld - Schriftstärke - Stärke der Schrift (Boldness). Standard ist 700
  • Untere Registerkarte anzeigen? - Dies ist ein Teil der Warnmeldung, die in den Webcam-Rahmen integriert ist. Standard ist Ja
  • Verzögerungszeit - Stellen Sie ein, wie lange nach dem Erscheinen des Alarms dieser zu animieren beginnt. Wenn Sie den Wert über den Standardwert hinaus erhöhen, müssen Sie möglicherweise die Dauer des Alarms anpassen. Standard ist 6
  • Schwebeeffekt aktivieren - Die Warnmeldungen haben einen langsamen Schwebeeffekt. Dies steuert diesen Effekt. Standard ist Ja
  • Glitch-Effekt aktivieren - Steuert den Glitch-Effekt. Standard ist Ja
  • Spezielles Textfeld - Anzeige eines bestimmten gewünschten Textes. Wird nicht bei allen Ausschreibungen verwendet. Abhängig von der Ausschreibung ist die Vorgabe normalerweise der {count}-Tag
  • Unteres Textfeld - Anzeige eines bestimmten gewünschten Textes. Wird nicht bei allen Ausschreibungen verwendet. Je nach Ausschreibung ist der Standardwert normalerweise [#AMOUNT_{amount}] (für Spenden)

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/Extrahieren Sie die heruntergeladenen Dateien 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.
  3. Überspringen Sie diesen Schritt, wenn Sie den Etiketten keinen eigenen Text hinzufügen möchten. Am einfachsten fügen Sie Ihren eigenen Text hinzu, indem Sie eine der leeren WEBM-Dateien laden und mit der empfohlenen Schriftart eine "Textebene" darüber legen.
  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.

Bearbeiten der Sprache und des Textes in Ihrem Overlays

Um die Sprache oder den Text in Ihrem overlays zu ändern, können Sie die leeren Versionen unserer Unterstützerabschnitte verwenden / overlays. Von dort aus müssen Sie Textquellen mit dem benötigten Text oben auf Ihren Unterstützerabschnitten hinzufügen. Wir empfehlen die Verwendung der oben im Abschnitt "Vor der Installation" aufgeführten Schriftarten. Sie können auch Bildquellen verwenden, um die Icons hinzuzufügen, die wir in Ihren Downloads enthalten haben.

Einrichten Ihrer Szenen in einer Standard-Streaming-Software:

  1. Die Szenen werden in Medienquellen (Videodateien), Bildquellen und Textquellen unterteilt.
  2. Neue Medienquellen für jede Szene hinzufügen
  3. Stellen Sie diese Quellen auf Schleifenbetrieb ein und wählen Sie eine lokale Datei
  4. Um CPU- oder Kodierungsressourcen zu sparen, stellen Sie sicher, dass "Datei schließen, wenn inaktiv" aktiviert ist.
  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.
  7. Duplizieren Sie Szenen und ändern Sie sie nach Bedarf.

Verwenden Sie Streamlabs OBS-Import für Szenen? Alle Szenen werden eingerichtet, sobald Sie das Paket importiert haben. Bitte lesen Sie die Registerkarte "Streamlabs OBS".

Die Installation von Streamlabs OBS ist einfach und kann in wenigen Sekunden durchgeführt werden! Folgen Sie den nachstehenden Anweisungen:

  1. Laden Sie Streamlabs OBS herunter und installieren Sie es, falls Sie es noch nicht getan haben.
  2. Entpacken Sie die "Glitch 2"-Dateien, die Sie heruntergeladen haben, auf Ihren Computer.
  3. Öffnen Sie die Streamlabs OBS-Einstellungen" (Zahnradsymbol oben rechts).
  4. Klicken Sie auf die Registerkarte "Szenensammlungen".
  5. Wählen Sie " Overlay Datei importieren" und wählen Sie dann die Datei .overlay . Diese Datei befindet sich im Ordner "Streamlabs OBS".
  6. Passen Sie beliebige Textquellen an, um sie an Ihre stream anzupassen.
  7. Fügen Sie bei Bedarf weitere Warnquellen hinzu (eventuell müssen Sie die Größe der Warnboxen in den Eigenschaften dieser Quelle anpassen).
  8. Überprüfen Sie alle anderen Quellen. Bitte beachten Sie, dass einige Textfelder leer bleiben können. Zum Beispiel kann es sein, dass die Textquelle "Neuer Tipp" keine Namen anzeigt, da Sie möglicherweise keine neuen Tipper haben.

Wichtig

Für jede Videodatei müssen Sie die Option "Datei bei Inaktivität schließen" aktivieren, da sie möglicherweise nicht standardmäßig aktiviert ist. Wenn Sie dies nicht tun, werden Ihre Videodateien ausgeführt, während sie nicht angezeigt werden, und verbrauchen eine erhebliche Menge an CPU- oder Codierungsressourcen.

Erstellen Sie Ihr overlays

Wir haben bereits einige Szenen für Sie eingerichtet und die meisten der verfügbaren Elemente in den vollständigen Download aufgenommen.

  • Duplizieren Sie alle Szenen, von denen Sie mehrere Exemplare benötigen
  • Tauschen Sie beliebige Elemente aus Ihrem Hauptdownload aus (z. B. andere Symbole oder Webcam-Rahmen)
  • Ändern Sie die Art der Beschriftung der Quellen, falls gewünscht, in den Eigenschaften der Quelle

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

OBS-Studio

  1. Klicken Sie unter dem Abschnitt "Szenenübergänge" auf das "+" unter der Dropdown-Liste und wählen Sie "Stinger".
  2. Geben Sie dem "Stinger" einen Namen und klicken Sie auf "Ok".
  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 500
  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 1000
  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 500
  7. Andere Einstellungen auf den Standardwerten belassen
  8. Erledigt drücken

Bearbeiten der Stinger After Effects-Datei

Wir haben die After Effects CC-Datei für den Stinger-Übergang für Benutzer hinzugefügt, die die im Stinger-Übergang verwendeten Farben bearbeiten möchten. Diese Datei ist für Benutzer gedacht, die Kenntnisse mit AE haben, da wir keine Unterstützung dafür bieten können.

  1. Öffnen Sie die Glitch 2 AE-Datei
  2. In der Stealth Stinger comp und schrubben zu einem Bereich, der die Grafiken zeigt, um 00:43 ist ein guter Ort für diese
  3. Wählen Sie die Steuerungsebene
  4. Ändern Sie die Farben im Bedienfeld "Master-Steuerung" für diese Ebene mithilfe der Farboptionen für die Steuerung nach Bedarf
  5. Aktivieren Sie die Option "Transparenzgitter umschalten" vor dem Rendern
  6. Rendern Sie den Stealth Stinger-Comp als kompatible Stinger-Datei (.mov oder .webm)

apex_stinger
  1. Klicken Sie auf den Link Streamlabs Chat Box - Quick Setup in Ihren heruntergeladenen Dateien, um diese widget zu installieren.
  2. Wenn Sie möchten, wählen Sie "Profil erstellen" und geben Sie dem Profil einen passenden Namen, z. B. den Namen des Pakets. Der Import-Link wird nur überschreibt Ihre Chatbox widget. Das bedeutet, dass Sie diese Benachrichtigungen mit jeder anderen Szenensammlung kombinieren, die Sie in Streamlabs erstellt haben. Wenn Sie Ihre alte Chatbox widget speichern möchten, sollten Sie dies in einem neuen Profil tun.
  3. Wählen Sie "Verwenden" für das Profil, in das Sie importieren möchten.
  4. Navigieren Sie zu "Widget URL" und kopieren Sie Ihre eindeutige URL.
  5. Fügen Sie diese URL als "Browser-Quelle" in Ihre Streaming-Software ein. Wählen Sie die gewünschte Breite und Höhe.

Kundenspezifische Optionen inklusive

Unten auf widget finden Sie eine Registerkarte für "Benutzerdefinierte Felder". Klicken Sie auf diese Registerkarte, um weitere Optionen zu erhalten. Bitte klicken Sie NICHT auf "Code zurücksetzen" oder "Benutzerdefinierte Felder entfernen". Bitte beachten Sie auch, dass wir keine Änderungen an den HTML-, CSS- oder JavaScript-Abschnitten unterstützen.

Benutzerdefinierte Chat-Box-Optionen

Diese Optionen befinden sich auf der Registerkarte Benutzerdefinierte Felder.

  • Schriftfamilie - Die in der Chatbox verwendete Schriftfamilie. Die Standardeinstellung ist Open Sans.
  • Textausrichtung - Hiermit wird der Text links, mittig oder rechts ausgerichtet. Standard ist Links
  • Name - Schriftfarbe - Farbe des Namens in der Chatbox. Standard ist #000000 (Schwarz)
  • Name - Hintergrundfarbe - Farbe des Hintergrunds im Feld Name. Standard ist #FFFFFF (Weiß)
  • Name - Deckkraft des Hintergrunds - Passen Sie die Deckkraft des Hintergrunds im Namensfeld an. Standard ist 100
  • Chat-Halter - Hintergrundfarbe - Farbe des Hintergrunds für die Chat-Nachrichten. Standard ist #000000 (Schwarz)
  • Chat-Halter - Hintergrund-Deckkraft - Passen Sie die Deckkraft des Hintergrunds von Chat-Nachrichten an. Standard ist 20

Ändern der Symbolfarben für die Warnmeldungen, die Ereignisliste und die Warnmeldungsliste

Wenn Sie die Farbe der Warnsymbole oder der Animationen der Ereignisliste bearbeiten möchten, können Sie dies auf zwei verschiedene Arten tun:

  1. Die meisten Warnungen, Ereignislisten und Ziele haben einen Abschnitt "Benutzerdefinierte Felder" in den Einstellungen von widget .
  2. Wenn keine "Benutzerdefinierten Felder" vorhanden sind, können Sie einen Farbkorrekturfilter hinzufügen. Klicken Sie mit der rechten Maustaste auf Ihre Quellen in Ihrer Streaming-Software und fügen Sie einen Farbkorrekturfilter hinzu, mit dem Sie den Farbton, die Helligkeit und die Sättigung dieser Quelle anpassen können. Bitte beachten Sie: Dadurch werden alle Farben in dieser Quelle geändert. Wir empfehlen, die benutzerdefinierten Optionen auf den Standardwerten zu belassen, um die besten Ergebnisse zu erzielen.

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.

  • Noch keine größeren Aktualisierungen!