V tomto tutoriálu se naučíte, jak vyplnit obrazec obrázkem ve Photoshopu! Jak uvidíte, Photoshop usnadňuje umístění fotografie do jakéhokoli tvaru, od základního obdélníku nebo kruhu po fantastický vlastní tvar. Pro tento tutoriál použijeme jeden z hotových vlastních tvarů Photoshopu. Ale jakmile se naučíte tyto kroky, můžete začít umisťovat obrázky do libovolného tvaru, který se vám líbí!
Zde bude vypadat, jak bude výsledný efekt „image in shape“ vypadat, když skončíme. Toto je samozřejmě pouze jeden příklad účinku. Ve Photoshopu si můžete vybrat z mnoha tvarů a můžete si dokonce vytvořit svůj vlastní. Jakmile se naučíte tyto kroky, není opravdu co omezovat, co můžete udělat:
Výsledný efekt „obraz ve tvaru“.
Začněme!
Jak vyplnit tvar pomocí fotografie
Používám Photoshop CC, ale vše, co budeme dělat, je také kompatibilní s Photoshopem CS6.
Krok 1: Vytvoření nového dokumentu
Začněme vytvořením nového dokumentu. Přejděte nahoru na nabídku Soubor na panelu nabídek v horní části obrazovky a zvolte Nový :
Přejít na soubor a nový.
Otevře se dialogové okno Nový dokument . Pokud používáte Photoshop CC, uvidíte nově přepracovanou verzi dialogového okna Nový dokument. Pokud používáte Photoshop CS6, uvidíte starší, tradiční verzi. Nejprve se podíváme na verzi Photoshop CC, pak se podíváme na verzi CS6.
Ve Photoshopu CC jsou možnosti vytvoření nového vlastního dokumentu nalezeny na panelu Podrobnosti předvolby na pravé straně dialogového okna. Pro tento tutoriál vytvořme dokument ve tvaru čtverce. Nastavte šířku a výšku na 2000 pixelů . Nastavíme rozlišení na 72 pixelů / palec a obsah pozadí na bílou . Klepnutím na Vytvořit vytvořte nový dokument:
Panel Předvolby podrobností v dialogovém okně Nový dokument ve Photoshopu CC.
Ve Photoshopu CS6 znovu nastavte šířku i výšku na 2000 pixelů, rozlišení na 72 pixelů / palec a obsah pozadí na bílou . Klepnutím na tlačítko OK vytvořte nový dokument:
Dialogové okno Nový v aplikaci Photoshop CS6.
Podívejte se na video a podělte se o své komentáře na našem kanálu YouTube!
Krok 2: Vyberte nástroj Custom Shape Tool
Jak jsem již zmínil dříve, pro tento efekt můžete použít jakýkoli tvar, od jednoduchého obdélníku nebo kruhu po vlastní tvar. Pro tento tutoriál použiji jeden z vestavěných vlastních tvarů Photoshopu.
Na panelu nástrojů vyberte nástroj vlastního tvaru . Ve výchozím nastavení je nástroj vlastního tvaru vnořen za nástroj obdélník. Klepněte pravým tlačítkem (Win) / s klávesou Ctrl (Mac) na nástroj Obdélník, pak z nabídky vyberte nástroj Vlastní tvar:
Výběr nástroje vlastního tvaru na panelu nástrojů.
Krok 3: Nastavte režim nástroje na „Tvar“
Ve Photoshopu můžeme nakreslit tři různé typy tvarů. Můžeme kreslit vektorové tvary, cesty nebo obrazce založené na pixelech . Za tímto účelem chceme nakreslit vektorové tvary, které nám umožní nakreslit tvar jakékoli velikosti, kterou potřebujeme, při zachování pěkných a ostrých hran.
Photoshop odkazuje na vektorové tvary jednoduše jako „tvary“. Je-li vybrán nástroj Vlastní tvar, ujistěte se, že je položka Režim nástrojů na panelu Možnosti nastavena na Tvar :
Nastavení režimu nástroje na "Tvar" na panelu Možnosti.
Krok 4: Nastavte barvu tvaru na černou
Abychom viděli náš tvar na bílém pozadí, nastavíme barvu výplně tvaru na černou . Vzorník výplně barev najdete na liště Možnosti (přímo vedle možnosti Režim nástroje).
Ve výchozím nastavení bude barva již černá. Pokud tomu tak není, stiskněte písmeno D na klávesnici. Tím se obnoví výchozí hodnoty barev popředí a pozadí, čímž se barva popředí (a výplně tvaru) změní na černou:
Barva výplně na panelu Možnosti. Ujistěte se, že je nastavena na černou.
Krok 5: Načtení vlastních tvarů
Photoshop obsahuje spoustu hotových vlastních tvarů, z nichž si můžeme vybrat. Ve výchozím nastavení je však do programu načteno pouze několik z nich. Abychom našli zbytek, musíme je načíst do sebe.
Miniatura Tvar na liště Možnosti zobrazuje aktuálně vybraný tvar. Kliknutím na miniaturu vyberete jiný tvar:
Kliknutím na miniaturu tvaru na panelu Možnosti.
Tím se otevře výběr vlastního tvaru s miniaturami všech tvarů, ze kterých si můžeme vybrat. Jak jsem již zmínil, ve výchozím nastavení se zobrazuje pouze několik tvarů. Nahrajme všechny tvary, abychom získali větší výběr.
Klikněte na ikonu nabídky ( ikona ozubeného kola) v pravém horním rohu nástroje pro výběr vlastního tvaru:
Klepnutím na ikonu nabídky Custom Shape Picker.
V dolní polovině zobrazené nabídky se zobrazí seznam všech vlastních tvarových sad, ze kterých si můžeme vybrat. Spíše než načtení každého zvlášť, abychom viděli, co dostaneme, pojďme je všechny načíst najednou. Chcete-li to provést, vyberte Vše v horní části seznamu:
Načtení všech vlastních tvarových sad do Photoshopu.
Photoshop se zeptá, zda chcete nahradit aktuální tvary novými tvary. Protože výchozí tvary jsou zahrnuty v různých sadách tvarů, nic neztratíme jejich nahrazením, takže klikněte na OK :
Kliknutím na OK nahradíte aktuální tvary novými.
Krok 6: Vyberte vlastní tvar
Zpět na výběr vlastního tvaru nyní máme na výběr mnohem více tvarů. Procházejte miniaturami, dokud nenajdete ten, který chcete použít. Tvar srdce (který je ve skutečnosti součástí výchozích tvarů) je oblíbenou volbou. Ale pro něco jiného si vyberu tvar motýla .
Chcete-li vybrat tvar, poklepejte na jeho miniaturu. Tím vyberete tvar a uzavřete výběr z vlastního výběru tvaru.
Výběr vlastního tvaru motýla.
Krok 7: Nakreslete tvar
Chcete-li nakreslit tvar, klikněte v levém horním rohu dokumentu a nastavte počáteční bod. Když je tlačítko myši stále stisknuté, stiskněte a podržte klávesu Shift na klávesnici a táhněte šikmo dolů směrem do pravého dolního rohu dokumentu. Podržením klávesy Shift při tažení uzamknete poměr stran tvaru, abyste nezkreslili jeho vzhled.
Když kreslíte tvar, uvidíte pouze cestu, jak bude vypadat tvar:
Klikněte vlevo nahoře, podržte klávesu Shift a přetáhněte ji vpravo dole.
Chcete-li tvar dokončit, uvolněte tlačítko myši a poté uvolněte klávesu Shift. Nejprve uvolněte tlačítko myši, poté se může změnit klávesa Shift nebo poměr stran tvaru. Photoshop nakreslí tvar a vyplní jej černou:
Photoshop nakreslí tvar, když uvolníte tlačítko myši.
Když se podíváme na panel Vrstvy, uvidíme tvar, který sedí na vlastní vrstvě Shape nad bílou vrstvou pozadí:
Panel Vrstvy zobrazující vrstvu Tvar nad vrstvou pozadí.
Krok 8: Přesuňte tvar do středu
Chcete-li obrazec přesunout do středu dokumentu, vyberte z panelu nástrojů nástroj Photoshop's Move Tool :
Výběr nástroje pro přesun.
Poté klikněte na tvar a přetáhněte jej do středu. Jakmile se přiblížíte ke středu, mělo by zapadnout na místo:
Přemístění tvaru na místo.
Krok 9: Otevřete svůj obrázek
Otevřete obrázek, který chcete umístit do tvaru. Tady je ten, který používám (dívka s motýlkem z Adobe Stock). Váš obrázek se otevře v samostatném dokumentu se záložkami:
Obrázek, který umístím do tvaru. Fotografický kredit: Adobe Stock.
Krok 10: Vyberte a zkopírujte obrázek
Zkopírujte obrázek a vložte jej do dokumentu tvaru. V horní části obrazovky přejděte na nabídku Vybrat a vyberte možnost Vše . Kolem obrázku se zobrazí obrys výběru.
Přejít na Vybrat> Vše.
S vybraným obrázkem přejděte do nabídky Úpravy a zvolte Kopírovat :
Přejděte na Úpravy> Kopírovat.
Krok 11: Vložte obrázek do dokumentu tvaru
Přepněte zpět na dokument tvaru kliknutím na jeho kartě těsně pod lištou Možnosti. Pokud jste dokument při jeho vytvoření nepojmenovali (což jsme neudělali), pravděpodobně se jmenuje „Untitled-1“:
Klepnutím na kartu dokumentu tvaru.
Poté se vraťte zpět do nabídky Úpravy a tentokrát zvolte Vložit :
Přejděte na Úpravy> Vložit.
Photoshop vloží obrázek do dokumentu. V současné době obrázek zcela blokuje tvar z pohledu. Také můj obrázek je příliš velký, aby se vešel úplně do dokumentu tvaru. Oba tyto problémy vyřešíme v několika následujících krocích:
Obrázek byl vložen do dokumentu tvaru.
Krok 12: Vytvořte ořezovou masku
Podíváme-li se znovu na panel Vrstvy, zjistíme, že Photoshop umístil obrázek do nové vrstvy nad vrstvu Tvar:
Panel Vrstvy zobrazující obrázek nad tvarem.
Abychom umístili obrázek do tvaru, musíme pouze vytvořit ořezovou masku. Ujistěte se, že je vybrána vrstva obrázku („Vrstva 1“). Poté přejděte nahoru do nabídky Vrstva v horní části obrazovky a vyberte Vytvořit ořezovou masku :
Přejít na vrstvu> Vytvořit ořezovou masku.
Tím „se ořízne“ obrázek na „vrstvě 1“ do vrstvy tvaru pod ním, což znamená, že jedinou částí obrazu, která zůstává v dokumentu viditelná, je oblast, která sedí přímo nad (nebo před) tvarem. Zbytek obrázku je nyní skrytý, což vytváří iluzi, že obraz je skutečně uvnitř tvaru:
Ořezová maska umístí obrázek do tvaru.
A pokud se podíváme znovu na panel Vrstvy, vidíme, že „Vrstva 1“ je odsazena doprava, s malou šipkou směřující dolů na vrstvu Shape pod ní. Takto nám Photoshop dá vědět, že obrázek je nyní oříznut do tvaru:
Panel Vrstvy zobrazující obrázek oříznutý do vrstvy Tvar.
Krok 13: Změna velikosti a přemístění obrázku pomocí bezplatné transformace
Chcete-li změnit velikost a přemístit obrázek uvnitř tvaru, znovu se ujistěte, že jste vybrali "Vrstva 1". Poté přejděte do nabídky Úpravy a zvolte Volná transformace :
Přejděte na Úpravy> Volná transformace.
Tím umístíte rámeček Free Transform a zpracovává (malé čtverečky) kolem skutečných rozměrů vašeho obrázku, včetně oblasti mimo viditelné plátno. Pokud nevidíte všechny vaše úchyty Free Transform, protože váš obrázek je příliš velký, aby se vešel na celou obrazovku, přejděte do nabídky Zobrazit a zvolte Přizpůsobit na obrazovce :
Přejít na zobrazení> Přizpůsobit na obrazovce.
Photoshop automaticky upraví úroveň přiblížení tak, aby bylo vidět celé pole Free Transform. Zde vidíme, jak se moje krabice Free Transform rozšiřuje napravo od plátna:
Okolo celého obrázku se zobrazí rámeček Free Transform.
Chcete-li změnit velikost obrázku uvnitř tvaru, stiskněte a podržte klávesu Shift a přetáhněte kteroukoli z rohových úchytů . Podržením klávesy Shift při tažení se při změně velikosti uzamkne původní poměr stran.
Chcete-li obrázek přesunout do tvaru, klikněte kdekoli uvnitř pole Transformace zdarma a přetáhněte obrázek na místo.
Táhnu táhlo za rukojeť v pravém horním rohu směrem dovnitř a také jsem posunul obrázek tak, aby lépe odpovídal dívčí tváři ve tvaru motýlího křídla:
Pomocí transformace zdarma změňte velikost a přesuňte obrázek uvnitř tvaru.
Až budete připraveni, stiskněte klávesu Enter (Win) / Return (Mac) na klávesnici a proveďte změnu a zavřete příkaz Free Transform:
Obraz nyní lépe zapadá do tvaru.
Krok 14: Změňte barvu pozadí
V tomto bodě je hotový hlavní efekt „image in shape“! Samozřejmě vždy můžeme udělat více pro přizpůsobení a vylepšování vzhledu. Jedna věc, kterou můžeme udělat, je změnit barvu pozadí.
Nejjednodušší způsob, jak změnit barvu pozadí, je pomocí jedné z výplňových vrstev Photoshopu Solid Color. Budeme potřebovat vrstvu výplně Jednobarevné, aby se objevila mezi vrstvou pozadí a vrstvou Shape, takže ji nejprve vyberte kliknutím na vrstvu Pozadí v panelu Vrstvy:
Výběr vrstvy pozadí.
Poté klikněte na ikonu Nová výplň nebo úprava vrstvy ve spodní části panelu Vrstvy:
Klepnutím na ikonu Nová výplň nebo vrstva úprav.
V horní části seznamu vyberte možnost Jednobarevné :
Přidání vrstvy výplně plné barvy.
Photoshop vyskočí na výběr barvy, kde si můžeme vybrat novou barvu. Černá je oblíbenou volbou barvy pozadí pro tento efekt, takže se podívejme, jak to vypadá:
Výběr černé z nástroje Color Picker.
Černá určitě přináší detaily tvaru, ale jako barva pozadí pro motýla si nejsem jistá, zda to funguje:
Výsledek po změně barvy pozadí na černou.
Mohl jsem si vybrat jinou barvu než samotný výběr barvy. Nebo bych mohl vzorkovat barvu přímo z obrázku uvnitř tvaru, což často funguje lépe.
Chcete-li to provést, přesuňte kurzor myši na barvu, kterou chcete vzorkovat. Kurzor se dočasně přepne na ikonu nástroje kapátko a dá vám vědět, že je připraven na vzorek barvy. Rád udržuji jemné barvy pozadí, takže místo abych si vybral zelenou ze stromů nebo červenou z květů, vyberu si z dívčího čela lehký tón pleti kliknutím na něj a vyzkouším to:
Vzorkování barvy pro pozadí.
Jakmile kliknu, vzorkovaná barva se stane novou barvou pozadí. Líbí se mi tato nová barva lépe, takže kliknutím na tlačítko OK zavřete výběr barvy:
Vzorkovaná barva je nyní barvou pozadí.
Podíváme-li se na panel Vrstvy, uvidíme naši vrstvu výplně Solid Color s názvem „Color Fill 1“, která leží mezi vrstvou pozadí a vrstvou Shape, přesně tam, kde jsme ji potřebovali:
Panel Vrstvy ukazující novou vrstvu výplně Jednobarevné.
Krok 15: Přidejte tah
Nakonec dokončíme efekt přidáním tahu kolem tvaru. Klepnutím na vrstvu Tvar na panelu Vrstvy ji vyberte:
Výběr vrstvy tvaru.
Poté klikněte na ikonu Styly vrstev (ikona „ fx “) ve spodní části panelu Vrstvy:
Klepnutím na ikonu Styly vrstev.
Vyberte tah ze seznamu:
Výběr stylu vrstvy tahu.
Tím se otevře dialogové okno Styl vrstvy Photoshopu nastavené na možnosti Zdvih ve středním sloupci. Chcete-li změnit barvu tahu, klikněte na vzorek barvy :
Klepnutím na vzorek barvy.
Tím se znovu otevře výběr barvy. Pro svou barvu tahu vyberu bílou a poté klepnutím na tlačítko OK uzavřete výběr barvy:
Výběr bílé z nástroje Color Picker.
Zpět v dialogovém okně Styl vrstvy nastavím polohu tahu na Vnější, aby se objevil kolem vnějšího tvaru. Poté zvýším hodnotu Velikost a upravím tloušťku tahu. U tohoto obrázku si myslím, že velikost přibližně 12 px funguje dobře:
Nastavení pozice na vnější a velikost na 12 px.
Klepnutím na OK zavřete dialogové okno Styl vrstvy. A s tím jsme hotovi! Zde, po změně barvy pozadí a přidání tahu kolem motýla, je můj konečný efekt „image in shape“:
Konečný výsledek.
A tady to máme! Takto lze snadno umístit obrázek do tvaru pomocí ořezových masek ve Photoshopu! Podívejte se na naši sekci Photo Effects, kde najdete další tutoriály s efekty Photoshopu! A nezapomeňte, že všechny naše výukové programy Photoshopu jsou nyní k dispozici ve formátu PDF připravených k tisku!