V tomto tutoriále pre Photoshop sa naučíme, ako premeniť fotografiu na vzor farebných bodov pomocou jedného z filtrov Photoshopu, masky vrstvy a jednoduchého opakujúceho sa vzoru, ktorý vytvoríme od nuly. Budem tu používať Photoshop CS5, ale akákoľvek najnovšia verzia bude fungovať. Používatelia Photoshop CS6 a CC (Creative Cloud) však budú chcieť vyskúšať úplne aktualizovaný výukový program Turn A Photo In A Pattern of Colored Dots.
Tu je obrázok, s ktorým začnem:
Pôvodná fotografia.
A keď budeme hotoví, bude to vyzerať takto:
Konečný výsledok.
Ako vytvoriť farebný bodkový vzor z fotografie
Krok 1: Duplikujte vrstvu pozadia
S novo otvorenou fotografiou vo Photoshope, keď sa pozrieme na panel Vrstvy, vidíme, že momentálne máme jednu vrstvu - vrstvu Pozadie - čo je vrstva, na ktorej sedí náš obrázok:
Pôvodný obrázok je umiestnený na vrstve Pozadie na paneli Vrstvy.
Kliknite na vrstvu Pozadie a podržte stlačené tlačidlo myši a potiahnite vrstvu nadol na ikonu Nová vrstva v dolnej časti panelu Vrstvy (je to ikona priamo naľavo od koša):
Kliknite a potiahnite vrstvu Pozadie nadol na ikonu Nová vrstva.
Keď kurzor myši nad ikonou Nová vrstva, uvoľnite tlačidlo myši. Takto sa vytvorí kópia vrstvy pozadia, ktorú Photoshop umiestni nad originál:
Kópia vrstvy pozadia sa objaví nad originálom.
Krok 2: Pridajte novú prázdnu vrstvu medzi dve existujúce vrstvy
Podržte stlačený kláves Ctrl (Win) / Command (Mac) a kliknite na ikonu Nová vrstva v dolnej časti panelu Vrstvy (rovnaká ikona, akú sme použili v predchádzajúcom kroku):
Podržte stlačený kláves Ctrl (Win) / Command (Mac) a kliknite na ikonu Nová vrstva.
Týmto sa do dokumentu pridá nová prázdna vrstva. Photoshop zvyčajne umiestňuje nové vrstvy nad vrstvu, ktorá je aktuálne vybraná (čo v našom prípade bola vrstva na pozadí), ale podržaním klávesu Ctrl (Win) / Command (Mac) pri kliknutí na ikonu Nová vrstva sme spoločnosti Photoshop povedali, aby namiesto toho umiestnite novú vrstvu pod ňu. Na paneli Vrstvy vidíme, že teraz máme medzi vrstvami kópie Pozadie a Pozadie novú prázdnu vrstvu s názvom Vrstva 1:
Nová vrstva sa objaví medzi dvoma predchádzajúcimi vrstvami.
Krok 3: Naplňte novú vrstvu čiernou farbou
Vyplňte novú vrstvu čiernou farbou, ktorá sa stane farbou pozadia efektu. Prejdite hore na ponuku Upraviť na paneli s ponukou pozdĺž hornej časti obrazovky a vyberte položku Vyplniť :
Prejdite na možnosť Úpravy> Vyplniť.
Otvorí sa dialógové okno Fill Photoshop. Zmeňte možnosť Použiť v hornej časti dialógového okna na možnosť Čierna :
Zmeňte možnosť Použiť na čiernu.
Po dokončení kliknite na tlačidlo OK, aby ste dialógové okno zavreli. Zdá sa, že sa v okne dokumentu nič nestalo, pretože obrázok na vrstve s kópiou na pozadí momentálne blokuje zobrazenie vrstvy 1, ale v miniatúre náhľadu vrstvy 1 na paneli Vrstvy vidíme, že sme vrstvu vyplnili plnou čiernou farbou:
Miniatúra ukážky vrstvy 1 ukazuje, že vrstva je teraz vyplnená čiernou farbou.
Krok 4: Vyberte vrstvu na pozadí
Kliknutím na vrstvu Kopírovanie na pozadí na paneli Vrstvy vyberte vrstvu a urobte z nej aktívnu vrstvu:
Vyberte vrstvu na pozadí.
Krok 5: Použite filter mozaiky
Prejdite hore do ponuky Filter v hornej časti obrazovky, vyberte položku Pixelate a potom možnosť Mosaic :
Prejdite na položku Filter> Pixelate> Mosaic.
Filter Mosaic pixeloval obrázok tak, že ho zmenil na sériu farebných štvorcov. Veľkosť štvorcov môžeme nastaviť pomocou voľby Veľkosť bunky v dolnej časti dialógového okna filtra. Väčšie hodnoty vytvoria väčšie štvorce. Menšie hodnoty, menšie štvorce. Tieto štvorce sa nakoniec stanú našimi farebnými bodkami, takže budete chcieť nastaviť hodnotu veľkosti bunky na základe počtu a veľkosti farebných bodov, ktoré chcete v konečnom účinku. Môže to trvať trochu pokus a omyl, aby sa veci napravili. Nastavím hodnotu veľkosti bunky na 20 . Nezabudnite na presnú hodnotu, ktorú ste použili, pretože o chvíľu ju potrebujeme znova:
Nezabudnite na hodnotu, ktorú ste zadali pre možnosť Veľkosť bunky.
Kliknutím na tlačidlo OK zatvorte dialógové okno. Váš obrázok by mal teraz vyzerať v pixeloch:
Obrázok po použití mozaického filtra.
Krok 6: Vytvorenie nového dokumentu
Odložme na chvíľu náš obraz a vytvoríme opakujúci sa bodový vzor. Na tento účel potrebujeme nový dokument Photoshopu, takže prejdite do ponuky Súbor v hornej časti obrazovky a vyberte položku Nový :
Prejdite na Súbor> Nový.
Otvorí sa dialógové okno Nový dokument. Nastavte šírku aj výšku dokumentu na rovnakú hodnotu, ktorú ste zadali pre možnosť Veľkosť bunky v dialógovom okne Mosaic filter. V mojom prípade nastavím veľkosť bunky na 20, takže nastavím šírku a výšku na 20 pixelov. Vytvorí sa tak nový dokument, ktorý bude mať presne rovnakú veľkosť ako štvorce v našom obrázku. Nerobte si starosti s hodnotou rozlíšenia, ale uistite sa, že je obsah pozadia nastavený na bielu :
Nastavte šírku a výšku na rovnakú hodnotu, akú ste zadali pre veľkosť bunky. Skontrolujte, či je typ merania nastavený na pixely.
Po dokončení kliknite na tlačidlo OK, aby ste dialógové okno zavreli. Nový dokument sa zobrazí na obrazovke. Pretože je váš dokument pravdepodobne veľmi malý, podržte na klávesnici kláves Ctrl + medzerník (Win) / Command + medzerník (Mac), aby ste dočasne prepli na nástroj Priblíženie Photoshopu (kurzor myši sa zmení na lupu so znamienkom plus v uprostred), potom niekoľkokrát v dokumente zväčšíte priblíženie. Tu som sa priblížil na 1600%:
Priblížte nový dokument, aby ste uľahčili ďalšie kroky.
Krok 7: Vyberte nástroj Eliptický rámik
Na paneli Tools (Nástroje) vyberte nástroj Eliptical Marquee Tool . V predvolenom nastavení sa skrýva za nástrojom obdĺžnikového orezania, takže kliknite na nástroj obdĺžnikového orezania a podržte stlačené tlačidlo myši na sekundu alebo dve, kým sa neobjaví rozbaľovacia ponuka, potom vyberte zo zoznamu nástroj na eliptické orezanie:
Kliknite a podržte na nástroji Obdĺžnikové orámovanie a potom z rozbaľovacej ponuky vyberte nástroj Eliptické orámovanie.
Krok 8: Nakreslite kruhový výber
S nástrojom eliptického orezania v ruke podržte stlačený kláves Shift, kliknite na úplne horný ľavý roh dokumentu a podržte stlačené tlačidlo myši a ťahajte šikmo dole do pravého dolného rohu dokumentu a nakreslite obrys kruhového výberu., Ak podržíte kláves Shift pri potiahnutí, vynútite obrys výberu do dokonalého kruhu. Ak potrebujete zmeniť polohu obrysu výberu počas jeho kreslenia, podržte medzerník, potiahnite obrys pomocou myši, uvoľnite medzeru a pokračujte. Po dokončení by sa okraje obrysu výberu mali dotýkať okrajov dokumentu, aby mala rovnakú šírku a výšku ako samotný dokument:
Potiahnite kruhový výber vo vnútri dokumentu.
Krok 9: Vyplňte výber čiernou farbou
Vráťte sa späť do ponuky Upraviť v hornej časti obrazovky a znova vyberte možnosť Vyplniť, rovnako ako to bolo v kroku 3. Možnosť Použiť by už mala byť nastavená na čiernu, pretože to sme zmenili naposledy, takže jednoducho kliknite na Kliknutím na tlačidlo OK zatvorte dialógové okno Výplň. Photoshop vyplní obrys výberu v dokumente čiernou farbou. Stlačením klávesov Ctrl + D (Win) / Command + D (Mac) na klávesnici rýchlo zrušte výber oblasti a odstráňte obrys výberu.
Ak používate aplikáciu Photoshop CS4 alebo CS5 a priblížili ste sa do svojho dokumentu tak, ako som ja, čiernym kruhom sa zobrazí obrys mriežky (známy ako mriežka pixelov ). Mriežka pixelov je novou funkciou od CS4 a je jednoducho vizuálnou pomôckou pri priblížení dokumentu. Nie je súčasťou samotného obrázka a zmizne pri prezeraní obrázka v jeho skutočnej veľkosti, takže ho jednoducho ignorujte. Mriežka sa nezobrazí, ak používate aplikáciu Photoshop CS3 alebo staršiu verziu:
Dokument (stále zväčšený na 1600%) po vyplnení obrysu výberu čiernou farbou.
Krok 10: Obráťte farby v dokumente
Prejdite do ponuky Obrázok v hornej časti obrazovky, vyberte položku Úpravy a potom vyberte položku Invertovať :
Prejdite na Obrázok> Úpravy> Invertovať.
Týmto sa prevrátia farby v dokumente a čierne oblasti sa stanú bielymi a biele oblasti čierne:
Samotný kruh je teraz biely, zatiaľ čo rohové oblasti sú čierne.
Krok 11: Definujte kruh ako vzor
Prejdite hore do ponuky Upraviť v hornej časti obrazovky a vyberte položku Definovať vzor :
Prejdite do ponuky Úpravy> Definovať vzor.
Photoshop otvorí dialógové okno so žiadosťou o pomenovanie nového vzoru. Dajte vzoru opisný názov. Budem pomenovať baňu „Circle 20x20“, pretože veľkosť môjho dokumentu je 20 px x 20 px. Môžete skončiť vytváraním viacerých kruhových vzorov, všetky v rôznych veľkostiach, preto je vhodné do názvu zahrnúť aj veľkosť dokumentu:
Pomenujte názov.
Po dokončení kliknite na tlačidlo OK, aby ste dialógové okno zavreli. Nezdá sa, že by sa niečo stalo, ale Photoshop teraz dokument uložil ako vzor. V tomto okamihu môžete svoj kruhový dokument uzavrieť, pretože ho už nepotrebujeme. Nie je potrebné ho ukladať, takže keď sa Photoshop spýta, či chcete dokument pred jeho zatvorením uložiť, vyberte možnosť Neuložiť.
Krok 12: Pridajte vrstvu masky do vrstvy na kopírovanie na pozadí
Prepnite späť na svoj hlavný dokument a uistite sa, že na paneli Vrstvy je vybraná vrstva Kopírovanie na pozadí . Kliknite na ikonu Pridať vrstvu masky v dolnej časti panela Vrstvy:
Keď je vybratá vrstva Kopírovanie na pozadí, kliknite na ikonu Pridať vrstvu masky.
Zdá sa, že sa v dokumente opäť nič nestalo, ale na vrstve s kópiou pozadia na paneli Vrstvy sa objaví miniatúra masky vrstvy s bielym pozadím, ktorá nás informuje, že sme masku vrstvy pridali. Všimnite si, že miniatúra má okolo seba tenký okraj so zvýraznením. To nám hovorí, že je vybraná samotná maska vrstvy:
Miniatúra masky vrstvy sa objaví vo vrstve Kopírovanie na pozadí.
Krok 13: Vyplňte vrstvu masky kruhovým vzorom
Znova prejdite do ponuky Upraviť v hornej časti obrazovky a vyberte položku Vyplniť . Tentoraz zmeňte možnosť Použiť z čiernej na Vzor :
Zmeňte možnosť Použiť na Vzor.
Kliknutím na miniatúru ukážky vlastného vzoru vyberte vzor, ktorý chcete použiť:
Kliknite na miniatúru vlastného vzoru.
Otvorí sa výber šablóny . Vyberte kruhový vzor, ktorý sme práve vytvorili, kliknutím na jeho miniatúru. Malo by ísť o poslednú miniatúru v zozname. Ak máte aktivované tipy s nástrojmi v časti Predvoľby aplikácie Photoshop, názov vzoru sa zobrazí, keď umiestnite kurzor myši na miniatúru:
Kliknutím na miniatúru vzoru kruhu ju vyberte.
Po výbere vzoru kliknite na tlačidlo OK, čím zatvoríte dialógové okno Výplň. Photoshop vyplní masku vrstvy kruhovým vzorom a náš obrázok je teraz tvorený vzorom farebných bodov:
Obrázok po vyplnení masky vrstvy opakujúcim sa kruhovým vzorom.
Priblížim priblíženie k obrázku, aby sme mohli efekt ľahšie vidieť. Každá bodka na obrázku je vytvorená z jednej pevnej farby vďaka filtru Mosaic, ktorý sme použili predtým. Čierna oblasť obklopujúca kruhy je z vrstvy 1 pod obrázkom (ktorú sme v kroku 3 vyplnili čiernou farbou):
Bližší pohľad na efekt.
Krok 14: Pridajte vrstvu úpravy odtieňa / sýtosti (voliteľné)
Ako voliteľný posledný krok môžeme efekt trochu vylepšiť zvýšením sýtosti farieb v obrázku. Kliknite na ikonu Nová úprava vrstvy v dolnej časti panelu Vrstvy:
Kliknite na ikonu Nová vrstva úprav.
V zobrazenom zozname vyberte vrstvu na úpravu odtieňa a sýtosti :
Vyberte odtieň / sýtosť zo zoznamu vrstiev úprav.
Ak používate aplikáciu Photoshop CS3 alebo staršiu, na obrazovke sa objaví dialógové okno Odtieň / Sýtosť. Používatelia Photoshop CS4 a CS5 sa na paneli Úpravy zobrazia ovládacie prvky pre vrstvu úprav Hue / Saturation. V obidvoch prípadoch zvýšte sýtosť farieb v obrázku kliknutím na posúvač Sýtosť a potiahnutím smerom doprava. Čím ďalej ťaháte doprava, tým sýtejšie farby budú. Zvýši svoju saturáciu na +20 :
Potiahnutím posúvača Saturation (Sýtosť) doprava zvýšte sýtosť farieb v obrázku.
V prípade aplikácie Photoshop CS3 a starších používateľov kliknutím na tlačidlo OK zatvorte dialógové okno Odtieň a sýtosť. Používatelia Photoshop CS4 a CS5 môžu ponechať panel Úpravy otvorený. A s tým sme hotoví! Tu, po zvýšení sýtosti farieb, je môj konečný výsledok „fotografia na farebné bodky“:
Konečný výsledok.