Come creare un fantastico layout Twitch in Photoshop

Sommario:

Come creare un fantastico layout Twitch in Photoshop
Come creare un fantastico layout Twitch in Photoshop
Anonim

Cosa sapere

  • In Photoshop, crea una tela 1920 x 1080 e riempi lo sfondo. Aggiungi livelli e usa lo strumento Selezione per creare spazio per uno streaming della webcam.
  • Riempi il riquadro di selezione, crea un nuovo livello e usa di nuovo lo strumento selezione per creare un nuovo riquadro per le riprese di gioco. Salva come file Photoshop (.psd).
  • Necessario anche: un computer, una scheda di acquisizione, una webcam e un software di trasmissione come OBS Studio o Streamlabs OBS per personalizzare il layout.

Un layout Twitch, chiamato anche Twitch stream overlay, è un design grafico che appare durante la tua trasmissione Twitch. Ecco come creare un overlay Twitch con Photoshop e come aggiungere l'immagine di sfondo a OBS Studio.

Come creare una sovrapposizione di Twitch con Photoshop

Photoshop è uno dei migliori strumenti per creare un overlay di Twitch. Segui questi passaggi per creare un layout Twitch di base, quindi prova ad aggiungere più funzionalità e personalità alla tua trasmissione. Questo tutorial utilizza Photoshop 2020, ma le istruzioni dovrebbero essere simili in altre versioni.

Se non hai Photoshop, prova un' alternativa gratuita, come Paint 3D in Windows 10 o l'editor di grafica online Canva per creare una sovrapposizione di Twitch.

  1. Apri Photoshop e seleziona File > Nuovo dal menu in alto.

    Image
    Image
  2. Nella casella Let's Start Something New, imposta la larghezza su 1920 pixel e l' altezza su 1080 pixel, quindi seleziona Crea.

    Image
    Image

    Queste misurazioni corrispondono alle dimensioni complete del layout del tuo stream, che riempie un monitor TV quando viene visualizzato. L'utilizzo di questa dimensione ti aiuta a visualizzare meglio il risultato e pianificare di conseguenza.

  3. Dal menu in alto, seleziona Modifica > Riempi.

    Image
    Image
  4. Accanto a Contenuto, seleziona Colore dal menu a discesa.

    Image
    Image
  5. Scegli un colore per lo sfondo, quindi seleziona OK.

    Image
    Image

    Puoi ripetere questo passaggio finché non trovi un colore che ti piace.

  6. Seleziona OK per uscire dalla casella Riempi.

    Image
    Image
  7. Dal menu in alto, seleziona Layer > New > Layer.

    Image
    Image
  8. Nella casella a comparsa Nuovo livello, seleziona OK. Ora hai un livello invisibile sopra lo sfondo, che ti consente di disegnare e modificare il tuo design senza influenzare il colore di sfondo.

    Image
    Image

    Sia il nuovo livello che il livello di sfondo originale dovrebbero essere visibili nella casella Layers nell'angolo in basso a destra dello schermo.

  9. Nella casella Layers, seleziona il nuovo livello.

    Se la finestra Livelli non è aperta, seleziona Livelli dal menu Finestra.

    Image
    Image
  10. Dalla casella degli strumenti a sinistra, seleziona lo Strumento selezione rettangolare. È un'icona quadrata tratteggiata nell'angolo in alto a sinistra della casella degli strumenti.

    Image
    Image
  11. Sposta il mouse nell'area di lavoro, fai clic e trascina lo strumento per creare una forma quadrata o rettangolare dove desideri posizionare la tua webcam durante lo streaming.

    Image
    Image
  12. Quando hai la forma che desideri, vai al menu in alto e seleziona Modifica > Riempi.

    Image
    Image
  13. Scegli il colore che vuoi che sia la scatola e seleziona OK. Seleziona di nuovo OK per uscire dalla casella Riempi.

    Image
    Image
  14. Ripetendo i passaggi precedenti, crea un nuovo livello, crea una scatola per le riprese del tuo videogioco e aggiungi un colore di riempimento.

    Image
    Image

    Fai lo stesso per gli altri contenuti che vuoi inquadrare, come una chatbox o un nuovo elenco di iscritti.

  15. Con ogni riquadro sul proprio livello, sposta i riquadri e modifica i riquadri singolarmente selezionando il loro livello dal riquadro Livelli e scegliendo lo Strumento Spostaicona della freccia dalla casella degli strumenti.

    Image
    Image
  16. Una volta che hai tutto come vuoi, vai su File > Salva per salvare il tuo progetto come Photoshop (.psd) file. Utilizzerai questo file per modificare il progetto in futuro.

    Image
    Image
  17. Vai di nuovo su File e seleziona Salva con nome. Dal menu a discesa Format, scegli JPEG, assegna un nome al file e seleziona Salva. Hai finito!

    Image
    Image

Come aggiungere la tua immagine di sfondo a OBS Studio

Aggiungi la tua immagine personalizzata a OBS Studio allo stesso modo di qualsiasi altra fonte multimediale.

  1. Fai clic sul segno Plus nella finestra Sources di OBS.

    Image
    Image
  2. Seleziona Immagine.

    Image
    Image
  3. Assicurati che l'opzione Crea livello sia attiva e assegna un nome al nuovo livello. "Sfondo" è una buona idea per il nome del livello, poiché è facilmente identificabile. Fare clic su OK per salvare il nome.

    Image
    Image
  4. Seleziona Sfoglia, trova l'immagine JPEG salvata sul tuo computer, quindi seleziona OK.

    Image
    Image
  5. La tua immagine di sfondo dovrebbe ora apparire in OBS Studio. A causa delle sue dimensioni, potrebbe coprire altri contenuti, quindi assicurati di individuarlo nella casella Sources nella parte inferiore dello schermo e trascinarlo in fondo all'elenco.
  6. Aggiungi altre fonti multimediali, come la tua webcam, filmati di videogiochi e avvisi.

    Assicurati che queste nuove aggiunte siano sopra lo sfondo nell'elenco Sorgenti in modo che siano visibili.

  7. Ora hai un layout Twitch personalizzato di base! Puoi modificare l'immagine di sfondo in qualsiasi momento aprendo e modificando il file.psd salvato in Photoshop.
Image
Image

Suggerimenti sulla creazione del tuo overlay Twitch

Quando ti senti più in grado di creare un overlay Twitch, tieni a mente questi suggerimenti:

  • Se vuoi disegnare direttamente o modificare il livello di sfondo (per cambiarne il colore, ad esempio), selezionalo nella casella Layers.
  • Cambia tra tutti i livelli in qualsiasi momento tramite la casella Layers.
  • Puoi anche utilizzare un'immagine grande come sfondo o utilizzare lo Strumento Sfumatura per un'opzione più creativa.

Consigliato: