Naučte se, jak snadno proměnit jeden obrázek v zábavnou čtvercovou fotografickou koláž s Photoshopem!
Chcete-li vytvořit efekt fotografické koláže, začneme ořezáním obrázku do čtverce a poté jej rozdělíme na menší čtverečky. Okolo každého z nich přidáme ohraničení, aby vypadalo jako samostatné fotografie, a pak je přesuneme a otočíme na místo. Nakonec změníme barvu pozadí a skončíme přidáním zastínění za efekt.
Tady je obrázek, který budu používat. Tuto jsem si stáhl z Adobe Stock:
Původní obrázek. Fotografický kredit: Adobe Stock.
A tady je to, jak bude vypadat fotografická koláž, když skončíme:
Konečný efekt fotografické koláže.
Začněme!
Jak vytvořit čtvercovou fotografickou koláž
Pro tento tutoriál používám Photoshop CC, ale vše je kompatibilní s Photoshopem CS6. Můžete také sledovat mé video tohoto tutoriálu na našem kanálu YouTube. Nebo si stáhněte tento tutoriál jako PDF připravený k tisku!
Krok 1: Ořízněte obrázek do čtverce
První věc, kterou musíme udělat, je oříznout náš obrázek do čtverce. Na panelu nástrojů vyberte nástroj oříznutí:
Výběr nástroje Oříznutí.
Na panelu Možnosti nastavte poměr stran na čtverec :
Nastavení poměru stran na čtverec.
Photoshop přidá počáteční hranu oříznutí kolem obrázku:
Počáteční hranaté oříznutí.
Zpět na panelu Možnosti zkontrolujte, zda je zaškrtnuto políčko Odstranit oříznuté pixely :
Odstranění oříznutých pixelů by mělo být zapnuto.
Potom tažením úchopů oříznutí změníte ohraničení kolem objektu. Pokud pracujete s portrétem, zkuste zachovat hlavní rysy obličeje (oči, nos a ústa) uvnitř středního náměstí:
Změna okraje oříznutí kolem objektu.
Chcete-li obrázek oříznout, stiskněte klávesu Enter (Win) / Return (Mac):
Výsledek po oříznutí obrázku do čtverce.
Krok 2: Přidejte několik průvodců
Abychom nám pomohli rozdělit obrázek na menší čtverečky, přidáme několik průvodců.
Přidání prvního vodorovného vodítka
Na panelu nabídek přejděte do nabídky Zobrazit a zvolte Nový průvodce :
Přejít na zobrazení> Nový průvodce.
V dialogovém okně Nový průvodce nastavte orientaci na vodorovnou a poté zadejte 33% pro polohu . Klepnutím na tlačítko OK zavřete dialogové okno:
Přidání prvního průvodce.
Photoshop přidá první horizontální vodítko třetinu cesty dolů shora:
Přidá se první vodorovný průvodce.
Přidání druhého vodorovného vodítka
Chcete-li přidat druhého průvodce, vraťte se zpět do nabídky Zobrazit a znovu zvolte Nový průvodce :
Vraťte se zpět do zobrazení> Nový průvodce.
Ponechte Orientaci nastavenou na Horizontální, ale tentokrát zadejte do pozice 66% . Klepnutím na tlačítko OK zavřete dialogové okno:
Přidání druhého průvodce.
A Photoshop přidá druhého průvodce, tentokrát o dvě třetiny dolů shora:
Přidá se druhý vodorovný průvodce.
Přidání svislého vodítka
Vraťte se zpět do nabídky Zobrazit a znovu zvolte Nový průvodce :
Vraťte se zpět do zobrazení> Nový průvodce.
U tohoto třetího průvodce změňte orientaci na vertikální a zadejte 33% pro polohu . Poté klikněte na OK:
Přidání třetího průvodce.
Tím se přidá svislý průvodce třetinou cesty zleva:
Přidá se první svislý průvodce.
Přidání druhého svislého vodítka
Nakonec se vraťte zpět do nabídky Zobrazit a zvolte Nový průvodce :
Vraťte se zpět do zobrazení> Nový průvodce.
Ponechte orientaci nastavenou na svislou, ale změňte polohu na 66% . Až budete hotovi, klikněte na OK:
Přidání čtvrtého průvodce.
Photoshop přidá druhý svislý průvodce, dvě třetiny cesty zleva, a nyní máme náš obrázek rozdělen na menší čtverečky:
Čtyři vodítka rozdělující obraz do čtverců.
Krok 3: Vyberte a zkopírujte každý čtverec do nové vrstvy
Musíme vybrat každý čtverec a zkopírovat ho do vlastní vrstvy. Na panelu nástrojů vyberte nástroj obdélníkového ohraničení:
Výběr nástroje obdélníkového ohraničení.
Přichytávání výběrů k vodítkům
Chcete-li se ujistit, že naše výběry přichytí k průvodcům, přejděte do nabídky Zobrazit, vyberte Přichytit do a ujistěte se, že průvodci mají vedle ní zaškrtnutí. Pokud tomu tak není, vyberte jej kliknutím:
Vyhledejte zaškrtávací políčko vedle Průvodců.
Výběr prvního čtverce
Začneme čtvercem vlevo nahoře. Klikněte a přetáhněte obrys výběru kolem něj. Pokud jste provedli poslední krok, obrys výběru by měl přichytit k vodítkům:
Kreslení osnovy výběru kolem čtverce v levém horním rohu.
Kopírování čtverce do nové vrstvy
Chcete-li zkopírovat čtverec do vlastní vrstvy, přejděte do nabídky Vrstva, zvolte Nový a poté zvolte Vrstva pomocí Kopírovat . Nebo rychleji můžete stisknout klávesovou zkratku, Ctrl + J (Win) / Command + J (Mac):
Přejděte na Vrstva> Nový> Vrstva pomocí kopie.
Na panelu Vrstvy vidíme, že Photoshop umístil kopii čtverce do nové vrstvy nad obrázek:
Čtverec byl zkopírován do své vlastní vrstvy.
Výběr vrstvy pozadí
Než budeme moci vybrat druhý čtverec, musíme nejprve vybrat obrázek. Klepnutím na vrstvu pozadí ji vyberte. Pokaždé, když vyberete a zkopírujete nový čtverec, musíte nejprve vybrat vrstvu pozadí:
Výběr vrstvy pozadí.
Výběr a kopírování druhého čtverce
Poté nakreslete výběr kolem náměstí v horním středu:
Výběr druhého čtverce.
Chcete-li jej rychle zkopírovat do nové vrstvy, stiskněte Ctrl + J (Win) / Command + J (Mac). A v panelu Vrstvy máme nyní nad obrázkem dva čtverečky:
Byl zkopírován druhý čtverec.
Výběr a kopírování zbývajících čtverců
Chcete-li vybrat a zkopírovat zbývající čtverce, opakujte stejné kroky. Nejprve kliknutím na vrstvu pozadí vyberte obrázek:
Před výběrem nového čtverce vždy znovu vyberte vrstvu pozadí.
Nakreslete obrys výběru kolem nového čtverce:
Vyberte jiný čtverec.
Potom stisknutím kláves Ctrl + J (Win) / Command + J (Mac) zkopírujte čtvereček do nové vrstvy:
Čtverec je zkopírován do nové vrstvy.
Budu pokračovat ve výběru a kopírování čtverců, dokud jsem je nevybral všechny. A na panelu Vrstvy nyní vidíme všech devět čtverců, každý na samostatné vrstvě, nad obrázkem:
Bylo zkopírováno všech 9 čtverců.
Krok 4: Skrýt vodítka
Naše průvodce již nepotřebujeme, takže je skryjeme přechodem do nabídky Zobrazit, výběrem Zobrazit a následným výběrem Průvodců :
Vypnutí vodítek.
Krok 5: Přidejte další prostor na plátně
Abychom dostali prostor pro pohyb a rotaci čtverců, přidáme kolem obrazu více prostoru na plátně. A můžeme to udělat pomocí nástroje oříznutí. Na panelu nástrojů vyberte nástroj oříznutí :
Znovu vybrat nástroj pro oříznutí.
Stiskněte a podržte klávesu Alt (Win) / Option (Mac) na klávesnici a potom klepněte a přetáhněte libovolné úchyty oříznutí směrem ven a pryč z obrázku. Klávesa Alt / Option vám umožňuje změnit velikost ořezového okraje od jeho středu:
Přidání dalšího prostoru na plátně pomocí nástroje Oříznutí.
Stisknutím Enter (Win) / Return (Mac) ji přijmete a Photoshop přidá další prostor na plátně:
Kolem fotografie bylo přidáno více místa.
Krok 6: Vyplňte pozadí černou barvou
Ve výchozím nastavení Photoshop vyplní nový prostor bílou barvou, ale vyplníme naše pozadí černou barvou. Na panelu Vrstvy vyberte vrstvu Pozadí :
Výběr vrstvy pozadí.
Poté přejděte do nabídky Úpravy a vyberte Výplň :
Přejděte na Úpravy> Vyplnit.
V dialogovém okně Výplň nastavte možnost Obsah na černou a potom klepněte na tlačítko OK:
Nastavení obsahu na černou.
Obrázek se nyní objeví před černým pozadím:
Výsledek po vyplnění pozadí černou barvou.
Krok 7: Přidání tahu kolem prvního čtverce
V tuto chvíli naše čtverce opravdu nevidíme, takže je vysvětlejme. A aby vypadaly jako samostatné fotografie, přidáme kolem nich tah. Začneme přidáním tahu do jednoho ze čtverců a pak ho zkopírujeme a vložíme na ostatní.
Přidání mrtvice
Na panelu Vrstvy vyberte horní vrstvu (tu, která drží čtverec vlevo nahoře):
Výběr horní vrstvy.
Poté klikněte na ikonu Styly vrstev (ikona fx ) ve spodní části panelu Vrstvy:
Klepnutím na ikonu „fx“.
Ze seznamu vyberte tah :
Přidání efektu vrstvy tahu.
Změna barvy tahu
V dialogovém okně Styl vrstvy klepněte na vzorník barev :
Kliknutím na vzorek barvy v možnostech Zdvih.
A poté v nástroji Color Picker změňte barvu tahu na bílou a potom klikněte na OK:
Výběr bílé pro novou barvu tahu.
Nastavení velikosti a polohy
Zpět v dialogovém okně Styl vrstvy nastavte polohu tahu na Uvnitř . Při zvyšování hodnoty Velikost tažením posuvníku pak sledujte čtverec v levém horním rohu obrázku. Půjdu s hodnotou přibližně 32 px, ale bude to záviset na velikosti vašeho obrázku:
Nastavení polohy a velikosti zdvihu.
Klepnutím na tlačítko OK zavřete dialogové okno a nyní máme ohraničení kolem jednoho ze čtverců:
Ohraničení se objeví kolem čtverce v levém horním rohu.
Krok 8: Přidejte tah k ostatním čtvercům
Zpět na panelu Vrstvy vidíme náš tah uvedený jako efekt pod vrstvou:
Účinky jsou uvedeny pod vrstvou.
Abychom rychle aplikovali stejný tah na ostatní čtverce, zkopírujeme ho a vložíme. Klepněte pravým tlačítkem (Win) / s klávesou Ctrl (Mac) v horní vrstvě az nabídky zvolte Kopírovat styl vrstvy :
Výběr „Kopírovat styl vrstvy“.
Kliknutím na druhou vrstvu shora (Vrstva 2) ji vyberte:
Výběr druhé vrstvy shora.
Stiskněte a podržte klávesu Shift a poté klikněte na vrstvu těsně nad vrstvou pozadí (vrstva 9). Tím vyberete všechny ostatní čtverce najednou:
Podržte klávesu Shift a vyberte dolní čtverec.
Klepněte pravým tlačítkem (Win) / s klávesou Ctrl (Mac) na kteroukoli z vybraných vrstev a poté zvolte Vložit styl vrstvy :
Výběr „Vložit styl vrstvy“.
A právě tak Photoshop vloží mrtvici na ostatní čtverce:
Všech 9 čtverců má nyní mrtvici kolem nich.
Krok 9: Pohybujte a otáčejte čtverečky
Chcete-li vytvořit více kolážového efektu, přesuneme a otočíme čtverce pomocí příkazu Free Transform z aplikace Photoshop.
Výběr nástroje pro přesun
Na panelu nástrojů vyberte nástroj Move :
Výběr nástroje pro přesun.
Zapnutí automatického výběru
Na panelu Možnosti se ujistěte, že je zapnutá funkce Automatický výběr a zda je nastavena na Vrstva . To nám umožní jednoduše vybrat každý čtverec pouhým kliknutím na něj:
Ujistěte se, že je zapnutá funkce automatického výběru a je nastavena na Vrstva.
Klepnutím vyberte čtverec
Klikněte na čtverec v levém horním rohu a vyberte jej:
Výběr levého horního čtverce.
Pohybujte a otáčejte náměstí pomocí Free Transform
Poté přejděte do nabídky Úpravy a zvolte Volná transformace. Nebo použijte klávesovou zkratku, Ctrl + T (Win) / Command + T (Mac):
Přejděte na Úpravy> Volná transformace.
Photoshop umístí rámeček Free Transform a úchytky kolem náměstí:
Objeví se úchyty Free Transform.
Chcete-li přesunout náměstí, klepněte a přetáhněte kamkoli uvnitř pole Transformace zdarma. Můžete ji také přesunout pomocí kláves se šipkami na klávesnici. Chcete-li jej otočit, přesuňte kurzor myši mimo pole a poté klepněte a přetáhněte:
Pohyb a otáčení náměstí na místo.
Chcete-li to přijmout, stiskněte klávesu Enter (Win) / Return (Mac) a náš první čtvereček byl přesunut a otočen na místo:
Výsledek po přesunutí a otočení prvního čtverce.
Opakování kroků pro ostatní čtverce
Chcete-li přesunout a otočit další čtverce, opakujte stejné kroky. Nejprve klikněte na čtverec a vyberte jej a poté stiskněte Ctrl + T (Win) / Command + T (Mac), abyste rychle vybrali Free Transform . Přesuňte čtverec na místo a poté jej otočte na místo. Stiskněte Enter (Win) / Return (Mac) pro jeho přijetí.
V mém případě opustím středové náměstí na jeho původním místě, ale budu pokračovat v pohybu a otáčení vnějších čtverců, dokud nebudu spokojený s výsledky. Pokud chcete pouze přesunout čtverec, aniž byste jej otočili, není nutné otevírat Free Transform. Jednoduše na něj můžete kliknout a přetáhnout jej pomocí nástroje pro přesun, nebo ho na místo zasunout pomocí kláves se šipkami na klávesnici:
Výsledek po úpravě všech vnějších čtverců.
Krok 10: Změňte barvu pozadí
V tuto chvíli jsme vytvořili hlavní efekt, ale je tu ještě pár věcí, které můžeme udělat. Jednou z nich je, že můžeme změnit barvu pozadí. K tomu použijeme vrstvu výplně Solid Color.
V panelu Vrstvy klikněte na vrstvu pozadí a vyberte ji:
Výběr vrstvy pozadí.
Poté klikněte na ikonu Nová výplň nebo vrstva úprav :
Klepnutím na ikonu Nová výplň nebo vrstva úprav.
Ze seznamu vyberte jednu barvu :
Výběr vrstvy výplně plné barvy.
Vzorkování barvy pozadí z obrázku
V nástroji Výběr barvy vyberte novou barvu pozadí. Nebo vyberte barvu přímo z obrázku přesunutím kurzoru do obrázku a kliknutím na barvu jej vyberte:
Vzorkování nové barvy pozadí z obrázku.
Jakmile najdete barvu, která se vám líbí, kliknutím na OK zavřete výběr barvy:
Foto koláž s novou barvou pozadí vzorkovanou z obrázku.
Na panelu Vrstvy vidíme naši novou vrstvu výplně Jednobarevné nad vrstvou pozadí:
Výplňová vrstva leží mezi vrstvou pozadí a čtverci.
Krok 11: Přidejte vržený stín
Nakonec dokončíme efekt přidáním vrženého stínu za čtverce. Chcete-li přidat stín do všech čtverců najednou, nejprve je umístíme do skupiny vrstev.
Seskupení čtverců
Klepnutím na horní vrstvu (vrstva 1) ji vyberte. Poté stiskněte a podržte klávesu Shift a klikněte na vrstvu přímo nad vrstvou výplně (vrstva 9). Tím vyberete všechny čtverce najednou:
Klikněte na vrstvu 1 a poté na klávesu 9 Shift.
Přejděte do nabídky Vrstva a vyberte Skupinové vrstvy :
Přejděte na Vrstva> Skupinové vrstvy.
A v panelu Vrstvy byla všechna naše pole umístěna do nové skupiny. Skupinu můžete otevřít nebo zavřít kliknutím na šipku vedle názvu skupiny:
Čtverce jsou nyní uvnitř skupiny vrstev.
Přidání vrženého stínu
Chcete-li použít vržený stín na skupinu, klikněte na ikonu Styly vrstev :
Kliknutím na ikonu „fx“ s vybranou skupinou vrstev.
A pak ze seznamu vyberte Shadow Shadow :
Výběr vrženého stínu.
Otevře se dialogové okno Styl vrstvy nastavené na možnosti Vržený stín:
Možnosti vrženého stínu v dialogovém okně Styl vrstvy.
Zde můžete upravit úhel a vzdálenost stínu, ale je jednodušší kliknout a přetáhnout dovnitř dokumentu. Při tažení uvidíte v dialogovém okně aktualizaci hodnot Úhel a Vzdálenost:
Klepnutím a tažením uvnitř dokumentu upravíte úhel a vzdálenost stínu.
Jakmile nastavíte úhel a vzdálenost, přejděte zpět do dialogového okna a upravte hodnotu Velikost tak, aby se okraje změkčily. Můžete také upravit krytí tak, aby stín vypadal světlejší nebo tmavší. Snižím svůj důl na 30% :
Nastavení velikosti (měkkosti) a krytí vrženého stínu.
Až budete s výsledky spokojeni, zavřete dialogové okno kliknutím na OK. A s vrženým stínem, tady je můj konečný efekt:
Konečný efekt fotografické koláže.
A tady to máme! Takto můžete ve Photoshopu změnit jediný obrázek na jednoduchou čtvercovou fotografickou koláž! Chcete-li získat více efektů koláže, přečtěte si, jak vytvořit koláž Polaroid, koláž z filmových pásů nebo koláž pokřivených fotografií! Navštivte naši sekci Photo Effects, kde najdete další návody. A nezapomeňte, že všechny naše výukové programy Photoshopu jsou nyní k dispozici ke stažení ve formátu PDF!