Twitch -peitteen tekeminen Photoshopin avulla

Twitch -peitteen tekeminen Photoshopin avulla

Twitch on muuttanut pelaamisen kasvoja viime vuosina, kun Twitchin parhaat striimaajat ansaitsevat suuria summia pelatessaan suosikkipelejään. Monille katsojille Twitch on kuin uusi sosiaalisen median muoto, ja huolimatta Twitchin sääntöjen viimeaikaisista muutoksista sen suosio on suurempi kuin koskaan.





Jos haluat ansaita rahaa suoratoistona, sinun täytyy rakentaa suuren katsojamäärän Twitchissä ja tärkeä osa sitä on saada striimisi näyttämään ammattimaiselta.





Tässä artikkelissa näytämme sinulle, kuinka luoda yksinkertainen Twitch -kerros Photoshopin avulla. Ja vaikka tämä peitto on Minecraftille, sitä voidaan muokata toimimaan minkä tahansa muun pelin kanssa. Ja se toimii myös täydellisesti suoratoistona YouTube Gamingissa tai jopa Mixerissä, joka on Microsoftin vaihtoehto Twitchille.





Päästä alkuun

Ennen kuin aloitamme, katsotaan, mihin päädymme tänään:

Kaikki tässä opetusohjelmassa on suhteellisen yksinkertaista, mutta jos olet uusi Photoshopissa, voi olla hyödyllistä lukea ensin Photoshop -kerrosten opetusohjelma. Jos etsit ilmaista vaihtoehtoa Photoshopille, GIMP on uskomattoman tehokas.



Jos haluat tehdä Twitch -peittokuvan ilman Photoshopia, tämä projekti on täysin mahdollista GIMP: ssä. Koska käyttämäsi työkalut ovat hieman erilaisia, suosittelen, että luet meidän GIMP -opas ensimmäinen.

Näin ollen katsotaanpa, miten Twitch -peitto tehdään Photoshopilla.





Kankaan luominen

Aloita peittokuvan luominen avaamalla Photoshop ja luomalla uusi kuva, joka on samankokoinen kuin näytön resoluutio.

Nyt kun meillä on tyhjä asiakirja, tarvitsemme oppaan peittokuvamme rakentamiseen. Suosittelen ottamaan kuvakaappauksen valitsemastasi pelistä ja lataamaan sen Photoshopiin napsauttamalla Tiedosto ja paikka ja valitset kuvan. Vedä kuva kankaan täysikokoiseksi. Nyt voimme aloittaa peittokomponenttien luomisen.





Ylärivin lisääminen

Luo uusi kerros ja nimeä se Ylin banneri . Valitse Suorakulmio -työkalu vasemmanpuoleisesta valikosta. Avaa samassa valikossa värivalitsin ja valitse taustaväri.

Napsauta ja vedä uuden kerroksen yläreunaa luodaksesi ylimmän bannerin. Älä huoli, jos kankaan reunat ovat päällekkäin, suorakulmion tulee napsahtaa paikalleen sivun kanssa.

Jos haluat antaa tälle suorakulmiolle reunuksen, napsauta tasoa hiiren kakkospainikkeella ja valitse Sekoitusasetukset . Valitse Aivohalvaus avautuvasta valikosta ja aseta viivan leveys ja väri sinulle sopivaksi. Tässä tapauksessa 10px leveä ja tummanpunainen väri näyttää hyvältä. Napsauta OK ja valitse kerros. Käynnistä siirtotyökalu painamalla kirjainta V ja siirrä yläpalkkia ylöspäin niin, että siinä on tarpeeksi tilaa tekstin lisäämiseksi myöhemmin, mutta se ei peitä liikaa pelinäyttöä.

Valitse lopuksi ylempi bannerikerros ja vähennä sen läpinäkyvyys noin 75 prosenttiin. Tämä antaa pelin näkyä hieman läpi ja antaa peitolle dynaamisemman vaikutelman.

Olet tehnyt hienon alun ja voit käyttää tähän mennessä tekemiäsi kahta alimpaa banneria.

Alemmat bannerit

Sen sijaan, että teet saman työn uudelleen näille alabannereille, napsauta hiiren kakkospainikkeella Ylin banneri ja valitse Päällekkäinen kerros . Nimeä tämä uusi kerros Ala oikea ja käyttämällä Siirtotyökalu ( V näppäimistöllä), siirrä se näytön oikeaan alakulmaan. Varmista, että se ei ole päällekkäin pelin sisäisen työkalupalkin kanssa, ja käytä Ctrl -näppäintä samalla, kun vedät sen paikalleen tarkemmin.

