Com es fa una superposició de Twitch mitjançant Photoshop

Com es fa una superposició de Twitch mitjançant Photoshop

Twitch ha canviat la cara dels jocs en els darrers anys, amb els millors streamers de Twitch guanyant diners jugant als seus jocs preferits. Per a molts espectadors, Twitch és com una nova forma de xarxes socials i, malgrat els canvis recents a les regles de Twitch, la seva popularitat és més gran que mai.





Si voleu guanyar diners en streaming, ho necessitareu creeu un gran espectador a Twitch , i una part important d'això fa que la vostra transmissió sembli professional.





En aquest article, us mostrarem com crear un document senzill Superposició de contracció mitjançant Photoshop. I si bé aquesta superposició és per a Minecraft, es pot modificar per treballar amb qualsevol altre joc. I també funcionarà perfectament per reproduir-lo a YouTube Gaming o fins i tot a Mixer, l’alternativa de Microsoft a Twitch.





Començant

Abans de començar, vegem amb què acabarem avui:

Tot el que apareix a aquest tutorial és relativament senzill, però si no sou nou a Photoshop, pot ser útil llegir primer el nostre tutorial de capes de Photoshop. Si busqueu una alternativa gratuïta a Photoshop, GIMP és increïblement poderós.



Si voleu crear una superposició de Twitch sense utilitzar Photoshop, aquest projecte és completament possible a GIMP. Com que les eines que utilitzarà seran una mica diferents, us suggeriria que llegiu el nostre document guia de GIMP primer.

Dit això, donem una ullada a com fer una superposició de Twitch amb Photoshop.





Creació del llenç

Per començar a crear la superposició, obriu Photoshop i creeu una imatge nova de la mateixa mida que la resolució de pantalla.

Ara que tenim un document en blanc, necessitem una guia per construir la nostra superposició. Us suggeriria fer una captura de pantalla del joc escollit i carregar-lo a Photoshop fent clic Fitxer i lloc i seleccionant la vostra imatge. Esteneu la imatge fins a la mida completa del llenç. Ara podem començar a crear els nostres elements de superposició.





Afegint una barra superior

Creeu una capa nova i nomeneu-la Bàner superior . Seleccioneu el fitxer Eina de rectangle des del menú lateral esquerre. Al mateix menú, obriu el selector de colors i trieu el color de fons.

Ara feu clic i arrossegueu la part superior de la capa nova per crear un bàner superior. No us preocupeu si se superposen les vores del llenç, el rectangle s’hauria d’adaptar al lloc amb el lateral.

Ara, per donar un límit a aquest rectangle, feu clic dret sobre la capa i seleccioneu Opcions de fusió . Seleccioneu Ictus al menú que apareix i configureu l'amplada i el color del traç en funció del que us convingui. En aquest cas, 10 px d'amplada amb un color vermell fosc té bon aspecte. Feu clic a D'acord i seleccioneu la capa. Activeu l'eina de moviment prement la lletra V i moveu el bàner superior cap amunt de manera que tingui prou espai per afegir text més endavant, però no oculti massa la pantalla del joc.

Finalment, seleccioneu la capa de bàner superior i reduïu la seva opacitat al voltant del 75%. Això permetrà que el joc es mostri lleugerament i dóna a la superposició un efecte més dinàmic.

Heu començat molt bé i podeu fer servir el que heu fet fins ara per crear els dos bàners inferiors.

Les pancartes inferiors

En lloc de tornar a fer el mateix treball per a aquests bàners inferiors, feu clic amb el botó dret del ratolí a Bàner superior i seleccioneu Capa duplicada . Anomeneu aquesta nova capa Abaix a la dreta i utilitzant el fitxer Eina Mou ( V al teclat), moveu-lo a la part inferior dreta de la pantalla. Assegureu-vos que no se superposa amb la barra d'eines del joc i utilitzeu el fitxer Ctrl mentre arrossegueu la tecla per col·locar-la amb més precisió.

Per crear la barra inferior esquerra, seguiu el mateix mètode que l'anterior i moveu-la cap avall a la part inferior esquerra de la pantalla. La nostra superposició bàsica ja està completa, de manera que podem afegir un marc per a la nostra càmera.

Marc de la càmera

Creeu una capa nova i anomeneu-la Marc . Seleccioneu el fitxer Eina de rectangle de nou i creeu un quadrat perfecte mantenint premut el botó Maj mentre arrossegueu el cursor del ratolí. No us preocupeu pel color del quadrat, ja que desferem el farciment més endavant.

Per crear el marc, feu clic amb el botó dret a la capa i seleccioneu Opcions de fusió . Seleccioneu Ictus però aquesta vegada seleccioneu Interior des del Posició menú desplegable per fer que el marc entri al quadrat en lloc de posar-lo a l'exterior.

Una vegada més, seleccioneu un color i una amplada que s'adapti a l'esquema de colors que teniu fins ara. Ara seleccioneu la capa i canvieu-la Omplir al 0%, deixant només el marc.

Utilitzar el Eina Mou per col·locar-lo a sobre de la bandera inferior esquerra i canviar-ne la mida si cal, mantenint premut el botó Maj clau per conservar la seva relació d'aspecte.

La superposició comença a unir-se, però ara toca afegir text.

Afegint text

Per començar a afegir text, creeu una capa nova. Utilitzar el Eina de text (o premeu T al tauler de teclat) i arrossegueu un quadre de text nou. Seleccioneu el fitxer Personatge menú de la dreta com es mostra a continuació:

Si no podeu veure aquest botó al vostre disseny de Photoshop, podeu obrir el menú fent clic Finestra> Caràcter . Seleccioneu el tipus de lletra i el color escollits aquí i afegiu el text. Utilitzar el Eina Mou per col·locar el text en un dels vostres bàners inferiors. S'hauria de fixar al lloc, però el fitxer Ctrl clau us pot ajudar a afinar-la exactament on voleu que sigui.

Ara tenim text, però sembla una mica anodí. Per tant, per fer-lo ressaltar, feu clic amb el botó dret a la capa de text i seleccioneu de nou Opcions de fusió . Doneu al text un Ictus i també un Gota d'ombra per fer que destaqui una mica. Aquí s’utilitzen els valors predeterminats, però podeu jugar amb la configuració per crear un efecte de text flotant molt més pronunciat.

Creeu elements de text per a les altres tres cantonades fent clic amb el botó dret sobre aquesta capa i seleccionant Capa duplicada , i utilitzant el fitxer Eina Mou per moure cada nova capa a les seves respectives cantonades.

Amb el text en vigor, ja estem a punt d’acabar. Afegim només logotips per a les xarxes socials i un logotip de capçalera per al canal.

Logotips de xarxes socials

És més fàcil utilitzar icones prefabricades comercialment gratuïtes. Un lloc web com Cercador d'icones us pot ajudar, però assegureu-vos que les icones que utilitzeu estiguin marcades Gratuït per a ús comercial per evitar problemes legals més endavant. Importeu el vostre logotip a Photoshop mitjançant el fitxer Fitxer> Lloc menú. Si no podeu veure el logotip, assegureu-vos que estigui a la part superior arrossegant la seva capa fins a la part superior del menú de capes.

Ara tenim un logotip de Facebook, però és una mica anodí. Fem que encaixi fent clic amb el botó dret a la seva capa i seleccionant Opcions de fusió , Seguit per Ictus . Doneu-li un traç exterior de la mateixa amplada que el traç del vostre bàner superior. En seleccionar el color, podeu utilitzar el comptagotes per fer coincidir el color amb el vostre bàner superior.

Moveu el logotip cap amunt a la part superior esquerra de la pantalla i fent servir el botó Ctrl col·loqueu-la amb cura per tal que encaixi al racó.

