Informations générales

Merci de découvrir le pack Arcade Pop Stream . Ce guide couvre les éléments téléchargés sur NerdOrDie.com et TwitchTemple.com et vous guidera dans le processus d'installation. Si vous avez des questions auxquelles vous ne trouvez pas de réponse dans ce guide d'installation, n'hésitez pas à nous contacter.

Photoshop et autres logiciels tiers n'est pas requis pour utiliser ce produit, cependant certains composants spécifiques peuvent être édités dans Photoshop et After Effects, car nous fournissons certains des fichiers originaux.

Les alertes, overlays et les widgets ont été conçus pour être utilisés avec OBS Studio, Streamlabs OBS et XSplit. Veuillez vous assurer que votre logiciel de streaming est à jour avant d'utiliser ce produit. Si vous ne savez pas comment configurer et utiliser un logiciel de streaming, nous vous conseillons vivement de consulter le tutoriel ci-dessous avant de poursuivre :

Tutoriels OBS Studios par NerdOrDie

Avant de l'installer

Polices utilisées

Si vous souhaitez assortir le style du site overlay et des alertes, utilisez les polices de caractères indiquées ci-dessous.

Conseils utiles

  • Pour garantir les meilleurs résultats, veuillez vous assurer que votre application de streaming (OBS Studio, Streamlabs OBS ou Xsplit) est fermée pendant le processus d'importation (Alertes/Widgets).
  • Rendez-vous sur Streamlabs.com et connectez-vous avec votre plateforme de streaming préférée.
  • Après avoir importé les alertes sur votre compte Streamlabs. Vous pouvez ouvrir votre application de streaming pour la tester.

Principales couleurs utilisées :

Sarcelle - 8BFFB0

Violet - D4A9FF

Rouge - FF6A6A

Bleu - 63E7FF


Guide d'installation

Alertes de Streamlabs

Dans vos fichiers téléchargés, ouvrez le dossier d'alerte standard.

  1. Cliquez sur le lien Configuration rapide des alertes pour commencer à installer ces alertes.
  2. Si vous le souhaitez, choisissez "Créer un thème Widget " et donnez-lui un nom approprié, comme le nom du paquet. Le lien d'importation ne remplacera que votre paquet d'alertes. Cela signifie que vous pouvez combiner ces alertes avec toute autre collection de scènes/widgets que vous avez créés dans Streamlabs. Si vous souhaitez sauvegarder vos anciennes alertes, il est fortement recommandé de le faire dans un nouveau profil.
  3. Sélectionnez "Utiliser" pour le profil dans lequel vous souhaitez effectuer l'importation.
  4. Naviguez vers "Alert Box" et copiez votre URL unique.
  5. Collez cette URL comme "Source du navigateur" dans votre logiciel de streaming.

Une fois que vous l'avez ajouté à votre logiciel de streaming, testez les alertes pour vous assurer qu'elles fonctionnent correctement.

Largeur et hauteur de la source

Nous recommandons généralement de régler la taille à 1920 en largeur et 1080 en hauteur (une plus grande hauteur est recommandée si vous utilisez des messages), cependant, en fonction de votre stream ajuster la taille ici peut mieux fonctionner pour vous. Si vous devez réduire la taille, vous pouvez le faire directement dans OBS Studio. Si vous utilisez le fichier Streamlabs OBS .overlay , il se peut que vous n'ayez pas besoin de compléter cette étape si votre boîte d'alerte est déjà ajoutée.

Retardement de la synthèse vocale

Si vous prévoyez d'utiliser la synthèse vocale, vous devrez peut-être retarder la lecture des alertes, car il peut y avoir une animation d'introduction et des sons (selon le pack). Pour ce faire, vous pouvez modifier le délai de lecture des alertes dans les options de base de Streamlabs. Si vous utilisez des variantes d'alertes (comme des re-subs), vous devrez également mettre à jour les variantes.

Une fois que vous l'avez ajouté dans votre logiciel de streaming, testez le site widget pour vous assurer qu'il fonctionne correctement.

Streamlabs Alert TutorialPersonnalisation des alertes

Options d'alerte personnalisées

Ces options se trouvent dans l'onglet Champs personnalisés.

  • Famille de polices - Choisissez votre police
  • Temps de pause - Temps de pause de l'alerte après l'animation d'introduction, avant qu'elle ne s'éteigne.
  • Top Text Template - Entrez dans un texte. EX : Nouvel adepte
  • Middle Text Enter a text you want displayed.  EX: {name}
  • Texte du bas - Entrez le texte que vous souhaitez afficher sur la ligne du bas. Ce texte se trouve AU-DESSUS du message de l'utilisateur, mais en dessous du {nom}.
  • Main Shape - Background Color - Choisissez une couleur pour l'arrière-plan
  • Forme principale - Opacité de l'arrière-plan - Par défaut 100 %.
  • Main Shape - Stroke Color - Choisissez une couleur pour le trait.
  • Main Shape - Scale Size % - Default 100
  • Forme principale - Icône Scale Size % - Par défaut 80
  • Forme principale - Icon X Offset - Par défaut 0
  • Texte principal - Couleur du texte supérieur - Choisissez une couleur pour le texte supérieur.
  • Texte principal - Couleur du texte inférieur - Choisissez une couleur pour le texte inférieur.
  • Texte principal - Couleur de l'ombre du texte - Couleur par défaut #000000
  • Texte principal - Décalage Y - Permet de décaler le texte vers le haut ou vers le bas, les nombres positifs déplacent le texte vers le bas. Valeur par défaut : 20
  • Texte principal - Poids de la police - Épaisseur de la police. Valeur par défaut : 700
  • Main Text - Top Text Font Size - Ajuste la taille de la police du Top Text. Valeur par défaut : 26
  • Texte principal - Taille de la police du texte du milieu - Permet de régler la taille de la police du texte du milieu. Valeur par défaut : 42
  • Main Text - Bottom Text Font Size -Réglezla taille de la police du texte de fond. Valeur par défaut : 26
  • Volume des effets sonores - Réglage du volume des effets sonores. Valeur par défaut : 50
  • Effets sonores - Possibilité d'ajouter un son personnalisé
  • Fichier vidéo de fond - Possibilité de remplacer notre fichier vidéo par le vôtre.

*NOTE : Le texte du message de l'utilisateur est contrôlé dans les paramètres par défaut.

Installation des alertes StreamElements

Dans vos fichiers téléchargés, ouvrez le dossier d'alerte Streamelements.

  1. Rendez-vous sur Streamelements.com et assurez-vous que vous êtes connecté.
  2. Double-cliquez sur le lien d'installation de Streamelements Alert à partir de vos téléchargements.
  3. Ce lien ouvrira automatiquement le site web de Streamelements et commencera l'importation.
  4. Vous devriez recevoir une notification en haut du site web de Streamelements indiquant que l'importation a réussi.
  5. Allez sur "Mon Overlays"
  6. Vous devriez maintenant trouver les alertes importées nommées d'après le pack dont elles proviennent.
  7. Cliquez sur le bouton "Launch Overlay" pour obtenir l'URL de vos alertes.
  8. Collez cette URL comme "Source du navigateur" dans votre logiciel de streaming.

*NOTE : Les liens Streamelements sont spécifiques à votre plateforme. Vous pouvez uniquement utiliser le lien Twitch pour Twitch, et YouTube pour YouTube.

Une fois que vous l'avez ajouté dans votre logiciel de streaming, testez le site widget pour vous assurer qu'il fonctionne correctement.

Guide d'installation des alertes StreamElements

Options d'alerte personnalisées

Ces options se trouvent dans l'onglet Champs personnalisés.

  • Famille de polices - Choisissez votre police
  • Temps de pause - Temps de pause de l'alerte après l'animation d'introduction, avant qu'elle ne s'éteigne.
  • Top Text Template - Entrez dans un texte. EX : Nouvel adepte
  • Middle Text Enter a text you want displayed.  EX: {name}
  • Texte du bas - Entrez le texte que vous souhaitez afficher sur la ligne du bas. Ce texte se trouve AU-DESSUS du message de l'utilisateur, mais en dessous du {nom}.
  • Main Shape - Background Color - Choisissez une couleur pour l'arrière-plan
  • Forme principale - Opacité de l'arrière-plan - Par défaut 100 %.
  • Main Shape - Stroke Color - Choisissez une couleur pour le trait.
  • Main Shape - Scale Size % - Default 100
  • Forme principale - Icône Scale Size % - Par défaut 80
  • Forme principale - Icon X Offset - Par défaut 0
  • Texte principal - Couleur du texte supérieur - Choisissez une couleur pour le texte supérieur.
  • Texte principal - Couleur du texte inférieur - Choisissez une couleur pour le texte inférieur.
  • Texte principal - Couleur de l'ombre du texte - Couleur par défaut #000000
  • Texte principal - Décalage Y - Permet de décaler le texte vers le haut ou vers le bas, les nombres positifs déplacent le texte vers le bas. Valeur par défaut : 20
  • Texte principal - Poids de la police - Épaisseur de la police. Valeur par défaut : 700
  • Main Text - Top Text Font Size - Ajuste la taille de la police du Top Text. Valeur par défaut : 26
  • Texte principal - Taille de la police du texte du milieu - Permet de régler la taille de la police du texte du milieu. Valeur par défaut : 42
  • Main Text - Bottom Text Font Size -Réglezla taille de la police du texte de fond. Valeur par défaut : 26
  • Volume des effets sonores - Réglage du volume des effets sonores. Valeur par défaut : 50
  • Effets sonores - Possibilité d'ajouter un son personnalisé
  • Fichier vidéo de fond - Possibilité de remplacer notre fichier vidéo par le vôtre.

*NOTE : Le texte du message de l'utilisateur est contrôlé dans les paramètres par défaut.

Installation de Streamlabs OBS Overlays

Les étapes suivantes sont spécifiques à Streamlabs OBS et au fichier .overlay . Seul Streamlabs OBS peut utiliser le fichier .overlay . Si vous utilisez un logiciel de streaming autre que Streamlabs OBS, veuillez suivre les étapes des sections "Overlays" et " Scènes ".

  1. Téléchargez et installez StreamLabs OBS si vous ne l'avez pas encore fait.
  2. Décompressez les fichiers que vous avez téléchargés sur votre ordinateur.
  3. Ouvrez/exécutez Streamlabs OBS.
  4. Ouvrez les paramètres de Streamlabs OBS en cliquant sur la roue des paramètres dans le coin inférieur gauche.
  5. Cliquez sur "Collections de scènes" à gauche du menu contextuel
  6. Cliquez sur "Importer le fichier Overlay "
  7. Naviguez jusqu'à vos fichiers décompressés
  8. Sélectionnez le fichier ".overlay".

*NOTE : Après avoir sélectionné le fichier, cela peut prendre plusieurs minutes pour que toutes les ressources soient chargées. Cela permettra de configurer la transition (si elle est incluse) et plusieurs scènes (début, fin, BRB, etc.).

Streamlabs OBS Overlay Installer

Installation du site Overlays - Streamelements

Dans vos fichiers téléchargés, ouvrez le dossier d'alerte Streamelements.

  1. Rendez-vous sur Streamelements.com et assurez-vous que vous êtes connecté.
  2. Double-cliquez sur le lien de configuration de Streamelements Overlay à partir de vos téléchargements.
  3. Ce lien ouvrira automatiquement le site web de Streamelements et commencera l'importation.
  4. Vous devriez recevoir une notification en haut du site web de Streamelements indiquant que l'importation a réussi.
  5. Allez sur "Mon Overlays"
  6. Vous devriez maintenant trouver les scènes importées de Overlay nommées d'après le pack dont elles sont issues, et ce à quoi elles sont destinées.
  7. Cliquez sur le bouton "Launch Overlay" pour obtenir l'URL de vos alertes.
  8. Collez cette URL comme "Source du navigateur" dans votre logiciel de streaming.

*NOTE : Les liens Streamelements sont spécifiques à votre plateforme. Vous pouvez uniquement utiliser le lien Twitch pour Twitch, et YouTube pour YouTube.

Une fois que vous l'avez ajouté dans votre logiciel de streaming, testez le site widget pour vous assurer qu'il fonctionne correctement.

Largeur et hauteur de la source

Nous recommandons généralement de régler la taille à 1920 en largeur et 1080 en hauteur (une plus grande hauteur est recommandée si vous utilisez des messages), cependant, selon votre stream ajuster la taille ici peut mieux fonctionner pour vous. Si vous devez réduire la taille, vous pouvez le faire directement dans OBS Studio. Si vous utilisez le fichier Streamlabs OBS .overlay , il se peut que vous n'ayez pas besoin de compléter cette étape si votre boîte d'alerte est déjà ajoutée.

L'installation de ce produit implique l'utilisation de sources de médias, d'images et de textes. Si vous n'êtes pas familiarisé avec ces éléments, veillez à vous familiariser avec le logiciel de diffusion que vous utilisez.

  1. Décompressez les fichiers que vous avez téléchargés sur votre ordinateur.
  2. Ouvrez votre logiciel de streaming. Ajoutez des parties animées (fichiers WEBM) en ajoutant des "sources de médias" et en localisant les éléments que vous souhaitez sur overlay . Il existe des mises en page prédéfinies OU des éléments modulaires à personnaliser selon vos besoins. Mélangez et associez-les selon vos besoins. Lors de l'animation, veillez à cocher la case "Boucle" pour que les ressources animées restent visibles.
  3. Sautez cette étape si vous n'avez pas besoin d'ajouter du texte personnalisé aux étiquettes. Le moyen le plus simple d'ajouter votre texte personnalisé est de charger l'un des fichiers WEBM vierges et d'ajouter un calque "texte" par-dessus en utilisant la police recommandée.
  4. Pour ajouter des étiquettes de support dynamiques, il faut ajouter des sources de texte et les connecter au fichier texte approprié. Cela se fera à l'aide d'applications comme Stream Labels de Streamlab ou Muxy Ticker. Nous vous recommandons d'utiliser les polices de caractères indiquées dans la section "avant l'installation".
  5. Toutes les scènes peuvent être mises en place selon un processus similaire (Starting Soon, BRB, etc.). Dans vos nouvelles scènes, vous ajouterez des fichiers multimédias du dossier "Screens", des images du dossier "Icons" et des sources de texte pour ajouter le texte personnalisé nécessaire. Encore une fois, veuillez utiliser la police recommandée.
  6. Veuillez utiliser les images ou les films de démonstration comme référence pour les mises en page recommandées.

Modification de la langue et du texte dans votre Overlays

Pour modifier la langue ou le texte utilisé dans votre overlays , vous pouvez utiliser les versions vierges de nos sections de supporters / overlays. À partir de là, vous devrez ajouter des sources de texte avec le texte nécessaire en haut de vos sections de partisans. Nous vous recommandons d'utiliser les polices énumérées ci-dessus dans la section "avant l'installation". Vous pouvez également utiliser des sources d'images pour ajouter les icônes que nous avons incluses dans vos téléchargements.

Installation des alertes, objectifs, Chatbox et autres widgets dans Streamlabs (si inclus)

Dans les fichiers que vous avez téléchargés, ouvrez le dossier du site widget que vous souhaitez installer.

*(Les alertes sont un téléchargement séparé. Tous les autres widgets peuvent être trouvés avec le téléchargement de Overlays )
  1. Cliquez sur le lien Installation rapide pour commencer à installer le site Widget.
  2. Si vous le souhaitez, choisissez "Créer un thème Widget " et donnez-lui un nom approprié, comme le nom du paquet. Le lien d'importation ne remplacera que le site widget que vous avez sélectionné. Cela signifie que vous pouvez les combiner avec toute autre collection de scènes/widgets que vous avez créés dans Streamlabs. Si vous souhaitez conserver vos anciens widgets, il est fortement recommandé de créer le nouveau profil.
  3. Sélectionnez "Utiliser" pour le profil dans lequel vous souhaitez effectuer l'importation.
  4. La page vous conduira automatiquement aux paramètres de Widget pour le widget que vous venez d'importer.
  5. Cliquez sur le bouton "Copier" à côté de l'URL unique.
  6. Collez cette URL comme "Source du navigateur" dans votre logiciel de streaming.

Une fois que vous l'avez ajouté dans votre logiciel de streaming, testez le site widget pour vous assurer qu'il fonctionne correctement.

Largeur et hauteur de la source

Nous recommandons généralement de régler la taille à 1920 en largeur et 1080 en hauteur (une plus grande hauteur est recommandée si vous utilisez des messages), cependant, selon votre stream ajuster la taille ici peut mieux fonctionner pour vous. Si vous devez réduire la taille, vous pouvez le faire directement dans OBS Studio. Si vous utilisez le fichier Streamlabs OBS .overlay , il se peut que vous n'ayez pas besoin de compléter cette étape si votre boîte d'alerte est déjà ajoutée.

Installation des Widgets StreamElements (Chat Box, Liste d'événements, Objectifs)

Dans les fichiers que vous avez téléchargés, ouvrez le dossier du site widget que vous souhaitez installer.

*(Les alertes sont un téléchargement séparé. Tous les autres widgets peuvent être trouvés avec le téléchargement de Overlays )

Dans vos fichiers téléchargés, ouvrez le dossier Streamelements Widget ou Alert.

  1. Rendez-vous sur Streamelements.com et assurez-vous que vous êtes connecté au bon compte.
  2. Double-cliquez sur le lien Streamelements Quick Setup pour le site widget que vous souhaitez importer.
  3. Ce lien ouvrira automatiquement le site web de Streamelements et commencera l'importation.
  4. Vous devriez recevoir une notification en haut du site web de Streamelements indiquant que l'importation a réussi.
  5. Allez sur "Mon Overlays"
  6. Vous devriez maintenant trouver les widget importés nommés d'après le pack dont ils proviennent.
  7. Cliquez sur le bouton "Launch Overlay" pour obtenir l'URL de vos alertes.
  8. Collez cette URL comme "Source du navigateur" dans votre logiciel de streaming.

*NOTE : Les liens Streamelements sont spécifiques à votre plateforme. Vous pouvez uniquement utiliser le lien Twitch pour Twitch, YouTube pour YouTube, et Facebook pour Facebook.

Une fois que vous l'avez ajouté dans votre logiciel de streaming, testez le site widget pour vous assurer qu'il fonctionne correctement.

Configurer vos scènes dans un logiciel de streaming standard:

  1. Les scènes seront divisées en sources de médias (fichiers vidéo), sources d'images et sources de texte.
  2. Ajouter de nouvelles sources de médias pour chaque scène
  3. Réglez ces sources en boucle et sélectionnez un fichier local.
  4. Pour réduire les ressources du CPU ou de l'encodage, assurez-vous que la case "Fermer le fichier lorsqu'il est inactif" est cochée.
  5. Ajoutez des sources d'images pour les icônes (qui se trouvent dans le dossier des icônes) si vous le souhaitez.
  6. Ajoutez des sources de texte, en utilisant la police recommandée, et placez-les à côté de l'icône si vous le souhaitez.
  7. Dupliquez les scènes et modifiez-les si nécessaire.

Utiliser l'importation Streamlabs OBS pour les scènes ? Toutes les scènes seront configurées une fois que vous aurez importé le paquet, veuillez vous référer à l'onglet "Streamlabs OBS".

La mise en place d'une transition stinger entre les scènes est facile avec OBS Studio.

Studio OBS

  1. Sous la section "transitions de scène", cliquez sur le menu déroulant et sélectionnez "transition de stinger".
  2. Cliquez sur l'icône de l'engrenage et sélectionnez les propriétés
  3. Pour "fichier vidéo", cliquez sur "Parcourir" et sélectionnez le fichier stinger.webm qui se trouve dans le dossier "Screens".
  4. Réglez le "type de point de transition" sur le temps et le "point de transition" sur 500 ms.
  5. Activez les sons en réglant "Surveillance audio" sur "Surveillance et sortie".
  6. Cliquez sur OK

StreamLabs OBS

  1. Cliquez sur l'icône d'engrenage au-dessus de vos scènes
  2. Réglez l'option "Transition" sur "Stinger".
  3. Sélectionnez Parcourir pour le "fichier vidéo" et choisissez le fichier stinger qui se trouve dans le dossier "Screens".
  4. Définissez le "Point de transition 500 ms"
  5. Laissez les autres paramètres sur leurs valeurs par défaut
  6. Hit Done

Modification du fichier After Effects de la Stinger

Nous avons inclus le fichier After Effects CC de la transition stinger pour les utilisateurs qui souhaitent modifier les couleurs utilisées dans la transition stinger. Ce fichier est destiné aux utilisateurs qui ont des connaissances en AE, car nous ne pouvons pas fournir de support pour ce fichier.

Fichier de projet After Effects (source)

Bien que nous ayons préparé ce fichier pour qu'il soit très facile à utiliser, nous attendons de vous que vous ayez une expérience d'After Effects et des méthodes d'exportation de fichiers vidéo. Si vous n'êtes pas à l'aise avec le logiciel, nous ne vous recommandons pas d'inclure ce fichier dans votre achat. Voici quelques instructions de base pour vous aider à démarrer :

  1. Une fois que vous avez décompressé le contenu de votre produit, accédez au dossier des fichiers sources.
  2. Ouvrir le fichier .AEP
  3. Sélectionnez la composition "@Master Control" dans la liste des projets.
  4. Ouvrir l'onglet Graphique essentiel (Fenêtre > Graphique essentiel)
  5. Modifiez ces valeurs à votre convenance
  6. "Fichier > Exporter > Ajouter à Adobe Media Encoder" chaque composition selon les besoins. Vous devrez enregistrer dans un format prenant en charge l'alpha (.mov et .webm). Pour la prise en charge de webm dans Adobe Media Encoder, vous devez d'abord installer ce plugin.

Voici une excellente vidéo que nous avons créée sur le sujet ! Regardez-la !

Note rapide :

La machine à neige est un navigateur source widget que vous pouvez utiliser avec la plupart des logiciels de streaming. Les performances sont optimales avec les logiciels dont l'accélération matérielle est activée.

Ajout de la machine à neige

  1. Décompressez les fichiers inclus dans votre téléchargement
  2. Ajoutez un "Browser Source" à votre logiciel de streaming.
  3. Sélectionnez le fichier local, et sélectionnez le fichier HTML trouvé dans le dossier "Preset".
  4. Réglez la largeur et la hauteur à votre convenance
  5. Nous vous recommandons de désactiver les options "Shutdown Source When Not Visible" et "Refresh Browser when scene becomes active", car cela entraînera le redémarrage de la machine à neige.

Largeur et hauteur de la source

Nous recommandons généralement de régler la taille à 1920 en largeur et 1080 en hauteur. Cependant, selon votre stream , ajuster la taille ici peut être plus efficace pour vous. Si vous devez réduire la taille, vous pouvez le faire directement dans votre application de streaming.

Conditions d'utilisation

L'utilisateur peut utiliser ces alertes à des fins personnelles et commerciales. Elles sont destinées à un (1) seul utilisateur et à un (1) seul appareil. Ces autorisations d'utilisation n'expirent pas. La rediffusion est strictement interdite. Les graphiques et le code des alertes restent la propriété de Twitch Temple et de Nerd Or Die, sauf autorisation écrite.

Veuillez vous référer à nos conditions généralespour plus d'informations.

Réitérations, erreurs et mises à jour futures

Cette version de l'alerte est fournie telle quelle. Si des éléments manquent ou si vous pensez qu'un point essentiel doit être réglé, veuillez nous contacter en décrivant le problème et en indiquant l'adresse électronique utilisée pour acheter le produit. Vous êtes autorisé à effectuer jusqu'à 5 téléchargements par produit.

Veuillez suivre @NerdOrDieCom sur Twitter pour obtenir des informations actualisées.


Changelog

Pour recevoir ces mises à jour, il suffit de retélécharger le produit via le lien de l'e-mail, ou sur la page de votre compte lorsque vous êtes connecté.

  • Pas encore de mise à jour majeure !