Voit luoda vasemman alakulman palkin noudattamalla samaa menetelmää kuin yllä ja siirtämällä sen näytön vasempaan alakulmaan. Peruspeittokuvamme on nyt valmis, joten voimme lisätä kehyksen kamerallemme.

Kameran kehys

Luo uusi kerros ja soita sille Runko . Valitse Suorakulmio -työkalu uudelleen ja luo täydellinen neliö pitämällä näppäintä alhaalla Siirtää -näppäintä samalla kun vedät hiiren kohdistinta. Älä ole huolissasi neliön väristä, pääsemme eroon täytöstä myöhemmin.

Luo kehys napsauttamalla tasoa hiiren kakkospainikkeella ja valitsemalla Sekoitusasetukset . Valitse Aivohalvaus mutta valitse tällä kertaa Sisäinen alkaen Sijainti pudotusvalikosta, jotta kehys tulee neliöön sen sijaan, että se asetettaisiin ulkopuolelle.

Valitse jälleen väri ja leveys, joka sopii tähän mennessä käyttämääsi värimaailmaan. Valitse nyt kerros ja muuta sitä Täyttää 0 prosenttiin, jättäen vain kehyksen.

Käytä Siirtotyökalu Aseta se vasemman alakulman yläpuolelle ja muuta sen kokoa tarvittaessa pitämällä -painiketta painettuna Siirtää avain kuvasuhteen säilyttämiseksi.

Peittokuva alkaa koota, mutta nyt on aika lisätä tekstiä.

Tekstin lisääminen

Aloita tekstin lisääminen luomalla uusi taso. Käytä Tekstityökalu (tai paina T näppäimistöllä) ja vedä uusi tekstiruutu ulos. Valitse Merkki valikosta oikealta, kuten alla on esitetty:

Jos et näe tätä painiketta Photoshop -asettelussasi, voit avata valikon napsauttamalla Ikkuna> Merkki . Valitse valitsemasi fontti ja väri tästä ja lisää teksti. Käytä Siirtotyökalu sijoittaaksesi tekstisi johonkin alabanneristasi. Sen pitäisi napsahtaa paikalleen, mutta Ctrl avaimen avulla voit viimeistellä sen juuri haluamaasi paikkaan.

Nyt meillä on tekstiä, mutta se näyttää hieman tylsältä. Joten jotta se erottuu, napsauta tekstikerrosta hiiren kakkospainikkeella ja valitse uudelleen Sekoitusasetukset . Anna teksti a Aivohalvaus ja myös a Drop Shadow jotta se erottuu hieman. Tässä käytetään oletusarvoja, mutta voit pelata asetuksilla myös luodaksesi paljon selkeämmän 'kelluvan tekstin' vaikutuksen.

Luo tekstielementtejä kolmelle muulle kulmalle napsauttamalla tätä tasoa hiiren kakkospainikkeella ja valitsemalla Päällekkäinen kerros ja käyttämällä Siirtotyökalu siirtää jokainen uusi kerros kulmiinsa.

Kun tekstimme on nyt paikallaan, olemme lähellä valmistumista. Lisätään vain sosiaalisen median logot ja kanavan otsikkologo.

Sosiaalisen median logot

On helpompaa käyttää valmiita kuvakkeita, jotka ovat kaupallisesti vapaita käyttää. Verkkosivusto kuten Kuvake Finder voi auttaa tässä, mutta varmista, että käyttämäsi kuvakkeet on merkitty Ilmainen kaupalliseen käyttöön välttääkseen myöhemmin oikeudellisia ongelmia. Tuo logosi Photoshopiin käyttämällä Tiedosto> Paikka valikko. Jos et näe logoa, varmista, että se on päällä vetämällä sen kerros tasovalikon yläreunaan.

Nyt meillä on Facebook -logo, mutta se on hieman tyly. Tehdään se sopivaksi napsauttamalla hiiren kakkospainikkeella sen tasoa ja valitsemalla Sekoitusasetukset , jonka jälkeen Aivohalvaus . Anna sille ulompi viiva, joka on yhtä leveä kuin ylimmän bannerisi viiva. Kun valitset väriä, voit käyttää tippaa sovittaaksesi värin ylimpään banneriisi.

Siirrä logo ylös näytön vasempaan yläkulmaan ja käytä Ctrl aseta se varovasti niin, että se sopii kulmaan.