Per al logotip de Twitter, seguiu el mateix mètode d'ús Lloc per afegir-lo al projecte. Podeu estalviar una mica de temps aquí seleccionant la capa de logotip de Facebook, fent clic amb el botó dret i escollint Copia l'estil de la capa , abans de tornar a la nova capa de logotip de Twitter i utilitzar-la Enganxa l'estil de la capa per donar-li la mateixa amplada i color del traç. Moveu aquest logotip a l'extrem superior oposat i, si cal, moveu el text perquè encaixi.

Ara afegim el logotip central.

Si teniu un logotip de canal, és bo tenir-lo al davant i al centre perquè tothom el pugui veure immediatament quan comenci a mirar-lo. Si encara no teniu cap logotip, podeu substituir-lo per un algun text personalitzat amb el nom o el lloc web del canal.

Per començar, arrossegueu una regla cap a fora de la barra d’eines esquerra perquè s’hauria d’adaptar al centre de la pantalla.

Si no podeu veure el vostre regle o no està encaixat, mireu a sota del fitxer Veure menú i comproveu que tots dos Regle i Snap estan seleccionats.

Lloc el vostre logotip al projecte. S'hauria de centrar automàticament a la regla. Creeu una capa nova i arrossegueu-la a la capa que hi ha a sota del logotip. Utilitzar el Eina de rectangle per crear un rectangle lleugerament més gran que el logotip, donant-li un efecte emmarcat.

Per fer-lo destacar, doneu un quadrat a la vostra nova creació Traç exterior del mateix color que la resta de vores. Per facilitar el desplaçament del logotip i la vora com un sol, manteniu premut Ctrl per seleccionar les dues capes. Feu clic amb el botó dret i seleccioneu Converteix a objecte intel·ligent . Això emmagatzema tant el nostre logotip com la vora a la mateixa capa, que encara es poden editar més endavant si cal.

Moveu el logotip a la part superior de la superposició i canvieu-lo per ajustar-lo. I ja està, ja hem acabat.

Desar la superposició

Abans de desar la superposició com a imatge, deseu-la com a document de Photoshop amb un nom de fitxer com 'Minecraft Twitch Template' perquè pugueu canviar-la posteriorment per utilitzar-la amb diferents jocs.

Per fer que el fons sigui transparent, seleccioneu Ull icona de la captura de pantalla del joc i de les capes de fons, deixant només els elements de superposició mostrats.

Deseu aquest fitxer amb l'extensió .PNG i carregueu-lo al programari de transmissió que vulgueu utilitzar. Aquí teniu la superposició acabada del meu programari de transmissió, amb la superposició com a capa superior, la càmera com a capa mitjana i Minecraft com a capa inferior.

Twitch Overlay completat: ara comenceu a la reproducció en temps real.

Ara que ja sabeu com fer una superposició de Twitch, és hora de reproduir-la. Comença el teu canal configuració del programari de transmissió i triar quins jocs jugar a Twitch. I si realment voleu obtenir un valor de producció, proveu-ho emetent amb pantalla verda . Per sobre de tot, diverteix-te!

Compartir Compartir Tweet Correu electrònic 5 consells per sobrecarregar les vostres màquines Linux de VirtualBox

Cansat del baix rendiment que ofereixen les màquines virtuals? Això és el que heu de fer per millorar el rendiment del VirtualBox.

Llegiu a continuació
Temes relacionats
  • Joc
  • Creativa
  • Adobe Photoshop
  • Vídeo en línia
  • Twitch
  • Cultura del joc
  • Tutorial de Photoshop
Sobre l'autor Ian Buckley(216 articles publicats)

Ian Buckley és periodista, músic, intèrpret i productor de vídeo independent que viu a Berlín, Alemanya. Quan no escriu ni a l’escenari, juga amb electrònica o codi de bricolatge amb l’esperança de convertir-se en un científic boig.

millor distribució Linux per a servidor de suports
Més de Ian Buckley

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us