V tomto tutoriálu Photoshopu se naučíme, jak proměnit fotografii ve vzorec barevných teček pomocí jednoho z filtrů Photoshopu, masky vrstvy a jednoduchého opakujícího se vzoru, který vytvoříme od nuly. Budu používat Photoshop CS5 zde, ale jakákoli poslední verze bude fungovat. Uživatelé Photoshop CS6 a CC (Creative Cloud) však budou chtít vyzkoušet plně aktualizovaný tutoriál Turn A Photo In A Pattern of Colored Dots.
Zde je obrázek, se kterým začnu:
Originální fotografie.
A jak to bude vypadat, když skončíme:
Konečný výsledek.
Jak vytvořit barevné tečky vzor z fotografie
Krok 1: Duplikujte vrstvu pozadí
S nově otevřenou fotografií ve Photoshopu, když se podíváme na panel Vrstvy, vidíme, že v současné době máme jednu vrstvu - vrstvu pozadí - což je vrstva, na které náš obrázek sedí:
Původní obrázek je umístěn na vrstvě Pozadí v panelu Vrstvy.
Klikněte na vrstvu pozadí a podržte stisknuté tlačítko myši a přetáhněte vrstvu dolů na ikonu Nová vrstva ve spodní části panelu Vrstvy (je to ikona přímo vlevo od koše):
Klikněte a přetáhněte vrstvu pozadí dolů na ikonu Nová vrstva.
Když kurzor myši nad ikonou Nová vrstva, uvolněte tlačítko myši. Tím vytvoříte kopii vrstvy pozadí, kterou Photoshop umístí nad originál:
Nad originálem se objeví kopie vrstvy pozadí.
Krok 2: Přidejte novou prázdnou vrstvu mezi dvě stávající vrstvy
Podržte klávesu Ctrl (Win) / Command (Mac) a klikněte na ikonu Nová vrstva ve spodní části panelu Vrstvy (stejná ikona, jakou jsme použili v předchozím kroku):
Podržte klávesu Ctrl (Win) / Command (Mac) a klikněte na ikonu Nová vrstva.
Tím se do dokumentu přidá nová prázdná vrstva. Photoshop obvykle umístí nové vrstvy nad vrstvu, která je aktuálně vybraná (což byla v našem případě vrstva na pozadí), ale podržením klávesy Ctrl (Win) / Command (Mac) při kliknutí na ikonu Nová vrstva jsme Photoshopu řekli, aby místo toho umístěte novou vrstvu pod ni. Na panelu Vrstvy vidíme, že nyní máme mezi vrstvami Kopie na pozadí a Pozadí novou prázdnou vrstvu s názvem Vrstva 1:
Nová vrstva se objeví mezi dvěma předchozími vrstvami.
Krok 3: Vyplňte novou vrstvu černou barvou
Naplňte novou vrstvu černou barvou, která se stane barvou pozadí efektu. Přejděte nahoru na nabídku Úpravy na panelu nabídek v horní části obrazovky a vyberte Výplň :
Přejděte na Úpravy> Vyplnit.
Otevře se dialogové okno Výplň aplikace Photoshop. Změňte možnost Použít v horní části dialogového okna na černou :
Změňte možnost Použít na černou.
Až budete hotovi, zavřete dialogové okno kliknutím na OK. Zdá se, že se v okně dokumentu nic nestalo, protože obrázek na vrstvě kopie na pozadí aktuálně blokuje zobrazení vrstvy 1, ale v náhledu vrstvy 1 v panelu Vrstvy můžeme vidět, že jsme vrstvu vyplnili černou barvou:
Miniatura náhledu vrstvy 1 ukazuje, že vrstva je nyní vyplněna černou barvou.
Krok 4: Vyberte vrstvu Kopie na pozadí
Kliknutím na vrstvu Kopírovat na pozadí v panelu Vrstvy ji vyberte a učiníte z ní aktivní vrstvu:
Vyberte vrstvu Kopírování na pozadí.
Krok 5: Použijte mozaický filtr
V horní části obrazovky přejděte do nabídky Filtr, zvolte Pixelate a poté Mosaic :
Přejděte na Filtr> Pixelovat> Mozaika.
Filtr Mosaic pixelovává obraz tak, že jej proměňuje v sérii jednobarevných čtverců. Velikost čtverců můžeme nastavit pomocí volby Velikost buňky v dolní části dialogového okna filtru. Větší hodnoty vytvoří větší čtverce. Menší hodnoty, menší čtverce. Tyto čtverečky se nakonec stanou našimi barevnými tečkami, takže budete chtít nastavit hodnotu velikosti buňky na základě počtu a velikosti barevných teček, které chcete v konečném efektu. Může to trvat trochu pokusu a omylu, aby se věci napravily. Nastavím hodnotu velikosti buňky na 20 . Ujistěte se, že si pamatujete přesnou hodnotu, kterou jste použili, protože ji za chvíli potřebujeme:
Nezapomeňte na hodnotu, kterou jste zadali pro možnost Velikost buňky.
Klepnutím na tlačítko OK zavřete dialogové okno. Váš obrázek by nyní měl vypadat pixelovaný:
Obrázek po použití filtru Mosaic.
Krok 6: Vytvoření nového dokumentu
Odložme na chvíli náš obrázek a vytvoříme náš opakující se tečkovaný vzor. K tomu budeme potřebovat nový dokument Photoshopu, takže přejděte do nabídky Soubor v horní části obrazovky a zvolte Nový :
Přejděte na Soubor> Nový.
Otevře se dialogové okno Nový dokument. V dialogovém okně filtru Mosaic nastavte šířku i výšku dokumentu na stejnou hodnotu, jakou jste zadali pro možnost Velikost buňky. V mém případě nastavím velikost buňky na 20, takže nastavím šířku a výšku na 20 pixelů. Tím vytvoříte nový dokument, který bude mít stejnou velikost jako čtverce v našem obrázku. Nedělejte si starosti s hodnotou rozlišení, ale ujistěte se, že je obsah pozadí nastaven na bílou :
Nastavte šířku a výšku na stejnou hodnotu, jakou jste zadali pro velikost buňky. Ujistěte se, že je typ měření nastaven na pixely.
Až budete hotovi, zavřete dialogové okno kliknutím na OK. Nový dokument se objeví na obrazovce. Protože je váš dokument pravděpodobně velmi malý, podržte na klávesnici klávesu Ctrl + mezerník (Win) / Command + mezerník (Mac) a dočasně přepněte na nástroj Zoom aplikace Photoshopu (kurzor myši se změní na lupu se znaménkem plus v uprostřed), poté několikrát klikněte uvnitř dokumentu a přiblížíte jej. Zde jsem se přiblížil na 1600%:
Přiblížením nového dokumentu usnadníte další kroky.
Krok 7: Vyberte nástroj Eliptický rámeček
Na panelu Nástroje vyberte nástroj Eliptický rámeček . Ve výchozím nastavení se skrývá za nástrojem obdélníkového ohraničení, takže klikněte na nástroj obdélníkového ohraničení a podržte tlačítko myši na sekundu nebo dvě, dokud se neobjeví rozevírací nabídka, pak vyberte ze seznamu nástroj eliptického ohraničení:
Klikněte a podržte nástroj Obdélníkový rámeček a poté z rozbalovací nabídky vyberte nástroj Eliptický rámeček.
Krok 8: Nakreslete kruhový výběr
S nástrojem eliptického ohraničení v ruce přidržte klávesu Shift, klikněte v pravém horním rohu dokumentu a podržte stisknuté tlačítko myši a nakreslete diagonálně dolů do pravého dolního rohu dokumentu a nakreslete obrys kruhového výběru . Podržíte-li klávesu Shift při tažení, vynutí se obrys výběru do dokonalého kruhu. Pokud potřebujete při kreslení kreslit obrys výběru, podržte mezerník, přetáhněte obrys na místo myší, uvolněte mezerník a pokračujte. Po dokončení by se okraje osnovy výběru měly dotýkat okrajů dokumentu tak, aby byla stejná jako šířka a výška jako samotný dokument:
Přetáhněte kruhový výběr uvnitř dokumentu.
Krok 9: Vyplňte výběr černou barvou
Vraťte se zpět do nabídky Úpravy v horní části obrazovky a znovu vyberte Vyplnit, stejně jako jsme to provedli v kroku 3. Možnost Použít by již měla být nastavena na černou, protože to jsme změnili naposledy, takže jednoduše klikněte Klepnutím na tlačítko OK zavřete dialogové okno Výplň. Photoshop vyplní obrys výběru v dokumentu černou barvou. Stisknutím kláves Ctrl + D (Win) / Command + D (Mac) na klávesnici rychle zrušte výběr oblasti a odeberte osnovu výběru.
Pokud používáte Photoshop CS4 nebo CS5 a přiblížili jste se do svého dokumentu tak daleko, jak jsem viděl, zobrazí se černý kruh (známý jako mřížka pixelů ) zobrazený černým kruhem. Mřížka pixelů je novou funkcí od CS4 a je jednoduše vizuální pomůckou, když jste přiblížili svůj dokument. Není součástí samotného obrázku a zmizí při prohlížení obrázku v jeho skutečné velikosti, takže jej prostě ignorujte. Mřížka se nezobrazí, pokud používáte Photoshop CS3 nebo starší:
Dokument (stále zvětšený na 1600%) po vyplnění osnovy výběru černou barvou.
Krok 10: Obrácení barev v dokumentu
V horní části obrazovky přejděte do nabídky Obrázek, zvolte Úpravy a poté zvolte Invertovat :
Přejděte na Obrázek> Úpravy> Invertovat.
Tím se invertují barvy v dokumentu, takže černé oblasti budou bílé a bílé oblasti černé:
Samotný kruh je nyní bílý, zatímco rohové oblasti jsou černé.
Krok 11: Definujte kruh jako vzor
V horní části obrazovky přejděte do nabídky Úpravy a zvolte Definovat vzor :
Přejděte na Úpravy> Definovat vzor.
Photoshop otevře dialogové okno s dotazem, abychom nový název pojmenovali. Dejte vzoru popisný název. Pojmenuji svůj „kruh 20x20“, protože velikost mého dokumentu je 20 px x 20 px. Můžete nakonec vytvořit více kruhových vzorů, vše v různých velikostech, proto je vhodné do názvu zahrnout velikost dokumentu:
Pojmenujte název.
Až budete hotovi, zavřete dialogové okno kliknutím na OK. Nezdá se, že by se něco stalo, ale Photoshop nyní dokument uložil jako vzor. V tomto okamžiku můžete svůj kruhový dokument uzavřít, protože jej již nepotřebujeme. Není třeba jej ukládat, takže když se Photoshop zeptá, zda chcete dokument uložit před jeho zavřením, vyberte možnost Neukládat .
Krok 12: Přidejte masku vrstvy do vrstvy kopie na pozadí
Přepněte zpět do hlavního dokumentu a ujistěte se, že je na panelu Vrstvy vybrána vrstva Kopírovat pozadí . Klikněte na ikonu Přidat vrstvu masky ve spodní části panelu Vrstvy:
S vybranou vrstvou Kopie na pozadí klikněte na ikonu Přidat vrstvu masky.
Znovu se zdá, že se v dokumentu nic nestalo, ale na vrstvě Kopie na pozadí v panelu Vrstvy se objeví miniatura masky vrstvy s bílou vrstvou, která nás informuje, že jsme masku vrstvy přidali. Všimněte si, že miniatura má kolem sebe tenký okraj zvýraznění. To nám říká, že je vybrána samotná maska vrstvy:
Ve vrstvě Kopie na pozadí se zobrazí miniatura masky vrstvy.
Krok 13: Vyplňte vrstvu masky kruhovým vzorem
Znovu přejděte do nabídky Úpravy v horní části obrazovky a vyberte Výplň . Tentokrát změňte možnost Použít z černé na Vzor :
Změňte možnost Použít na Vzor.
Kliknutím na miniaturu náhledu vlastního vzoru vyberte vzor, který chcete použít:
Klikněte na miniaturu vlastního vzoru.
Tím se otevře Výběr vzorků . Vyberte kruhový vzor, který jsme právě vytvořili, kliknutím na jeho miniaturu. Měla by to být poslední miniatura v seznamu. Pokud máte v nástroji Photoshop's Preferences povoleno Tipy nástrojů, název vzoru se zobrazí, když umístíte kurzor myši na miniaturu:
Klepnutím na miniaturu vzoru kruhu ji vyberte.
Jakmile vyberete vzorek, klikněte na OK a zavřete dialogové okno Výplň. Photoshop vyplní masku vrstvy kruhovým vzorem a náš obrázek je nyní tvořen vzorem barevných teček:
Obrázek po vyplnění masky vrstvy opakujícím se kruhovým vzorem.
Přiblížím snímek blíže k obrázku, abychom efekt viděli snáze. Každá tečka v obrázku je vyrobena z jedné plné barvy díky filtru Mosaic, který jsme použili dříve. Černá oblast obklopující kruhy je z vrstvy 1 pod obrázkem (kterou jsme v kroku 3 vyplnili černou barvou):
Bližší pohled na efekt.
Krok 14: Přidejte vrstvu úpravy odstínu / sytosti (volitelné)
Jako volitelný závěrečný krok můžeme efekt trochu vylepšit zvýšením sytosti barev v obrazu. Klikněte na ikonu Nová úprava vrstvy ve spodní části panelu Vrstvy:
Klikněte na ikonu Nová vrstva úprav.
Ze zobrazeného seznamu vyberte vrstvu pro úpravu odstínu / sytosti :
Ze seznamu vyrovnávacích vrstev vyberte Odstín / sytost.
Pokud používáte aplikaci Photoshop CS3 nebo starší, na obrazovce se otevře dialogové okno Odstín / sytost. Pro uživatele Photoshopu CS4 a CS5 se na panelu Úpravy zobrazí ovládací prvky vrstvy úprav Odstín / sytost. V obou případech zvyšte sytost barev v obrázku kliknutím na posuvník Sytost a přetažením směrem doprava. Čím dále táhnete doprava, tím budou barvy sytější. Zvýším saturaci na +20 :
Přetažením posuvníku Sytost směrem doprava zvýšíte sytost barev v obrazu.
V případě aplikace Photoshop CS3 a starších uživatelů klepnutím na OK zavřete dialogové okno Odstín / sytost. Uživatelé Photoshop CS4 a CS5 mohou ponechat panel Úpravy otevřený. A s tím jsme hotovi! Zde, po zvýšení sytosti barev, je můj konečný výsledek „fotografie na barevné tečky“:
Konečný výsledek.