Twitter -logon kohdalla käytä samaa tapaa Paikka lisätä sen projektiin. Voit säästää vähän aikaa valitsemalla Facebook-logokerroksen, napsauttamalla hiiren kakkospainikkeella ja valitsemalla Kopioi tasotyyli , ennen kuin palaat uuteen Twitter -logokerrokseen ja käytät sitä Liitä kerroksen tyyli antaa sille saman iskun leveyden ja värin. Siirrä tämä logo vastakkaiseen yläkulmaan ja siirrä tarvittaessa tekstiä niin, että se sopii.

Lisätään nyt keskilogo.

Jos sinulla on kanavan logo, on hyvä, että se on edessä ja keskellä, jotta kaikki voivat nähdä sen heti, kun he alkavat katsella. Jos sinulla ei vielä ole logoa, voit korvata sen a jotain mukautettua tekstiä jossa on kanavasi nimi tai verkkosivusto.

Aloita vetämällä viivain vasemmasta työkalupalkista, sen pitäisi napsahtaa näytön keskelle.

Jos et näe hallitsijaasi tai se ei napsahdu, katso alla Näytä valikosta ja tarkista, että molemmat Viivotin ja Napsahtaa on valittu.

Paikka logosi projektiin. Sen tulisi keskittyä automaattisesti viivaimeen. Luo uusi taso ja vedä se logon alapuolelle. Käytä Suorakulmio -työkalu luoda suorakulmio, joka on hieman suurempi kuin logo ja antaa sille kehystetyn vaikutelman.

Jotta se erottuu, anna äskettäin luodulle neliölle an Ulkoinen aivohalvaus samaa väriä kuin muutkin reunasi. Voit helpottaa logon ja reunuksen siirtämistä yhtenä painikkeena Ctrl valitaksesi molemmat kerrokset. Napsauta hiiren kakkospainikkeella ja valitse Muunna älykkääksi objektiksi . Tämä tallentaa sekä logomme että reunamme samaan kerrokseen, jota voidaan silti muokata myöhemmin tarvittaessa.

Siirrä logosi peitteen päälle ja muuta sen kokoa sopivaksi. Ja se on siinä, olemme kaikki valmiita.

Peittokuvan tallennus

Ennen kuin tallennat peittokuvan kuvana, tallenna se Photoshop -asiakirjaksi, jonka tiedostonimi on 'Minecraft Twitch Template', jotta voit muuttaa sen myöhemmin käytettäväksi eri pelien kanssa.

Jos haluat tehdä taustasta läpinäkyvän, valitse Silmä -kuvaketta pelin kuvakaappauksessa ja taustakerroksissa, jolloin vain peittokuvien elementit näkyvät.

Tallenna tämä tiedosto .PNG -laajennuksella ja lataa se haluamaasi suoratoisto -ohjelmistoon käyttääksesi sitä. Tässä on suoratoisto -ohjelmistoni valmis peittokuva, jossa peitto on yläkerros, kamera keskikerroksena ja Minecraft pohjakerroksena.

Twitch -peitto valmis: Siirry nyt suoratoistoon!

Nyt kun tiedät kuinka tehdä Twitch -peittokuva, on aika aloittaa suoratoisto! Aloita kanavasi suoratoisto -ohjelmiston määrittäminen ja valitset mitä pelejä pelaat Twitchissä. Ja jos etsit todella tuotannon arvoa, kokeile lähetys vihreällä näytöllä . Ennen kaikkea, pidä hauskaa!

Jaa Jaa Tweet Sähköposti 5 vinkkiä VirtualBox Linux -koneiden lataamiseen

Oletko kyllästynyt virtuaalikoneiden heikkoon suorituskykyyn? Tässä on, mitä sinun pitäisi tehdä parantaaksesi VirtualBox -suorituskykyäsi.

Lue seuraava
Liittyvät aiheet
  • Pelaaminen
  • Luova
  • Adobe Photoshop
  • Online -video
  • Nykiä
  • Pelikulttuuri
  • Photoshop -opetusohjelma
Kirjailijasta Ian Buckley(216 artikkelia julkaistu)

Ian Buckley on freelance -toimittaja, muusikko, esiintyjä ja videotuottaja, joka asuu Berliinissä, Saksassa. Kun hän ei kirjoita tai ei ole lavalla, hän hieroo DIY -elektroniikkaa tai koodia toivossa tulla hulluksi tiedemieheksi.

miten selvittää, kuka on googlettanut nimesi
Lisää Ian Buckleyltä

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi