Jak vytvořit škubnutí pomocí Photoshopu

Jak vytvořit škubnutí pomocí Photoshopu

Twitch v posledních letech změnil tvář her, přičemž špičkové streamery Twitch vydělávají při hraní svých oblíbených her velké peníze. Pro mnoho diváků je Twitch jako nová forma sociálních médií a navzdory nedávným změnám pravidel Twitch je jeho popularita větší než kdy dříve.





Pokud chcete vydělávat peníze streamováním, budete to muset vybudujte si na Twitchi velkou sledovanost , a důležitou součástí je, aby váš stream vypadal profesionálně.





V tomto článku si ukážeme, jak vytvořit jednoduchý Překrytí škubnutím pomocí Photoshopu. A přestože je toto překrytí pro Minecraft, lze jej upravit tak, aby fungovalo s jakoukoli jinou hrou. A bude také perfektně fungovat pro streamování na YouTube Gaming nebo dokonce Mixer, alternativa společnosti Microsoft k Twitchi.





Začínáme

Než začneme, podívejme se, s čím dnes skončíme:

Všechno v tomto tutoriálu je relativně jednoduché, ale pokud jste ve Photoshopu noví, může vám pomoci, když si nejprve přečtete náš tutoriál vrstev Photoshopu. Pokud hledáte bezplatnou alternativu k Photoshopu, GIMP je neuvěřitelně silný.



Pokud chcete vytvořit překrývání Twitch bez použití Photoshopu, je tento projekt v GIMPu zcela možný. Protože nástroje, které budete používat, se budou trochu lišit, doporučuji vám přečíst si naše průvodce GIMPem za prvé.

S tím bylo řečeno, pojďme se podívat na to, jak vytvořit škubnutí s Photoshopem.





Vytvoření plátna

Chcete -li začít vytvářet překryvnou vrstvu, otevřete Photoshop a vytvořte nový obrázek stejné velikosti jako rozlišení obrazovky.

Nyní, když máme prázdný dokument, potřebujeme průvodce, jak vytvořit překrytí. Doporučil bych pořídit snímek obrazovky vámi zvolené hry a načíst jej do Photoshopu kliknutím Soubor a místo a výběrem svého obrázku. Roztáhněte obrázek na plnou velikost plátna. Nyní můžeme začít vytvářet naše překryvné prvky.





Přidání horní lišty

Vytvořte novou vrstvu a pojmenujte ji Nejlepší banner . Vybrat Obdélníkový nástroj z nabídky na levé straně. Ve stejné nabídce otevřete výběr barev a vyberte barvu pozadí.

Nyní klikněte a přetáhněte přes horní část nové vrstvy a vytvořte horní banner. Pokud se okraje plátna překrývají, nedělejte si starosti, obdélník by měl zapadnout stranou.

Chcete -li dát tomuto obdélníku ohraničení, klikněte pravým tlačítkem na vrstvu a vyberte Možnosti míchání . Vybrat Mrtvice ze zobrazené nabídky a nastavte šířku a barvu tahu podle toho, co vám vyhovuje. V tomto případě vypadá dobře 10px široký s tmavě červenou barvou. Klikněte na OK a vyberte svou vrstvu. Stisknutím tlačítka zapněte nástroj pro přesun PROTI a přesuňte horní banner nahoru, aby měl dostatek místa pro přidání textu později, ale nezakrýval příliš mnoho z obrazovky hry.

Nakonec vyberte horní vrstvu banneru a snižte její krytí na přibližně 75 procent. To umožní hře mírně se prosvítit a dodá překrytí dynamičtější efekt.

Začali jste skvěle a to, co jste dosud dělali, můžete použít k vytvoření dvou spodních bannerů.

Spodní bannery

Spíše než u těchto spodních bannerů dělat stejnou práci, jednoduše klikněte pravým tlačítkem na Nejlepší banner a vyberte Duplicitní vrstva . Pojmenujte tuto novou vrstvu Vpravo dole a pomocí Přesunout nástroj ( PROTI na klávesnici), přesuňte jej do pravého dolního rohu obrazovky. Ujistěte se, že se nepřekrývá s herním panelem nástrojů, a použijte Ctrl při přetahování jej umístěte s větší přesností.

