V tomto tutoriále s Photoshop Effects sa naučíme, ako premeniť fotografiu na koláž štvorcov. Je to zábavný efekt a je to skutočne ľahké, najmä preto, že väčšina práce je jednoduché opakovanie, ako uvidíme.

Tu je pôvodná fotografia, ktorú začnem:

A tu je obrázok s dokončeným efektom „Koláž štvorcov“:

Ako som už povedal, väčšina práce je iba opakovaním, takže akonáhle sa dostanete „do drážky“ s tým, čo robíte, už o tom ani nebudete musieť premýšľať. Môžete sa len baviť vytváraním efektu.

Tento tutoriál je z našej série Photo Effects. Začnime!

Krok 1: Duplikujte vrstvu pozadia

Keď je môj obrázok otvorený vo Photoshope, momentálne mám iba jednu vrstvu, vrstvu pozadia, ktorá obsahuje môj pôvodný obrázok:

Paleta Vrstvy Photoshopu ukazuje pôvodný obrázok na vrstve Pozadie.

Potrebujem duplikovať vrstvu pozadia, takže budem používať klávesovú skratku Ctrl + J (Win) / Command + J (Mac), ktorá pridá kópiu vrstvy pozadia v palete Vrstvy. Photoshop automaticky pomenuje kópiu „Vrstva 1“:

Stlačením klávesov Ctrl + J (Win) / „Command + J“ (Mac) duplikujete vrstvu pozadia.

Krok 2: Pridajte novú vrstvu medzi dve vrstvy a vyplňte ju bielou

Medzi dve vrstvy, ktoré momentálne máme v palete Vrstvy, musíme pridať novú prázdnu vrstvu. Ak to chcete urobiť, pri výbere „Vrstva 1“ podržte kláves Ctrl (Win) / Command (Mac) na klávesnici a kliknite na ikonu Nová vrstva v dolnej časti palety Vrstvy. Zvyčajne Photoshop pridá novú vrstvu nad aktuálne vybranú vrstvu, ale podržaním Ctrl / Command to Photoshopu prikáže, aby namiesto nej pridal novú vrstvu:

Podržte stlačený kláves Ctrl (Win) / „Command“ (Mac) a kliknutím na ikonu „Nová vrstva“ pridajte novú vrstvu medzi dve existujúce vrstvy v palete Vrstvy.

Teraz mám novú prázdnu vrstvu „Vrstva 2“ medzi dvoma ďalšími vrstvami:

Nová prázdna vrstva je teraz medzi vrstvou pozadia a vrstvou 1.

Len krátka poznámka predtým, ako budeme pokračovať …. Do konca tohto efektu skončíme s množstvom vrstiev. Normálne by to znamenalo, že by sme určite chceli zaistiť, aby sme pomenovali naše vrstvy ako ideme. V tomto prípade by ste sa však pravdepodobne zbláznili a snažili sa prísť s popisnými názvami pre každú vrstvu, takže pokiaľ vám takáto vec nebude vyhovovať, nemusel by som sa starať o pomenovanie vašich vrstiev pri vytváraní tohto účinku. Všeobecne povedané, pomenovanie vrstiev je zvyk, do ktorého by ste sa mali dostať.

Po tom však pokračujme. Túto novú vrstvu musíme vyplniť bielou, pretože na dosiahnutie tohto efektu použijeme bielu farbu pozadia, takže stlačením písmena D na klávesnici resetujte farby popredia a pozadia, vďaka ktorým je farba pozadia biela a potom s novou prázdnou vrstvou vybranou v palete Vrstvy použite klávesovú skratku Ctrl + Backspace (Win) / Command + Delete (Mac) na vyplnenie vrstvy bielou farbou.

V okne dokumentu neuvidíte nič, pretože kópia vrstvy pozadia blokuje zobrazenie vrstvy 2, ale ak sa pozriete na paletu Vrstvy, uvidíte, že náhľad miniatúry pre vrstvu je teraz naplnené bielou:

