Umístění loga na obrázek ve Photoshopu není složité. Nicméně, co když váš základní obrázek není pořízen kolmo, a proto by čtvercové logo (nebo jiný typ obrázku) vypadalo nepřirozeně? V tomto článku vám ukážeme, jak správně zarovnat horní obrázek s ohledem na perspektivu.
Využití nástroje Transformace pro přesné umístění
Jako příklad použijeme fotografii obrazovky elektronického zařízení, což je běžná potřeba pro obchodníky a tvůrce webů. Naším výchozím bodem je obrázek konzole Nintendo Switch se standardní obrazovkou o poměru stran 16:9. Chceme na ni umístit snímek obrazovky z jiné hry, třeba obrázek ze Zeldy, namísto Maria. Níže naleznete obrázky, které můžete použít k procvičování:
Vyberte snímek obrazovky v panelu Vrstvy a aktivujte nástroj Transformace pomocí klávesové zkratky Ctrl+T ve Windows nebo Command+T na macOS.
Pokud již nějakou dobu pracujete s Photoshopem, jste pravděpodobně obeznámeni s nástrojem Volná transformace. Víte, jak obrázky posouvat, zmenšovat, roztahovat nebo otáčet. Můžete je také výrazně zkosit, což vám umožní změnit perspektivu a přizpůsobit ji obrázku pod ním. V tomto případě jde o jednoduchý úkol: chceme umístit obdélníkový snímek obrazovky Zeldy na obdélníkovou obrazovku Switch, a to pouhým přesunutím z rohu do rohu.
Podržte klávesu Ctrl ve Windows nebo Command na Macu a poté klikněte na jeden z bílých čtverečků v rohu snímku obrazovky, které patří k nástroji Transformace. Při podržení klávesy Ctrl a levého tlačítka myši přetáhněte jeden z rohů horního snímku obrazovky do odpovídajícího rohu na obrazovce konzole Switch, která je pod ním. Pro perfektní zarovnání si můžete zvětšit zobrazení do úrovně pixelů.
Všimnete si, že namísto běžné změny velikosti vám modifikátor Ctrl nebo Command umožní uchopit jeden roh obrázku a přesunout ho, zatímco ostatní čtyři rohy zůstanou na místě.
Zopakujte tento krok pro zbývající čtyři rohy a umístěte snímek obrazovky přes obrazovku Switch pod ním. Neaplikujte transformaci, dokud nebudete hotovi, jinak nebudete moci znovu upravovat všechny čtyři rohy – budou vyplněny průhledností. Můžete horní vrstvu o jeden nebo dva pixely rozšířit přes spodní, abyste si byli jisti, že zcela překryje obrazovku pod ní. Stisknutím klávesy Enter dokončíte nástroj Transformace.
Vzhledem k tomu, že obrazovka telefonu i snímek obrazovky mají stejný poměr stran, tento překryv perfektně sedí a nepotřebuje žádné další úpravy. Nyní se podíváme na něco složitějšího.
Aplikace transformace na obrazy s atypickými rozměry
Představme si, že máte obrázek notebooku Mac a nechcete v reklamě zobrazovat logo Apple. Raději tam chcete umístit logo vaší společnosti. Jako příklad použijeme kulaté logo Review Geek. Oba zdrojové obrázky jsou uvedeny níže.
Chcete zakrýt logo Apple stejně, jako jste předtím zakryli obrazovku telefonu. Tentokrát se ale tvar zdrojového obrázku (víko notebooku) neshoduje s tvarem vrstvy, kterou chcete přidat (kulaté logo), a přesto potřebujete zachovat správnou perspektivu. V tomto případě použijeme jako vodítko něco jiného na fotografii: přibližně obdélníkové víko notebooku. Perspektivu loga přizpůsobíme víku notebooku a poté ho zmenšíme na požadovanou velikost, přičemž perspektiva zůstane zachována.
Začněte znovu otevřením nástroje Transformace stisknutím kláves Ctrl+T nebo Command+T s vybranou horní vrstvou. Nyní, při podržení kláves Ctrl nebo Command, vyberte pomocné čtverečky v rozích vrstvy s logem a zarovnejte je s rohy víka notebooku. Rohy jsou zaoblené, ale pro zarovnání můžete použít okraje víka a vodítka transformace.
Protože víko notebooku není čtvercové, váš kruh se stal příliš široký. Můžete ho znovu upravit na transformaci čtvercové velikosti. Můžete to udělat přibližně, pokud není potřeba, aby byl výsledek dokonalý, nebo můžete vrstvu pod ní otočit a použít vodítka Photoshopu, pokud potřebujete větší přesnost. Až budete připraveni, stiskněte Enter pro aplikaci transformace.
Nyní máte čtvercový obrázek přes obrazovku notebooku, který má správnou perspektivu, aby odpovídal logu Apple pod ním. Je potřeba ho zmenšit, aby nepůsobil nepřirozeně. S aktivním nástrojem Transformace podržte Alt+Shift ve Windows nebo Option+Shift na Macu, klikněte na jeden z rohů a přetáhněte ho dovnitř, čímž zmenšíte obrázek loga tak, aby nebyl mnohem větší než logo Apple.
Zde je konečný výsledek:
Pokud je váš spodní obrázek poměrně pravidelný a má perspektivní zkosení, které je na jedné straně předvídatelné, můžete při podržení kláves Ctrl+Alt+Shift ve Windows nebo Command+Option+Shift na Macu použít nástroj Transformace v režimu zkosení. Je ale velmi neobvyklé, aby se váš obrázek do tohoto režimu perfektně hodil.
Použití volné transformace na nepravidelných plochách
Dobře, nyní umíte přizpůsobit perspektivu a změnit velikost podle potřeby. Co ale, když chcete umístit něco na povrch, který není rovný? Zkusme ještě jeden příklad: umístění loga Review Geek na kouli. Opět použijte obrázky níže ve vaší kopii Photoshopu, abyste si to mohli procvičit.
Pomocí nástrojů, které jste se naučili v předchozích částech, můžete snadno umístit logo na vršek koule a dokonce upravit jeho perspektivu tak, aby odpovídala orientaci samotné koule. Ale soubor s logem vypadá nepřirozeně, protože je plochý a povrch koule není.
Pro opravu tohoto problému aktivujte nástroj Transformace stisknutím kláves Ctrl+T nebo Command+T a podívejte se na horní část okna aplikace Photoshop. Hledejte zakřivené obdélníkové tlačítko, které aktivuje režim Zkřivení. Klikněte na něj.
S nástrojem Transformace v režimu Zkřivení můžete pohybovat obrazem kdekoli uvnitř nebo vně jeho okrajů, nejen v rozích. To vám umožní kliknout a přetáhnout různé části obrázku do nepravidelných pozic. Uvidíte, jak se devět pomocných linií pohybuje spolu s obrázkem, což vám pomůže vizualizovat, jak jste věci změnili.
Efektivní používání nástroje Zkřivení vyžaduje trochu cviku. Možná budete muset svou práci několikrát vrátit a zopakovat. Nicméně během několika minut byste měli být schopni dobře přizpůsobit křivku obrázku kouli. Stisknutím klávesy Enter aplikujete transformaci.
Pro povrchy, které jsou trochu předvídatelnější, ale stále příliš nepravidelné pro běžný nástroj Transformace, můžete použít přednastavené nástroje Zkřivení na pravé straně horní nabídky.
Výše uvedené techniky můžete kombinovat s jakýmikoli jinými nástroji ve Photoshopu, jako jsou úpravy barev, křivky, filtry, rozostření atd., abyste dosáhli toho, že vaše horní vrstva bude dokonale odpovídat spodní vrstvě. Hrajte si s těmito nástroji a brzy budete snadno sladit loga a snímky obrazovky.
Kredit obrázku:
Shutterstock/Wachiwit,
Shutterstock/Africké studio,
Shutterstock/Ygor,
Yiorgos GR/Shutterstock.com,
Nintendo