Chcete -li vytvořit levou dolní lištu, postupujte stejným způsobem jako výše a přesuňte ji dolů do levé dolní části obrazovky. Naše základní překrytí je nyní kompletní, takže můžeme přidat rámeček pro naši kameru.

Rámeček kamery

Vytvořte novou vrstvu a zavolejte ji Rám . Vybrat Obdélníkový nástroj znovu a vytvořte perfektní čtverec podržením Posun při přetahování kurzoru myši. S barvou čtverce si nedělejte starosti, výplně se zbavíme později.

Rámeček vytvoříte kliknutím pravým tlačítkem na vrstvu a výběrem Možnosti míchání . Vybrat Mrtvice ale tentokrát vyberte Vnitřní z Pozice rozevírací nabídka, aby se rámeček dostal spíše na náměstí, než aby byl umístěn zvenčí.

Znovu vyberte barvu a šířku, která odpovídá barevnému schématu, které dosud máte. Nyní vyberte vrstvu a změňte ji Vyplnit na 0 procent, přičemž zůstane jen rámeček.

Použijte Přesunout nástroj umístíte jej nad levý dolní banner a v případě potřeby změníte jeho velikost podržením tlačítka Posun klíč k zachování poměru stran.

Překrytí se začíná dávat dohromady, ale teď je čas přidat nějaký text.

Přidání textu

Chcete -li začít přidávat text, vytvořte novou vrstvu. Použijte Textový nástroj (nebo stiskněte T na klávesnici) a přetáhněte nové textové pole. Vybrat Charakter menu z pravé strany, jak je uvedeno níže:

Pokud toto tlačítko v rozvržení Photoshopu nevidíte, můžete nabídku otevřít kliknutím Okno> Znak . Zde vyberte vámi zvolené písmo a barvu a přidejte svůj text. Použijte Přesunout nástroj umístit text na jeden z vašich spodních bannerů. Mělo by zapadnout na místo, ale Ctrl klíč vám může pomoci vyladit ho přesně tam, kde chcete.

Nyní máme text, ale vypadá trochu nevýrazně. Aby to vyniklo, klikněte pravým tlačítkem na textovou vrstvu a znovu vyberte Možnosti míchání . Uveďte text a Mrtvice a také a Vrhat stín aby to trochu vyniklo. Zde se používají výchozí hodnoty, ale můžete si pohrát s nastavením a vytvořit také mnohem výraznější efekt „plovoucího textu“.

Vytvořte textové prvky pro ostatní tři rohy kliknutím pravým tlačítkem na tuto vrstvu a výběrem Duplicitní vrstva , a pomocí Přesunout nástroj přesunout každou novou vrstvu do příslušných rohů.

Když je náš text nyní na místě, jsme blízko dokončení. Pojďme přidat loga pro sociální média a logo záhlaví pro kanál.

Loga sociálních médií

Je jednodušší použít předem připravené ikony, které jsou komerčně zdarma k použití. Web jako Vyhledávač ikon může s tím pomoci, ale ujistěte se, že všechny ikony, které používáte, jsou označeny Zdarma pro komerční použití abyste se vyhnuli pozdějším právním problémům. Importujte své logo do Photoshopu pomocí Soubor> Místo Jídelní lístek. Pokud své logo nevidíte, zkontrolujte, zda je nahoře, přetažením jeho vrstvy do horní části nabídky vrstev.

Nyní máme logo Facebooku, ale je to trochu nevýrazné. Pojďme to přizpůsobit tak, že klikneme pravým tlačítkem na jeho vrstvu a vybereme Možnosti míchání , následován Mrtvice . Dejte mu vnější tah stejnou šířku jako tah horního banneru. Při výběru barvy můžete pomocí kapátka sladit barvu s horním bannerem.

