Home-theater-designers
Efekt knockout vám umožňuje umístit plnou vrstvu barvy na fotografii nebo obrázek a poté vyrazit část této plné vrstvy, aby se odhalil obrázek za ním. Můžete to udělat s textem nebo tvary ve Photoshopu i Illustratoru, ale postup se u každého programu mírně liší.
V tomto článku vysvětlíme, jak vytvořit knockout efekt v Adobe Photoshop a Illustrator, nabízející průvodce krok za krokem.
Jak vytvořit efekt knockout ve Photoshopu
Abyste dosáhli knockoutového efektu ve Photoshopu, první věc, kterou budete chtít udělat, je otevřít obrázek. V tomto příkladu použijeme na obrázek tvar obdélníku a vykopneme z něj text.
Krok 1: Nakreslete tvar
S otevřeným obrázkem na pozadí nakreslete obdélník pomocí Tvar nářadí. Buď můžete vybrat nástroj Tvar z nabídky nástrojů, nebo můžete použít klávesovou zkratku U . Vyberte si také barvu.
Když nakreslíte svůj obdélník, můžete buď zvolit volný tvar a přetažením obdélníku přes obrazovku vytvořit požadovaný tvar, nebo můžete kliknout kamkoli na obrázek a zadat rozměry obdélníku v pixelech.
Krok 2: Zadejte text
Dále musíte zadat text do samostatné vrstvy ve Photoshopu. Popadni Text nářadí ( T ), klikněte kamkoli na své plátno a začněte psát. Poté použijte Přestěhovat se nářadí ( PROTI ) umístěte text nad svůj tvar.
Pokud dáváte přednost vyřazení, použijte tvar nebo ikonu, můžete tento tvar umístit tam, kde byste umístili text.
Krok 3: Nastavte možnosti prolnutí
Poklepáním na textovou vrstvu otevřete Styl vrstvy okno a vyberte Možnosti míchání z levého panelu.
V části Rozšířené míchání najdete Knokaut rozevírací nabídka. Můžete si vybrat mezi a Mělký nebo Hluboký účinek zde. Mělký aplikuje knockoutový efekt na jednu vrstvu; Deep to aplikuje na skupinu vrstev.
V našem příkladu pouze potřebujeme Mělký .
Nakonec se ujistěte, že Náhled tlačítko je zaškrtnuto, poté přetáhněte Vyplňte neprůhlednost jezdec doleva směrem k nule.
Zde máte úplnou kontrolu nad tím, jak velká část původního textu bude viditelná. Barva textu zde bude znamenat rozdíl, pokud nevyberete neprůhlednost nula procent.
Pokud máte obzvlášť zaneprázdněnou fotografii, pravděpodobně nebudete chtít zvolit velmi nízkou kryvost, aby byl text čitelný.
Krok 4: Poslední dotyky
Klikněte OK k potvrzení vašich změn. Nyní můžete přidat poslední úpravy. Protože jsou všechny prvky ve své vlastní vrstvě, můžete je upravit samostatně.
Můžete upravit obrázek na pozadí, tvar nebo text. Chcete-li upravit efekt knockoutu, poklepáním na textovou vrstvu znovu otevřete pole nastavení.
Jak vytvořit efekt knockoutu v Illustratoru
Proces vytvoření knockoutového efektu v Illustratoru je podobný jako ve Photoshopu, ale je trochu praktičtější.
Začněte otevřením obrázku na pozadí na plátně. Jít do Soubor> Místo , poté kliknutím umístěte obrázek. Použijte Výběr nářadí ( PROTI ) změnit velikost tak, aby odpovídala.
Krok 1: Přidejte tvar a text
Nyní nakreslete svůj tvar pomocí Obdélník nářadí ( M ). Pokud chcete, můžete použít jiné tvary, nebo si pomocí Pero nářadí. Vyberte barvu výplně a tahu --- tyto můžete později změnit, pokud chcete --- a přetáhněte ji zhruba do požadované polohy.
Dále musíte přidat text (nebo můžete použít jiné tvary pro efekt knockout --- nemusí to být vždy text). Vybrat Text nářadí ( T ) a klikněte na plátno. Nastavte barvu a velikost a začněte psát.
Vyber Výběr nástroj a klikněte pryč, až budete hotovi. Můžete přesunout všechny objekty do polohy okem nebo podržet shift a vybrat text, tvar a obrázek na pozadí a správně je zarovnat s Horizontální a Svislé zarovnání nástroje.
Krok 2: Vytvořte obrysy
Znovu vyberte textovou vrstvu a přejděte na Typ > Vytvářejte obrysy , nebo můžete použít klávesovou zkratku Shift + Cmd/Ctrl + O . Tím se váš text převede spíše na tvary než na upravitelný text, proto nejprve zkontrolujte překlepy!
Ujistěte se, že je text nad tvarem a ne za ním.
Pokud chcete mít možnost ovládat neprůhlednost, jak je to možné ve Photoshopu, zkopírujte textovou vrstvu do schránky pomocí klávesové zkratky Cmd/Ctrl + C. Nebudete s tím muset nic dělat, až později.
Krok 3: Použijte efekt knockoutu
Vyberte tvar i text a přejděte ke svému Průkopník panel nástrojů. Pokud ještě není otevřený, můžete jej otevřít tak, že přejdete na Okno> Cestář nebo pomocí zástupce Illustratoru, Shift + Cmd/Ctrl + F9.
Další informace zobrazíte kliknutím sem Klávesové zkratky aplikace Adobe Illustrator .
V nástroji Pathfinder vyberte Mínus fronta možnost v Režimy tvaru . Tím odstraníte text z vašeho tvaru.
Chcete -li ovládat neprůhlednost efektu knockoutu, musíte zkopírovat textovou vrstvu, jak jsme zmínili výše. Nyní udeřte Shift + Cmd/Ctrl + V a vložte text zpět na přesné místo, ze kterého jste jej zkopírovali. (Ujistěte se, že to uděláte, než přesunete některou ze svých vrstev.)
Poté můžete upravit krytí této vrstvy tak, že přejdete na Průhlednost panel, který otevřete tak, že přejdete na Okno> Průhlednost. Upravte posuvník krytí, dokud nebudete mít požadovaný odstín.
S neprůhledností kolem 20 procent vypadá finální produkt takto:
Další textové efekty Photoshopu k vyzkoušení
V aplikaci Illustrator a Photoshop je snadné vytvořit efekt knockoutu. Pokud máte přístup k oběma programům, doporučujeme nejprve použít Photoshop, protože text je stále možné upravovat. Ale pro podrobnější návrhy je Illustrator tou správnou cestou.
text z tabletu pomocí čísla mobilního telefonu
Efekt knockout není jediným kreativním způsobem, jakým můžete použít text ve svých návrzích. Podívejte se na naše průvodce s podrobnostmi jak nastínit text ve Photoshopu a jak přidat textury k textu ve Photoshopu pro inspiraci.
Podíl Podíl tweet E-mailem Průvodce pro začátečníky k animované řečiAnimovaná řeč může být výzva. Pokud jste připraveni začít s přidáváním dialogu do projektu, proces za vás rozdělíme.
Číst dále Související témata- Tvořivý
- Adobe Photoshop
- Adobe Illustrator
- Výukový program Photoshopu
Andy je bývalý novinář v tisku a redaktor časopisu, který píše o technologii 15 let. Za tu dobu přispěl k bezpočtu publikací a produkoval copywritingové práce pro velké technologické společnosti. Poskytl také odborný komentář pro média a hostoval panely na průmyslových akcích.
Více od Andy BettsPř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