Guida alla creazione di immagini reattive su Discord

Note chiave

  • Le immagini reattive possono migliorare lo streaming reagendo ai segnali audio.
  • Esistono due metodi principali per creare immagini reattive: utilizzando lo strumento Fugi o CSS personalizzato.
  • Aggiungere file PNG su Discord è semplice: basta trascinarli e rilasciarli.

Migliora la tua esperienza Discord con le immagini reattive

Le immagini reattive su Discord forniscono un elemento interattivo alla tua presenza online, in particolare per i creatori di contenuti che cercano di coinvolgere il loro pubblico. Questa guida ti guiderà attraverso il processo di creazione e utilizzo efficace di queste immagini, arricchendo la tua esperienza Discord, che tu stia giocando, trasmettendo in streaming o socializzando.

Guida passo passo per creare immagini reattive Discord

Passaggio 1: crea il tuo PNGtuber utilizzando lo strumento Fugi

Per iniziare, utilizza lo strumento Discord Reactive Images di Fugi per un processo di creazione semplice. Segui questi passaggi:

  1. Apri l’app Discord sul tuo computer insieme a OBS Studio, disponibile per il download gratuito.
  2. Accedi alle impostazioni di Discord cliccando sull’icona a forma di ingranaggio accanto al tuo nome utente.
  3. Nel menu delle impostazioni, vai alla sezione Avanzate e attiva la Modalità sviluppatore.
  4. Scorri fino a Voce e video nel pannello di sinistra, seleziona il microfono e imposta la telecamera su OBS Virtual Camera.
  5. Vai su reactive.fugi.tech e clicca su Accedi con Discord.
  6. Accedi utilizzando le tue credenziali oppure scansiona il codice QR e clicca su Autorizza.
  7. Configura le tue immagini reattive nella pagina di configurazione che si apre.
  8. Carica le tue immagini: una con la bocca chiusa, l’altra con la bocca aperta. Fai clic sull’icona Più (+) per aggiungere ogni immagine e poi fai clic su Salva.
  9. Copia il link generato per la tua configurazione.
  10. In OBS, fare clic sull’icona Più (+) sotto Sorgenti, selezionare Browser, immettere un nome di sorgente e fare clic su OK.
  11. Incolla il collegamento nel campo URL Proprietà e fai clic su OK.
  12. Regola le dimensioni dell’immagine come preferisci prima dello streaming Discord.
  13. Fare clic su “Avvia telecamera virtuale” in OBS per avviare lo streaming.
  14. Unisciti a un canale vocale su Discord e abilita la tua telecamera per vedere l’immagine reattiva in azione.

Suggerimento: testa la configurazione parlando nel microfono per assicurarti che l’immagine reattiva risponda correttamente.

Passaggio 2: utilizzare CSS personalizzato con l’overlay StreamKit di Discord

Per chi ha dimestichezza con i CSS di base, Discord StreamKit Overlay offre un altro approccio efficace. Ecco come farlo:

  1. Visita streamkit.discord.com.
  2. Seleziona Installa per OBS o XSplit in base al tuo software di streaming.
  3. Se richiesto, accedi a Discord; assicurati prima che Discord sia aperto.
  4. Vai a Voice Widget, scegliendo il tuo server e canale vocale. Abilita l’opzione Hide Names per la privacy. Copia l’URL generato visualizzato sulla destra.
  5. Autorizza l’applicazione quando richiesto da Discord.
  6. Apri OBS, clicca sull’icona Più (+) per aggiungere una nuova fonte, scegli Browser e incolla l’URL copiato.
  7. Crea un canale di testo privato su Discord per caricare le tue immagini PNG.
  8. Utilizza il generatore CSS su codepen.io.
  9. Copia il tuo ID Discord dall’app Discord e incollalo nel generatore CSS.
  10. Per ogni immagine PNG caricata sul tuo canale Discord, fai clic con il pulsante destro del mouse e seleziona “Copia ID”.Incollalo accanto a “URL immagine” nel generatore.
  11. Fare clic su Genera CSS, quindi copiare il codice di output.
  12. In OBS, accedi alle proprietà sorgente del browser StreamKit, vai alla sezione CSS personalizzato e incolla lì il tuo codice.
  13. Per concludere, clicca su Ok.

Suggerimento: assicurati di adattare la posizione e le dimensioni dell’immagine reattiva in OBS in modo che si adattino perfettamente al tuo layout.

Riepilogo

In questa guida, abbiamo esplorato come migliorare la tua esperienza di streaming su Discord creando e utilizzando Reactive Images. Tramite lo strumento di Fugi o CSS personalizzato con StreamKit, aggiungere segnali visivi personalizzati alla tua presenza vocale può amplificare significativamente il coinvolgimento e il divertimento durante le chat.

Conclusione

Le immagini reattive sono un modo innovativo per migliorare le tue interazioni su Discord, rendendo le conversazioni più vivaci e visivamente accattivanti. Che tu sia un creatore di contenuti o semplicemente qualcuno che cerca di esprimersi, implementare immagini reattive può migliorare notevolmente la tua esperienza di streaming e chat. Ora, prendi le conoscenze che hai acquisito e inizia a rendere le tue sessioni Discord più coinvolgenti!

FAQ (Domande frequenti)

Come posso creare un’immagine reattiva per Discord?

Puoi creare un’immagine reattiva utilizzando lo strumento React Image di Fugi o utilizzando un CSS personalizzato tramite Discord StreamKit Overlay, a seconda della tua dimestichezza con la tecnologia.

Posso usare altri formati di immagine oltre al PNG?

Sebbene PNG sia comunemente utilizzato per le immagini reattive grazie alle sue caratteristiche di trasparenza, è possibile utilizzare anche altri formati di immagine, purché compatibili con Discord.