Náhľad miniatúry „Vrstva 2“ je teraz na palete Vrstvy vyplnený bielou farbou, hoci vrstva „Vrstva 1“ ju momentálne blokuje v zobrazení v okne dokumentu.

Krok 3: Potiahnite štvorcový výber okolo časti obrázka

V palete Vrstvy kliknem späť na kópiu mojej vrstvy pozadia „Vrstva 1“. Potom vyberiem svoj nástroj Obdĺžnikové orámovanie z palety Nástroje:

Vyberte nástroj Obdĺžnikové orámovanie z palety Nástroje.

Tiež by som mohol rýchlo stlačiť kláves M na klávesnici. Potom, keď budete mať v ruke nástroj Obdĺžnikové orezávanie a vyberiete položku „Vrstva 1“ v palete Vrstvy, vytiahnem z obrázka štvorcový tvar. Vytiahnem štvorec okolo chlapcovej tváre napravo:

Pomocou nástroja Obdĺžnikové orezanie nakreslite štvorcový výber vo vnútri obrázka.

Ak chcete výber obmedziť na dokonalý štvorec, podržte pri ťahaní kláves Shift .

Krok 4: Pridajte vrstvu masky

Po výbere štvorcového tvaru a opätovnom overení, či je v palete Vrstvy vybratá vrstva 1, kliknite na ikonu Pridať masku vrstvy v dolnej časti palety Vrstvy:

Kliknite na ikonu „Pridať vrstvu masky“ v dolnej časti palety Vrstvy.

Tým sa k vrstve 1 pridá maska ​​vrstvy. Pretože po kliknutí na ikonu „Pridať masku vrstvy“ som mal vybratú oblasť obrázka, Photoshop použije tento výber na vytvorenie masky, čo znamená, že iba oblasť Obrázok, ktorý bol vo výbere - chlapcova tvár - zostane viditeľný v okne dokumentu. Zvyšok obrázka sa skryje pred zobrazením, čím sa odhalí biela vrstva pod ňou:

Štvorcová oblasť okolo chlapcovej tváre je teraz všetko, čo je na obrázku viditeľné. Biele pozadie je teraz viditeľné za ním.

Krok 5: Odpojte masku vrstvy od obsahu vrstvy

Ak sa znova pozrieme na našu paletu Vrstvy, uvidíme masku vrstvy, ktorá bola pridaná do vrstvy 1. Maska je vyplnená čiernou farbou, s výnimkou malej štvorcovej oblasti, ktorá je biela, čo je oblasť okolo chlapcovej tváre, ktorá sa zobrazuje v okne dokumentu. Ak sa pozriete pozorne, medzi miniatúrou vrstvy a miniatúrou masky sa tiež zobrazí malá ikona odkazu :

Ikona „prepojenia vrstvy“ medzi miniatúrou vrstvy a miniatúrou masky vrstvy pre „vrstvu 1“.

Keď je táto ikona odkazu viditeľná, znamená to, že obsah vrstvy (obrázok) a maska ​​vrstvy sú dobre prepojené. Ak ho presuniete, presuniete ich obidve. To nie je to, čo chceme. Chceme mať možnosť posúvať masku bez pohybu obrázka. Aby sme to mohli urobiť, stačí kliknúť na ikonu odkazu, ktorá spôsobí, že zmizne, a potom sa maska ​​vrstvy môže posúvať nezávisle od obsahu vrstvy. Kliknutím na ikonu odkazu ju odstránim:

Ikona odkazu medzi miniatúrou vrstvy a maskou vrstvy je teraz preč. Teraz môžeme masku posúvať bez pohybu obrázka.

Krok 6: Pridajte do masky biely štýl vrstvy "Vonkajšia žiara"

Aby sme mohli vidieť hrany štvorcov pri vytváraní efektu, do masky pridám štýl vrstvy „Outer Glow“. Najprv kliknem priamo na miniatúru masky vrstvy a vyberiem ju. Môžem povedať, že je vybraté, keď je okolo neho zvýraznené políčko. Potom, keď je vybratá maska, kliknem na ikonu Nová vrstva úprav v dolnej časti palety Vrstvy:

Po zvolení masky vrstvy kliknite na ikonu „Nová vrstva úprav“.

Zo zoznamu, ktorý sa zobrazí, vyberiem Outer Glow :

Vyberte štýl vrstvy „Outer Glow“.

Týmto sa otvorí dialógové okno Štýl vrstvy vo Photoshope s možnosťami Outer Glow v strednom stĺpci. Štýl vrstvy Outer Glow štandardne používa žltkastú farbu. Chcem ju zmeniť na bielu, aby som tak urobil, kliknem priamo na vzorník farieb Outer Glow:

Kliknite na vzorník farieb v možnostiach Vonkajšia žiara a zmeňte farbu žiarenia.

Keď kliknem na vzorník farieb, zobrazí sa Photoshop's Color Picker . V ľavom hornom rohu si vyberiem bielu:

Kliknite v ľavom hornom rohu nástroja na výber farieb a vyberte farbu bielu ako farbu vonkajšej žiary.

Potom kliknem na OK, aby ste ukončili výber farieb. Moja farba Outer Glow je teraz biela.

Ponechám všetky ostatné možnosti pre Outer Glow samotnú a kliknutím na OK v tomto bode ukončíte dialógové okno Štýl vrstvy. Do masky vrstvy sa pridá biela vonkajšia žiara. Zatiaľ ho nebudeme môcť vidieť na obrázku, pretože je to biela žiara na bielom pozadí, ale uvidíme to, keď začneme do obrázka pridávať ďalšie štvorcové sekcie, ako to robíme.

Krok 7: Duplikujte vrstvu

Pamätáte si na začiatku tohto tutoriálu, keď som povedal, že väčšina práce je jednoduché opakovanie? To je miesto, kde to začína. Tieto nasledujúce kroky sa budú opakovať znova a znova, ale nebojte sa, sú jednoduché. Najprv, keď je v palete Vrstvy vybratá vrstva 1, duplikujem ju pomocou klávesovej skratky Ctrl + J (Win) / Command + J (Mac). Teraz mám presnú kópiu v hornej časti palety Vrstvy:

Paleta Vrstvy teraz zobrazuje duplikát vrstvy 1 v hornej časti.

Keď poviem „presná kópia“, mám na mysli presnú kópiu. Kópia obsahuje nielen obrázok, ale obsahuje aj kópiu masky a štýl vrstvy Outer Glow, takže nemusíme pridať ďalšiu masku ani inú vrstvu Outer Glow sami. Všetko už pre nás existuje. Pretože obsah vrstvy a maska ​​vrstvy na vrstve 1 neboli prepojené, nie sú prepojené ani na kópii, čo je presne to, čo chceme.

Krok 8: Presuňte vrstvu masky do nového umiestnenia a vytvorte druhý štvorec

Chystám sa chytiť svoj nástroj Premiestniť z palety Nástroje:

Vyberte nástroj Premiestniť z palety Nástroje.

Mohol by som ju vybrať aj stlačením klávesu V na klávesnici. Potom v palete Vrstvy kliknem na miniatúru masky duplikovanej vrstvy a vyberiem ju. Uistite sa, že mám vybratú masku a nie samotnú vrstvu. Miniatka masky bude mať okolo nej zvýraznené políčko, ktoré označuje, že je vybratá:

Kliknutím na miniatúru masky vrstvy v palete Vrstvy ju vyberte. Bude okolo neho zvýraznené políčko, ktoré označuje, že je vybraté.

Potom, keď je vybratá maska ​​vrstvy, jednoducho kliknem do okna dokumentu a masku pretiahnem na nové miesto, ktoré vytvorí druhý štvorec. Pretiahnem ju nadol a doľava, aby pravý horný roh prekrýval ľavý dolný roh pôvodného štvorca:

Potiahnite masku na nové miesto v obrázku a vytvorte druhý štvorec.

Teraz mám dve štvorce, a ak sa pozriete do pravého horného rohu toho, ktorý som práve vytvoril, môžete vidieť hrany vonkajšej žiary bielej.

Krok 9: Pokračujte v duplikácii vrstvy a potiahnutím masky vytvorte ďalšie štvorce

V tomto okamihu je to jednoducho otázka opakovania posledných dvoch krokov, až kým nie sú vo vnútri štvorcov viditeľné hlavné oblasti obrazu. Najprv teda stlačíte Ctrl + J (Win) / Command + J (Mac), aby ste vrstvu duplikovali. Potom, a táto časť je veľmi dôležitá, kliknite na miniatúru masky vrstvy novovytvorenej vrstvy, aby ste sa uistili, že je vybratá maska, nie obsah vrstvy. Ak sa pokúsite pretiahnuť masku a vytvoriť nový štvorec a namiesto toho uvidíte obrázok vnútri pohybujúceho sa štvorca, samotná vrstva sa omylom vyberie. V takom prípade stlačením klávesov Ctrl + Z (Win) / Command + Z (Mac) zrušte operáciu, kliknite na miniatúru masky vrstvy a skúste to znova.

Pokračujte v tomto procese duplikovania vrstvy, výberu masky a pretiahnutím masky na nové miesto v obraze, kým sa nezobrazia všetky dôležité oblasti obrázka. Je v poriadku prekrývať štvorce a nebojte sa ani medzi nimi nechať prázdny priestor. To len dodáva efekt.

Budem pokračovať v duplikácii vrstvy a posúvaní masky, až kým sa na štvorcoch nezobrazia všetci štyria ľudia na fotografii. Toto je môj obrázok po vytvorení dostatočného množstva štvorcov, aby do neho priniesol zvyšok chlapca:

Obrázok po pridaní dostatočného množstva štvorcov, aby chlapca vľavo videl.

Po duplikácii viacerých vrstiev a posunutí masiek okolo seba vytvoril ďalšie štvorčeky, priniesol som chlapcovu matku a mladšieho brata do účinku:

Po pridaní ďalších štvorcov je teraz viditeľná chlapčenská mama a mladší brat.

Nakoniec som pridal dosť štvorcov, aby som videl všetky hlavné oblasti fotografie. Tiež som sa ubezpečil, že všetky tváre všetkých štyroch ľudí sú na fotografii jasne viditeľné a nie sú rozrezané okrajmi žiadnych štvorcov. To by bolo jednoducho nesprávne:

Teraz bolo pridaných dosť štvorcov, aby sa zobrazili hlavné oblasti fotografie.

Krok 10: Duplikujte ďalšiu vrstvu a znížte veľkosť štvorca na 50%

Hlavná časť efektu je teraz úplná a pre záznam, teraz mám na obrázku celkom 36 štvorcov. Možno máte viac, možno menej. Skutočne závisí od obrázka, ktorý používate, a od koľkých štvorcov si myslíte, že to trvá, kým efekt nevyzerá „správne“. Efekt dokončím pridaním niekoľkých menších štvorcov v rohoch a okolo vonkajších okrajov.

Aby som to urobil, budem duplikovať ďalšiu vrstvu s Ctrl + J (Windows / Command + J (Mac)) a potom ju vyberiem kliknutím na masku vrstvy, tak ako som to už urobil 36-krát. Tentokrát namiesto toho, aby som jednoducho presunul masku a vytvoril ďalší štvorec, stlačím Ctrl + T (Win) / Command + T (Mac), aby som vyniesol rámik Free Transform z Photoshopu a úchytky okolo štvorca, a potom som Potiahnem jednu z rohových úchytiek dovnútra, aby som zmenšil veľkosť štvorca asi o 50%. Keď ťahám rukoväť dovnútra, podržím Shift + Alt (Win) / Shift + Option (Mac), ktorý masku obmedzí na dokonalý štvorec a povie Photoshopu, aby zmenil veľkosť štvorca od jeho stredu:

Použite voľnú transformáciu na zmenšenie veľkosti štvorcovej masky o 50%.

Po zmene veľkosti štvorca na polovicu svojej pôvodnej veľkosti stlačím kláves Enter (Win) / Return (Mac), aby som prijal transformáciu, a potom, rovnako ako to urobím s ostatnými štvorcami, použijem Presuňte nástroj a presuňte ho na nové miesto, tentoraz niekde okolo vonkajšieho okraja koláže:

Pomocou nástroja Premiestniť menší štvorček potiahnite niekde pozdĺž vonkajšieho okraja koláže.

Krok 11: Pokračujte v pridávaní ďalších menších štvorcov okolo vonkajších okrajov koláže

Pokračujte v duplikácii vrstvy s menšou štvorcovou maskou a posúvajte menšie štvorčeky k vonkajším okrajom koláže. Znovu pridajte toľko, koľko potrebujete, aby efekt vyzeral „správne“ pre vás. Tu je baňa po pridaní niekoľkých menších štvorcov okolo okrajov. Pridal som aj niektoré sem a tam v hlavnej časti obrázka, aby som pridal trochu odrody:

Obrázok po pridaní dostatočného množstva štvorcov, aby chlapca vľavo videl.

Krok 12: Zlúčte všetky vrstvy štvorcových masiek do jedného

Po pridaní všetkých menších štvorcov do obrázka mám teraz celkom 56 štvorcov, čo znamená, že mám 56 vrstiev, ktoré obsahujú masku v tvare štvorca. Chcem tento efekt dokončiť pridaním tieňa na koláž, ale nemôžem to urobiť veľmi ľahko, keď je koláž zložená z 56 samostatných vrstiev. Musím ich všetky zlúčiť do jednej vrstvy. V palete Vrstvy to urobím kliknutím na najvyššiu vrstvu, ktorú vyberiem. Potom pôjdem posunúť celú cestu nadol a Shift-kliknúť na "vrstvu 1", čo je vrstva, ktorá začala celú koláž. Týmto vyberiete naraz všetky vrstvy štvorcových masiek (všetky vybraté z palety Vrstvy).

Ak sú všetky vybraté, stlačte kombináciu klávesov Ctrl + E (Win) / Command + E (Mac) a zlúčite ich všetky do jednej vrstvy nad vrstvou naplnenou bielou. Teraz budete mať v palete Vrstvy iba tri vrstvy - vrstvu pozadia, vrstvu bielu a zlúčenú vrstvu:

Paleta Vrstvy teraz zobrazuje iba tri vrstvy, vrátane novo zlúčenej vrstvy hore.

Krok 13: Pridajte tieň na dokončenie efektu

Ak je vybratá zlúčená vrstva, znova kliknite na ikonu Nová vrstva úprav v dolnej časti palety Vrstvy a tentokrát vyberte zo zoznamu Vržený tieň :

Keď je vybratá zlúčená vrstva, kliknite na ikonu „Nová vrstva úprav“ a vyberte „Vrhnutý tieň“.

Týmto sa obnoví dialógové okno Štýl vrstvy vo Photoshope, tentoraz nastavené na možnosti Tieň. Jedinou možnosťou, ktorú zmením, je krytie . Chcem iba jemný tieň, nič, čo by upútalo pozornosť od samotnej koláže, takže znížim hodnotu krytia až na 25%:

Znížte hodnotu krytia tieňového tieňa, aby bol jemnejší.

Kliknutím na tlačidlo OK opustíte dialógové okno Štýl vrstvy a je to hotové! Tu je môj posledný efekt „Koláž štvorcov“:

Konečný efekt.

A máme to! To je spôsob, ako premeniť fotografiu na koláž štvorcov s aplikáciou Photoshop! Navštívte našu sekciu Photo Effects, kde nájdete ďalšie návody týkajúce sa efektov Photoshop!