Přesuňte logo nahoru do levé horní části obrazovky a pomocí Ctrl klíč opatrně umístěte tak, aby se vešel do rohu.

U loga Twitter postupujte stejným způsobem Místo přidat do projektu. Zde můžete ušetřit trochu času výběrem vrstvy loga Facebooku, kliknutím pravým tlačítkem a výběrem Kopírovat styl vrstvy , než se vrátíte k nové vrstvě loga Twitteru a použijete Vložit styl vrstvy aby měla stejnou šířku a barvu tahu. Přesuňte toto logo do opačného horního rohu a v případě potřeby přesuňte text tak, aby se vešel.

Nyní přidejme středové logo.

Pokud máte logo kanálu, je dobré mít ho vpředu a uprostřed, aby ho každý viděl hned, jak začne sledovat. Pokud ještě nemáte logo, můžete toto nahradit znakem nějaký vlastní text s názvem vašeho kanálu nebo webové stránky.

Chcete -li začít, přetáhněte pravítko z levého panelu nástrojů, mělo by se přichytit do středu obrazovky.

Pokud vaše pravítko nevidíte nebo se nepřichytává, podívejte se pod Pohled nabídku a zkontrolujte, zda obojí Pravítko a Snap jsou vybrány.

Místo vaše logo do projektu. Mělo by být automaticky vycentrováno na pravítko. Vytvořte novou vrstvu a přetáhněte ji do vrstvy pod logem. Použijte Obdélníkový nástroj vytvoříte obdélník o něco větší než logo, čímž získáte zarámovaný efekt.

Aby to vyniklo, dejte svému nově vytvořenému čtverci Vnější tah stejnou barvu jako ostatní okraje. Pro snazší přesun loga a okraje jako jednoho podržte Ctrl vyberte obě vrstvy. Klikněte pravým tlačítkem a vyberte Převést na inteligentní objekt . Toto ukládá naše logo a ohraničení do stejné vrstvy, kterou lze v případě potřeby později upravit.

Přesuňte své logo do horní části překryvu a změňte jeho velikost tak, aby odpovídalo. A je to, jsme hotovi.

Uložení překrytí

Před uložením překryvu jako obrázku jej uložte jako dokument Photoshopu s názvem souboru jako 'Minecraft Twitch Template', abyste jej mohli později změnit pro použití v různých hrách.

Chcete -li, aby pozadí bylo průhledné, vyberte Oko ikona na obrazovce hry a vrstvy pozadí, takže se zobrazí pouze prvky překrytí.

Uložte tento soubor s příponou .PNG a načtěte jej do svého streamovacího softwaru, který chcete použít. Zde je hotové překrytí v mém streamovacím softwaru, přičemž překrytí je jako horní vrstva, kamera jako střední vrstva a Minecraft jako spodní vrstva.

Twitch Overlay Complete: Nyní se pusťte do streamování!

Nyní, když víte, jak vytvořit překrývání Twitch, je čas začít streamovat! Začněte tím, že váš kanál nastavení softwaru pro streamování a vybírat si, jaké hry hrát na Twitchi. A pokud opravdu jdete za produkční hodnotou, zkuste to vysílání se zelenou obrazovkou . Především se bavte!

Podíl Podíl tweet E-mailem 5 tipů, jak dobít své stroje VirtualBox Linux

Jste unaveni špatným výkonem, který nabízejí virtuální stroje? Zde je to, co byste měli udělat, abyste zvýšili výkon svého VirtualBoxu.

Číst dále
Související témata
  • Hraní
  • Tvořivý
  • Adobe Photoshop
  • Online video
  • Škubnutí
  • Herní kultura
  • Výukový program Photoshopu
O autorovi Ian Buckley(216 publikovaných článků)

Ian Buckley je nezávislý novinář, hudebník, performer a video producent žijící v Berlíně v Německu. Když nepíše nebo není na jevišti, pohrává si s elektronikou nebo kódem pro kutily v naději, že se stane šíleným vědcem.

jak třídit e -maily v gmailu
Více od Iana Buckleyho

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru