V tomto tutoriálu se naučíme, jak umístit obrázek do textu pomocí Photoshopu, což je velmi populární efekt, který se vytvoří a který se také stane velmi snadno díky síle ořezových masek Photoshopu, jak se chystáme vidět!
Tato verze tutoriálu je určena pro Photoshop CS5 a starší. Pokud používáte Photoshop CC nebo CS6, podívejte se na plně revidovanou a aktualizovanou verzi tohoto tutoriálu. Tady je účinek, který hledáme:
Výsledný efekt „image in text“.
Začněme!
Jak vložit obrázek do textu
Krok 1: Otevřete fotografii a vložte ji do textu
Nejprve potřebujeme obrázek, který umístíme do našeho textu. Použiju tuto panoramatickou fotografii Havaje:
Výhled na oceán z Havaje.
Podívejte se na video tutoriál na našem kanálu YouTube!
Krok 2: Duplikujte vrstvu pozadí
Když se podíváme do palety Vrstvy, můžeme vidět, že v současné době máme jednu vrstvu s názvem Pozadí . Tato vrstva obsahuje náš obrázek. Tuto vrstvu musíme duplikovat a nejjednodušší je to pomocí klávesové zkratky Ctrl + J (Win) / Command + J (Mac). Podíváme-li se znovu na paletu Vrstvy, vidíme, že nyní máme dvě vrstvy. Původní vrstva pozadí je na spodní straně a nad ní leží kopie vrstvy pozadí, kterou Photoshop automaticky pojmenoval „Vrstva 1“:
Paleta Vrstvy Photoshopu.
Krok 3: Přidejte novou prázdnou vrstvu mezi dvě vrstvy
Dále musíme přidat novou prázdnou vrstvu mezi vrstvu pozadí a "vrstvu 1". Aktuálně je „Vrstva 1“ vrstva vybraná v paletě Vrstvy. Můžeme říct, která vrstva je vybrána, protože vybraná vrstva je vždy zvýrazněna modrou barvou. Normálně, když přidáme novou vrstvu, umístí Photoshop novou vrstvu přímo nad kteroukoli aktuálně vybranou vrstvu, což znamená, že Photoshop umístí vrstvu nad „vrstvu 1“. To není to, co chceme. Chceme, aby nová vrstva byla umístěna pod „vrstvu 1“. Zde je užitečný trik. Chcete-li přidat novou vrstvu pod aktuálně vybranou vrstvu, podržte klávesu Ctrl (Win) / Command (Mac) a klikněte na ikonu Nová vrstva ve spodní části palety Vrstvy. Podržení Ctrl (Win) / Command (Mac) je trik k umístění vrstvy pod aktuálně vybranou vrstvu:
Podržte "Ctrl" (Win) / "Command" (Mac) a klikněte na ikonu Nová vrstva v paletě Vrstvy.
Nyní máme novou prázdnou vrstvu s názvem „Vrstva 2“, která sedí přímo mezi vrstvou pozadí a „Vrstva 1“:
Paleta Vrstvy ukazující novou prázdnou vrstvu mezi vrstvou pozadí a "Vrstvou 1".
Krok 4: Vyplňte novou vrstvu bílou
V tuto chvíli je naše nová vrstva zcela prázdná. Naplňte ji bílou, takže se po vložení obrázku do textu objeví jako bílé pozadí. V horní části obrazovky přejděte do nabídky Úpravy a vyberte Výplň . Zobrazí se dialogové okno Výplň aplikace Photoshop. Vyberte možnost Bílá pro možnost Obsah v horní části dialogového okna a kliknutím na tlačítko OK ukončete dialogové okno:
Vyberte možnost Bílá pro možnost Obsah v horní části dialogového okna příkazu Vyplnit.
Zdá se, že se v okně dokumentu nic nestalo, protože obraz na „vrstvě 1“ blokuje zobrazení „vrstvy 2“, ale pokud se podíváme na miniaturu náhledu vrstvy pro „vrstvu 2“ v paletě Vrstvy, můžeme vidět že je vrstva dostatečně plná, bílá vrstva:
Náhled miniatury vrstvy 2 ukazuje, že vrstva je nyní vyplněna bílou barvou.
Krok 5: V paletě Vrstvy vyberte „Vrstva 1“
Je čas přidat náš text, ale abychom ho mohli vidět, když ho přidáme, musíme si nechat text zobrazit nad „vrstvou 1“, jinak obrázek na „vrstvě 1“ text zabrání zobrazení. Chcete-li se ujistit, že vidíme náš text, vyberte jej v paletě Vrstvy na "Vrstva 1". Jakmile začneme psát, Photoshop pro nás vytvoří novou typovou vrstvu a umístí typovou vrstvu přímo nad „vrstvu 1“:
Klikněte na "Vrstva 1" v paletě Vrstvy a vyberte ji.
Krok 6: Vyberte Nástroj pro psaní
K přidání textu budeme potřebovat Photoshop's Type Tool, takže z palety Tools vyberte Type Type. Nástroj pro psaní typu můžete také rychle vybrat stisknutím písmene T na klávesnici:
Vyberte nástroj pro psaní.
Krok 7: Vyberte písmo na panelu voleb
Je-li vybrán Nástroj pro psaní, přejděte na panel Možnosti v horní části obrazovky a vyberte které písmo, které chcete pro efekt použít. Obecně fungují písma se silnými písmeny nejlépe. Jdu si vybrat Arial Black. Prozatím se nemusíte starat o velikost písma:
Vyberte písmo na panelu Možnosti.
Krok 8: Nastavte bílou jako barvu popředí
Tento krok není nezbytně nutný, ale k tomu, abych viděl můj text, použiji pro barvu textu bílou . Barva, kterou si vyberete pro svůj text, na tom opravdu nezáleží, protože za okamžik vyplníme text obrázkem, ale stále nám pomáhá vidět text, když jej přidáváme. Chcete-li nastavit barvu textu na bílou, musíme pouze nastavit barvu popředí Photoshopu na bílou. Nejprve stiskněte na klávesnici písmeno D, které vynuluje barvy popředí a pozadí na výchozí hodnoty. Černá je výchozí barva pro barvu popředí a bílá je výchozí barva pro barvu pozadí. Chcete-li je zaměnit tak, aby se bílá stala barvou popředí, stiskněte písmeno X na klávesnici. Pokud se podíváte na políčka barvy popředí a pozadí v dolní části palety nástrojů, uvidíte, že bílá je nyní barva popředí (levá políčka):
Nastavení barvy popředí na bílou nastaví také barvu textu na bílou.
Krok 9: Přidejte svůj text
Když je vybrán Nástroj pro psaní typu, vybrané písmo a bílé jako barva popředí, klepněte do okna dokumentu a přidejte text. Protože na Havaji používám fotografii oceánské scény, napíšu slovo HAWAII:
Klikněte do dokumentu a přidejte text.
Po dokončení klepnutím na zaškrtávací políčko na panelu Možnosti text přijměte.
Klepnutím na zaškrtávací políčko na panelu Možnosti přijměte text.
Krok 10: Změna velikosti a přemístění textu pomocí příkazu Free Transform
V tomto bodě budete pravděpodobně muset změnit velikost a polohu svého textu. Obě tyto věci můžeme udělat pomocí příkazu Free Transform ve Photoshopu. Stisknutím kláves Ctrl + T (Win) / Command + T (Mac) na klávesnici vyvolejte pole Free Transform a úchyty kolem textu a přetažením kterékoli z úchytů upravte velikost textu. Pokud chcete změnit velikost textu, aniž byste zkreslili jeho vzhled, podržte klávesu Shift a přetáhněte některou ze čtyř rohových úchytů. Můžete také změnit velikost textu z jeho středu přidržením klávesy Alt (Win) / Option (Mac) při tažení. A konečně, pokud chcete přesunout text, klepněte kamkoli uvnitř pole Free Transform a tažením myši přesuňte text uvnitř okna dokumentu:
Chcete-li změnit velikost a přesunout text, použijte příkaz Free Transform Free Free Transform.
Po dokončení stiskněte Enter (Win) / Return (Mac), abyste přijali transformaci a ukončili příkaz Free Transform.
Krok 11: Přetáhněte textovou vrstvu pod „vrstvu 1“
Nyní, když máme náš text tak, jak chceme, musíme přesunout vrstvu typu pod text v paletě Vrstvy. Klikněte na textovou vrstvu a poté ji jednoduše přetáhněte dolů pod „vrstvu 1“. Mezi vrstvami 1 a 2 se objeví tlustá černá čára:
Přetáhněte vrstvu typu pod "Vrstva 1".
Jakmile se objeví černá čára, uvolněte tlačítko myši a umístěte typovou vrstvu na místo mezi „Layer 1“ a „Layer 2“:
Typová vrstva se nyní objeví mezi „Layer 1“ a „Layer 2“.
Krok 12: Znovu vyberte "Vrstva 1"
Opětovným kliknutím na "Vrstva 1" v paletě Vrstvy ji vyberte:
Typová vrstva se nyní objeví mezi „Layer 1“ a „Layer 2“.
Text nyní dočasně zmizí v okně dokumentu, když jej blokuje pohled na vrstvě 1.
Krok 13: Vytvořte ořezovou masku
Abychom vytvořili iluzi, že je fotografie uvnitř textu, musíme použít ořezovou masku . Tím se „ořízne“ fotka na „vrstvě 1“ do textu na vrstvě přímo pod ní. Všechny oblasti fotografie, které se objeví přímo nad písmeny, zůstanou v dokumentu viditelné. Zbytek fotografie zmizí z pohledu.
Pokud je v paletě Vrstvy vybrána vrstva 1, přejděte v horní části obrazovky do nabídky Vrstva a vyberte Vytvořit ořezovou masku :
Přejděte na Vrstva> Vytvořit ořezovou masku.
Podíváme-li se do okna dokumentu, můžeme vidět, že fotografie se nyní zdá být uvnitř textu:
Fotografie se nyní objeví uvnitř písmen.
Krok 14: Přidat vržený stín (volitelné)
Abych dokončil svůj účinek, přidám k dopisům vržený stín. Pokud chcete postupovat dál, vyberte nejprve paletu Vrstvy a poté klikněte na ikonu Styly vrstev v dolní části palety Vrstvy:
Vyberte vrstvu typu a klikněte na ikonu Styly vrstev.
Ze seznamu zobrazených stylů vrstev vyberte Vržený stín :
Vyberte styl vrstvy Stín.
Tím se otevře dialogové okno Styl vrstvy Photoshopu nastavené na možnosti Vržený stín ve středním sloupci. Většinu možností nechám na pokoji, ale snížím krytí stínového stínu dolů na asi 60%, takže to není tak intenzivní, a nastavím úhel stínového stínu na 120 ° :
Dialogové okno Styl vrstvy zobrazující možnosti pro Vržený stín.
Až budete hotovi, klikněte na OK, abyste použili stínový stín a výstup z dialogového okna Styl vrstvy. Zde je můj konečný efekt „image in text“:
Výsledný efekt „image in text“.
Další tutoriál: Jak umístit obrázek do více textových vrstev najednou!
Umístění obrázku do textu - rychlé shrnutí
V tomto tutoriálu jsme toho hodně pokryli. Zde je stručné shrnutí kroků, kdy je potřebujete:
- Ve Photoshopu otevřete svou fotku a pak stiskněte Ctrl + J (Win) / Command + J (Mac) pro zkopírování vrstvy pozadí.
- Stiskněte a podržte Ctrl (Win) / Command (Mac) a na panelu Vrstvy klepněte na ikonu Nová vrstva a přidejte novou prázdnou vrstvu mezi dvě stávající vrstvy.
- Na panelu nabídek přejděte do nabídky Úpravy a vyberte Výplň . V dialogovém okně Výplň nastavte Použít na bílou . Klikněte na OK.
- Na panelu Vrstvy vyberte horní vrstvu (Vrstva 1), aby byla aktivní.
- Vyberte nástroj pro psaní a poté na panelu Možnosti vyberte možnosti písma.
- Nastavte barvu popředí na bílou, poté klikněte do dokumentu a přidejte text.
- Stisknutím kláves Ctrl + T (Win) / Command + T (Mac) vyberte Free Transform, poté změňte velikost a podle potřeby změňte umístění textu. Stisknutím klávesy Enter (Win) / Return (Mac) ukončete program Free Transform.
- Na panelu Vrstvy přetáhněte vrstvu typu pod fotografii na vrstvě 1.
- Vyberte vrstvu 1, aby byla aktivní, potom přejděte na nabídku Vrstva na panelu nabídek a zvolte Vytvořit ořezovou masku .
- Chcete-li do textu přidat vržený stín, klepněte na panelu Vrstvy na ikonu „ fx “, vyberte Vržený stín a podle potřeby nastavte úhel a krytí .
A tady to máme! Takto snadno umístíte obrázek do textu pomocí Photoshopu! Navštivte naše sekce textových efektů nebo fotografických efektů, kde najdete další tutoriály s efekty Photoshopu!