Naučte sa, ako ľahko premeniť jeden obrázok na zábavnú štvorcovú fotografickú koláž s Photoshopom!
Ak chcete vytvoriť efekt fotografickej koláže, začneme orezaním obrázka do štvorca a potom ho rozdelíme na menšie štvorce. Okolo každej z nich pridáme orámovanie, aby vyzerali ako samostatné fotografie, a potom ich presunieme a otočíme na miesto. Nakoniec zmeníme farbu pozadia a skončíme pridaním tieňa za efektom.
Tu je obrázok, ktorý budem používať. Túto som si stiahol z Adobe Stock:
Pôvodný obrázok. Fotografický kredit: Adobe Stock.
A takto bude vyzerať fotografická koláž, keď skončíme:
Konečný efekt fotografickej koláže.
Začnime!
Ako vytvoriť štvorcovú fotografickú koláž
Pre tento tutoriál používam aplikáciu Photoshop CC, ale všetko je kompatibilné s aplikáciou Photoshop CS6. Môžete tiež sledovať moje video z tohto tutoriálu na našom kanáli YouTube. Alebo si tento výukový program stiahnite ako PDF pripravené na tlač!
Krok 1: Orežte obrázok do štvorca
Prvá vec, ktorú musíme urobiť, je orezať náš obrázok do štvorca. Na paneli s nástrojmi vyberte nástroj na orezanie:
Výber nástroja na orezanie.
Na paneli Možnosti nastavte pomer strán na štvorec :
Nastavenie pomeru strán na štvorec.
Photoshop pridá počiatočný rámček orezania okolo obrázka:
Počiatočná hranica orezania.
Späť na paneli Možnosti skontrolujte, či je začiarknuté políčko Odstrániť orezané pixely :
Malo by byť zapnuté odstraňovanie orezaných pixelov.
Potom potiahnite úchytky pre orezanie a upravte veľkosť rámčeka okolo objektu. Ak pracujete s portrétom, skúste zachovať hlavné rysy tváre osoby (jej oči, nos a ústa) v strede štvorca:
Zmena okraja orezania okolo objektu.
Ak chcete orezať obrázok, stlačte kláves Enter (Win) / Return (Mac):
Výsledok po orezaní obrázka do štvorca.
Krok 2: Pridajte niekoľko sprievodcov
Aby sme nám pomohli rozdeliť obrázok na menšie štvorčeky, pridáme niekoľko sprievodcov.
Pridáva sa prvý horizontálny sprievodca
Na paneli s ponukami prejdite na ponuku Zobraziť a vyberte položku Nový sprievodca :
Prejdite do časti Zobraziť> Nový sprievodca.
V dialógovom okne Nový sprievodca nastavte orientáciu na vodorovnú a potom zadajte 33% pre pozíciu . Kliknutím na tlačidlo OK zatvorte dialógové okno:
Pridanie prvého sprievodcu.
Photoshop pridá prvý vodorovný sprievodca o tretinu smerom nadol zhora:
Pridá sa prvý horizontálny sprievodca.
Pridáva sa druhý horizontálny sprievodca
Ak chcete pridať druhého sprievodcu, vráťte sa späť do ponuky Zobraziť a znova vyberte možnosť Nový sprievodca :
Vráťte sa do sekcie Zobraziť> Nový sprievodca.
Ponechajte orientáciu nastavenú na vodorovnú, ale tentoraz zadajte 66% pre polohu . Kliknutím na tlačidlo OK zatvorte dialógové okno:
Pridanie druhého sprievodcu.
A Photoshop pridá druhého sprievodcu, tentoraz dve tretiny nadol zhora:
Pridá sa druhý vodorovný sprievodca.
Pridáva sa zvislý sprievodca
Vráťte sa späť do ponuky Zobraziť a znova vyberte možnosť Nový sprievodca :
Vráťte sa do sekcie Zobraziť> Nový sprievodca.
V prípade tohto tretieho sprievodcu zmeňte orientáciu na Vertikálne a do položky Pozícia zadajte 33% . Potom kliknite na tlačidlo OK:
Pridáva sa tretí sprievodca.
Pridá sa tak zvislý sprievodca tretinou cesty zľava:
Pridá sa prvý vertikálny sprievodca.
Pridáva sa druhý vertikálny sprievodca
Nakoniec sa vráťte naposledy do ponuky Zobraziť a vyberte položku Nový sprievodca :
Vráťte sa do sekcie Zobraziť> Nový sprievodca.
Ponechajte orientáciu nastavenú na vertikálnu, ale zmeňte polohu na 66% . Po dokončení kliknite na tlačidlo OK:
Pridáva sa štvrtý sprievodca.
Photoshop pridá druhého vertikálneho sprievodcu, dve tretiny cesty zľava, a teraz máme náš obrázok rozdelený na menšie štvorce:
Štyria vodítka, ktoré rozdeľujú obraz na štvorce.
Krok 3: Vyberte a skopírujte každý štvorec do novej vrstvy
Musíme vybrať každý štvorec a skopírovať ho do svojej vlastnej vrstvy. Na paneli s nástrojmi vyberte nástroj Obdĺžnikové orámovanie:
Výber nástroja obdĺžnikového orámovania.
Prichytenie výberov k vodidlám
Ak sa chcete ubezpečiť, že naše výbery zapadnú do sprievodcov, prejdite do ponuky Zobraziť, vyberte položku Prichytiť do a uistite sa, že sprievodcovia majú vedľa nej začiarknutie. Ak to tak nie je, kliknite naň a vyberte ho:
Začiarknite políčko vedľa sprievodcov.
Výber prvého štvorca
Začneme štvorcom v ľavom hornom rohu. Kliknite a potiahnite obrys výberu okolo neho. Ak ste postupovali podľa posledného kroku, obrys výberu by sa mal uchytiť k sprievodcom:
Nakreslenie obrysu výberu okolo štvorca v ľavom hornom rohu.
Kopírovanie štvorca do novej vrstvy
Ak chcete skopírovať štvorec do svojej vlastnej vrstvy, prejdite do ponuky Vrstva, vyberte položku Nový a potom zvoľte Vrstva pomocou kopírovania . Alebo rýchlejším spôsobom je stlačiť klávesovú skratku, Ctrl + J (Win) / Command + J (Mac):
Prejdite na Vrstva> Nové> Vrstva cez Kopírovanie.
Na paneli Vrstvy vidíme, že program Photoshop umiestnil kópiu štvorca na novú vrstvu nad obrázok:
Štvorec bol skopírovaný do svojej vlastnej vrstvy.
Výber vrstvy pozadia
Skôr ako vyberieme druhý štvorec, musíme najprv vybrať obrázok. Kliknutím na vrstvu na pozadí ju vyberte. Vždy, keď vyberiete a skopírujete nový štvorec, musíte najskôr vybrať vrstvu pozadia:
Výber vrstvy pozadia.
Výber a kopírovanie druhého štvorca
Potom nakreslite výber okolo štvorca v strede hore:
Výber druhého štvorca.
Ak ju chcete rýchlo skopírovať do novej vrstvy, stlačte Ctrl + J (Win) / Command + J (Mac). A na paneli Vrstvy máme nad obrázkom dva štvorce:
Skopíroval sa druhý štvorec.
Výber a kopírovanie zvyšných štvorcov
Ak chcete vybrať a skopírovať zvyšné štvorce, zopakujte rovnaké kroky. Najprv kliknutím na vrstvu Pozadie vyberte obrázok:
Pred výberom nového štvorca vždy znova vyberte vrstvu pozadia.
Nakreslite obrys výberu okolo nového štvorca:
Vyberte iný štvorec.
Potom stlačením klávesov Ctrl + J (Win) / Command + J (Mac) skopírujte štvorec do novej vrstvy:
Štvorec sa skopíruje do novej vrstvy.
Budem pokračovať vo výbere a kopírovaní štvorcov, až kým ich nevyberiem všetky. A na paneli Vrstvy teraz vidíme všetkých deväť štvorcov, každý na samostatnej vrstve, nad obrázkom:
Skopírovalo sa všetkých 9 štvorcov.
Krok 4: Skryť vodítka
Už nepotrebujeme našich sprievodcov, takže ich skryjeme tak, že prejdeme do ponuky Zobraziť, vyberieme Zobraziť a vyberieme Sprievodcu :
Vypnutie vodidiel.
Krok 5: Pridajte viac miesta na plátne
Aby sme dostali priestor na pohyb a rotáciu štvorcov, pridáme okolo obrázka viac priestoru na plátne. A môžeme to urobiť pomocou nástroja na orezanie. Na paneli s nástrojmi vyberte nástroj na orezanie :
Opätovný výber nástroja na orezanie.
Stlačte a podržte kláves Alt (Win) / Option (Mac) na klávesnici a potom kliknite a potiahnite ktorékoľvek úchytky orezania smerom von a preč od obrázka. Kláves Alt / Option vám umožňuje zmeniť veľkosť orezávacieho okraja od jeho stredu:
Pridanie väčšieho priestoru na plátno pomocou nástroja na orezanie.
Ak ju chcete prijať, stlačte kláves Enter (Win) / Return (Mac) a program Photoshop pridá ďalší priestor na plátno:
Okolo fotografie bolo viac miesta.
Krok 6: Vyplňte pozadie čiernou farbou
V predvolenom nastavení Photoshop vyplní nový priestor bielou farbou, ale vyplňte naše pozadie čiernou farbou. Na paneli Vrstvy vyberte vrstvu Pozadie :
Výber vrstvy pozadia.
Potom prejdite do ponuky Upraviť a vyberte položku Vyplniť :
Prejdite na možnosť Úpravy> Vyplniť.
V dialógovom okne Výplň nastavte možnosť Obsah na čiernu a potom kliknite na tlačidlo OK:
Nastavenie obsahu na čiernu.
Obrázok sa teraz zobrazuje pred čiernym pozadím:
Výsledok po vyplnení pozadia čiernou farbou.
Krok 7: Pridajte mŕtvicu okolo prvého štvorca
Momentálne naše štvorce nevidíme, takže ich objasníme. A aby vyzerali ako samostatné fotografie, pridáme okolo nich mŕtvicu. Začneme pridaním mŕtvice do jedného zo štvorcov a potom ju skopírujeme a vložíme na ostatné.
Pridanie mŕtvice
Na paneli Vrstvy vyberte hornú vrstvu (tú, ktorá drží štvorec v ľavom hornom rohu):
Výber hornej vrstvy.
Potom kliknite na ikonu Štýly vrstiev (ikona fx ) v dolnej časti panelu Vrstvy:
Kliknutím na ikonu „fx“.
V zozname vyberte položku Zdvih :
Pridanie efektu vrstvy ťahu.
Zmena farby ťahu
V dialógovom okne Štýl vrstvy kliknite na vzorník farieb :
Kliknutím na vzorník farieb v možnostiach Zdvih.
Potom v nástroji na výber farieb zmeňte farbu ťahu na bielu a potom kliknite na tlačidlo OK:
Výber bielej pre novú farbu ťahu.
Nastavenie veľkosti a polohy
V dialógovom okne Štýl vrstvy späť nastavte polohu ťahu na Vnútri . Pri zvyšovaní hodnoty Veľkosť potiahnutím posúvača dávajte pozor na štvorec v ľavom hornom rohu obrázka. Idem s hodnotou okolo 32 pixelov, bude to však závisieť od veľkosti obrázka:
Nastavenie polohy a veľkosti zdvihu.
Kliknutím na tlačidlo OK zatvorte dialógové okno a teraz máme ohraničenie okolo jedného zo štvorcov:
Orámovanie sa objaví okolo štvorca v ľavom hornom rohu.
Krok 8: Pridajte mŕtvicu na ostatné štvorce
Na paneli Vrstvy vidíme, že náš ťah je uvedený ako efekt pod vrstvou:
Účinky sú uvedené pod vrstvou.
Ak chcete rýchlo použiť rovnaký ťah na ostatné štvorce, skopírujeme ho a prilepíme. Pravým tlačidlom myši kliknite (Win) / s klávesom Control (Mac) na hornú vrstvu a potom v ponuke vyberte možnosť Kopírovať štýl vrstvy :
Vyberte možnosť „Kopírovať štýl vrstvy“.
Kliknutím na druhú vrstvu zhora (vrstva 2) ju vyberte:
Výber druhej vrstvy zhora.
Stlačte a podržte kláves Shift a potom kliknite na vrstvu tesne nad vrstvou pozadia (vrstva 9). Týmto vyberiete všetky ostatné štvorce naraz:
Podržaním klávesu Shift a výberom dolného štvorca.
Pravým tlačidlom myši kliknite (Win) / Control (Mac) na niektorú z vybratých vrstiev a potom vyberte príkaz Vložiť štýl vrstvy :
Vyberte možnosť „Prilepiť štýl vrstvy“.
A rovnako ako to, Photoshop vloží mŕtvicu na ostatné štvorce:
Všetkých 9 štvorcov má teraz mŕtvicu okolo nich.
Krok 9: Presúvajte a otáčajte štvorce
Ak chcete vytvoriť viac kolážového efektu, posúvame a otáčame štvorce pomocou príkazu Free Transform vo Photoshope.
Výber nástroja na presun
Na paneli s nástrojmi vyberte nástroj na presun :
Výber nástroja na presun.
Zapína sa automatický výber
Na paneli Možnosti skontrolujte, či je zapnutá funkcia automatického výberu a či je nastavená na možnosť Vrstva . To nám umožní jednoducho vybrať každý štvorec kliknutím naň:
Skontrolujte, či je zapnutá funkcia automatického výberu a či je nastavená na možnosť Vrstva.
Kliknutím vyberte štvorec
Kliknutím na štvorec v ľavom hornom rohu ho vyberte:
Výber ľavého horného štvorca.
Pohybujte sa a otáčajte štvorcom pomocou Free Transform
Potom prejdite do ponuky Upraviť a vyberte položku Voľná transformácia. Alebo použite klávesovú skratku, Ctrl + T (Win) / Command + T (Mac):
Prejdite na Úpravy> Voľná transformácia.
Photoshop umiestni rámik Free Transform a rukoväte okolo námestia:
Objaví sa úchytky Free Transform.
Ak chcete presunúť štvorec, kliknite a potiahnite kamkoľvek vo vnútri poľa Free Transform. Môžete ho tiež presunúť pomocou klávesov so šípkami na klávesnici. Ak ho chcete otočiť, presuňte kurzor myši mimo poľa a potom kliknite a potiahnite:
Pohybovanie a otáčanie štvorca na miesto.
Ak ju chcete prijať, stlačte kláves Enter (Win) / Return (Mac) a náš prvý štvorec sa presunul a otočil na svoje miesto:
Výsledok po presunutí a otočení prvého štvorca.
Opakovanie krokov pre ostatné štvorce
Ak chcete presunúť a otočiť ďalšie štvorce, opakujte rovnaké kroky. Najprv kliknite na štvorec a vyberte ho. Potom stlačte Ctrl + T (Win) / Command + T (Mac) a zvoľte Free Transform . Presuňte štvorec na svoje miesto a potom ho otočte do správnej polohy. Potvrďte stlačením kláves Enter (Win) / Return (Mac).
V mojom prípade opustím stredné námestie na pôvodnom mieste, ale budem pokračovať v pohybe a otáčaní vonkajších štvorcov, kým nebudem spokojný s výsledkami. Ak chcete iba pohnúť štvorcom bez toho, aby ste ho otočili, nemusíte otvárať Free Transform. Jednoducho naň môžete kliknúť a pretiahnuť ho pomocou nástroja presunúť, alebo ho môžete vtlačiť na miesto pomocou klávesov so šípkami na klávesnici:
Výsledok po úprave všetkých vonkajších štvorcov.
Krok 10: Zmeňte farbu pozadia
V tejto chvíli sme vytvorili hlavný efekt, ale je tu ešte pár vecí, ktoré môžeme urobiť. Jednou z nich je, že môžeme zmeniť farbu pozadia. A na to použijeme výplňovú vrstvu Jednofarebné.
Na paneli Vrstvy kliknite na vrstvu Pozadie a vyberte ju:
Výber vrstvy pozadia.
Potom kliknite na ikonu Nová výplň alebo vrstva úprav :
Kliknite na ikonu Nová výplň alebo vrstva úprav.
Zo zoznamu vyberte možnosť Jednofarebné :
Výber výplňovej vrstvy v jednej farbe.
Vzorkovanie farby pozadia z obrázka
V nástroji na výber farieb vyberte novú farbu pozadia. Alebo vyberte farbu priamo z obrázka presunutím kurzora do obrázka a kliknutím na farbu vyberte požadovanú farbu:
Vzorkovanie novej farby pozadia z obrázka.
Keď nájdete farbu, ktorá sa vám páči, kliknutím na tlačidlo OK zatvorte nástroj Color Picker:
Fotografia koláž s novou farbou pozadia vzorkované z obrázku.
Na paneli Vrstvy vidíme našu novú vrstvu výplne Jednofarebné nad vrstvou Pozadie:
Výplňová vrstva je umiestnená medzi vrstvou pozadia a štvorcami.
Krok 11: Pridajte tieň
Nakoniec dokončime efekt pridaním tieňa za štvorčeky. Ak chcete pridať tieň do všetkých štvorcov naraz, najskôr ich umiestnime do skupiny vrstiev.
Zoskupenie štvorcov
Kliknutím na hornú vrstvu (vrstva 1) ju vyberte. Potom stlačte a podržte kláves Shift a kliknite na vrstvu priamo nad vrstvou výplne (vrstva 9). Týmto vyberiete všetky štvorce naraz:
Kliknite na vrstvu 1 a potom na vrstvu 9 Shift.
Prejdite do ponuky Vrstvy a vyberte možnosť Skupinové vrstvy :
Prejdite na Vrstva> Zoskupiť vrstvy.
A na paneli Vrstvy boli všetky naše štvorce umiestnené do novej skupiny. Skupinu môžete skrútiť otvorením alebo zatvorením kliknutím na šípku vedľa názvu skupiny:
Štvorce sú teraz vo vrstve.
Pridanie tieňa
Ak chcete na skupinu aplikovať tieň, kliknite na ikonu Štýly vrstiev :
Kliknutím na ikonu „fx“ je vybraná skupina vrstiev.
Potom vyberte zo zoznamu Drop Shadow :
Výber vrhnutého tieňa.
Otvorí sa dialógové okno Štýl vrstvy, ktoré je nastavené na možnosti Tieň:
Možnosti vrhaného tieňa v dialógovom okne Štýl vrstvy.
Tu môžete upraviť uhol a vzdialenosť tieňa, ale jednoduchšie je len kliknúť a pretiahnuť dovnútra dokumentu. Pri potiahnutí sa v dialógovom okne zobrazia aktualizácie uhlov a vzdialeností:
Kliknutím a potiahnutím dovnútra dokumentu upravíte uhol a vzdialenosť tieňa.
Po nastavení uhlu a vzdialenosti sa vráťte späť do dialógového okna a upravte hodnotu Veľkosť tak, aby ste zjemnili hrany. Môžete tiež upraviť krytie, aby sa tiene javili svetlejšie alebo tmavšie. Znížim baňu na 30% :
Nastavenie veľkosti (mäkkosti) a nepriehľadnosti tieňového tieňa.
Ak ste s výsledkami spokojní, kliknutím na tlačidlo OK zatvorte dialógové okno. A s aplikovaným tieňom je tu môj posledný efekt:
Konečný efekt fotografickej koláže.
A máme to! Takto vo Photoshope zmeníte jediný obrázok na jednoduchú štvorcovú fotografickú koláž! Ak chcete získať viac efektov koláže, prečítajte si, ako vytvoriť koláž Polaroid, koláž z filmových pásov alebo koláž z deformovaných fotografií! Viac návodov nájdete v našej sekcii Photo Effects. A nezabudnite, že všetky naše výukové programy Photoshopu sú teraz k dispozícii na stiahnutie vo formáte PDF!