Photoshop tutorial: Textové efekty - Grafika.cz - vše o počítačové grafice

6. června 2006, 00.00 | Na žádost několika lidí jsem se rozhodl napsat tutoriál na nějaké textové efekty. Ukážeme si dnes, jak docílit decentního písma, výstražného sdělení a obrázku v textu.

Na žádost několika lidí jsem se rozhodl napsat tutoriál na nějaké textové efekty. Ukážeme si dnes, jak docílit decentního písma, výstražného sdělení a obrázku v textu.

Decentní písmo

Jistě jste se již setkali s nějakou prací, která měla uhlazený design a potřebovali jste do ní vložit nějaké ne moc křiklavé ale přesto nápadné písmo. Právě pro tuto volbu jsem připravil takové Decentní písmo.

Začneme spuštěním Photoshopu a otevření dokumentu. Velikost plátna nechám na každém podle potřeby, já jsem zvolil rozměry 400 x 100 pixelů s rozlišením 75. Otevřeme si tedy nový dokument Soubor --> Nový

Pokud máme průhlednou plochu, vybarvíme ji bíle. Tuto vrstvu s bílou barvou použijeme pouze jako pozadí, tudíž si ihned vytvořte novou vrstvu Ctrl + N. Nástrojem Text si napíšeme na novou vrstvu nějaký text. Text pro hezčí úpravu uděláme dvoubarevný.

Nyní nám zbývá posledních pár kroků ke konečné úpravě textu. Z menu Vrstva --> Styl vrstvy --> Volby prolnutí... nebo dvouklikem na vrstvu s textem se přesuneme do nastavení Volby prolnutí vrstvy. Zaškrtneme volbu Vržený stín a nastavíme hodnotu Vzdálenost na 3 px.

Dostaneme tím prvého jednoduchého efektu.

Dále se přesuneme do položky Překrytí přechodem. Zaškrtneme tuto volbu a nastavíme Krytí podle úvahy (v příkladu 20%) a Velikost přechodu také (v příkladu 30%).

Tímto jsme písmo trochu zatemnili, aby nebylo tolik výrazné.

Poslední úpravou bude přidání Vytažení. Zaškrtněte tuto volbu a zadejte Velikost vytažení 2px. Ještě změňte barvu vytažení na bílou a písmo máme hotové.

Tímto jsme dosáhli posledního efektu a text je hotov.

Výstraha

Dalším z užitečných prvků v efektech písma je výstražné sdělení. Když se takové sdělení pěkně graficky upraví, může se použít i jako velmi dobrý a líbivý grafický doplněk.

Opět si otevřete nový dokument tentokrát ovšem s většími rozměry. Zvolil jsem 400 x 300 px s rozlišením 75.

Opakujeme postup jako při prvním efektu. Vyplníme si první vrstvu bílou barvou a poté si vytvoříme novou prázdnou vrstvu. Vezmeme nástroj Text a napíšeme si nějaký text. Je vhodné zvolit spíše tučnější font.

Máme napsaný text a nyní si okolo uděláme rámeček, který ho zviditelní. Vezmeme si nástroj Zaoblený obdélník a okolo písma uděláme obdélník. Obdélník se automaticky udělá do nové vrstvy tvaru. Klikněte na ni pravým tlačítkem myši a zvolte Rastrovat vrstvu. Nyní z obdélníku uděláme rámeček. Držte klávesu Ctrl a klikněte na vrstvu s obdélníkem. Přejděte do menu Výběr --> Změnit --> Zúžit a zadejte 5px. Stiskněte klávesu del a zůstane vám rámeček okolo textu.

Nyní přijde nejtěžší část tohoto efektu. Musíme použít jiný obrázek, abychom dostali efekt, který chceme. Já jsem použil tento. Otevřete si obrázek a přejděte do menu Obraz --> Přizpůsobení --> Práh.... Pomocí tohoto nástroje dostaneme z obrázku nejtmavší části, a tak posouváme ukazatelem dokud si nebudeme jisti, že se nám to bude hodit. Mně se hodí nastavení prahu na 40.

Nyní potřebujeme odstranit bílé plochy mezi černými místy. Vezmeme tedy nástroj Kouzelná hůlka , nastavíme toleranci na 30 a klikneme na nějaké bílé místo. Nástroj nám vybere veškeré bílé plochy na obrázku a stiskem klávesy del tyto plochy odstraníme. Klikneme na vrstvu s obrázkem pravým tlačítkem myši a zvolíme Duplikovat vrstvu. Ve formuláři, jenž se nám otevře, máme dole na výběr dokument. My zvolíme náš dokument s textem.Přemístili jsme vše do jednoho souboru a můžeme dokončit naši práci.

Vrstvu s černými plochami si posuneme, jak uznáme za vhodné. Držíme klávesu ctrl a klikneme na vrstvu s černými plochami, čímž plochy vybereme. Nyní klikneme na vrstvu s rámečkem a zmačkneme klávesu del. To samé provedeme s vrstvou s písmem. Klikneme zpět na vrstvu s černými plochami a dole v okně vrstvy klikneme na popelnici, čímž vrstvu odstraníme. Nyní máme obrázek hotový. Stačí vrstvy s rámečkem a textem svázat a pomocí libovolné transformace Ctrl + T si natočíme náš varovný nápis.

Obrázek v textu

Nakonec si ukážeme velmi používanou metodu se zobrazením obrázku v textu.

Vytvoříme nový dokument přičemž opakujeme stejný postup jako při předchozích dvou příkladech. Pro tento příklad jsem zvolil rozměry 400 x 200 px s rozlišením 75.

Opět si uděláme podkladovou vrstvu, tentokráte jsem zvolil černou barvu. Ovšem volba barev je jen a jen na vás. Nástrojem Text si napíšete libovolný text. Text by měl tématicky ladit s obrázkem, který použijete později a měl by se použít tučnější font.

Nyní si zvolíme tématicky stejný obrázek a otevřeme si ho. Jako v předchozím příkladu ho zduplikujeme do dokumentu s textem. V příkladu jsem použil tento obrázek. Posledním krokem k vložení obrázku do textu je kliknout na vrstvu s obrázkem a přejít do menu Vrstva --> vytvořit ořezovou masku. Obrázek se vám ořízne podle vrstvy pod ním, takže podle textu. Tím jste docílili vložení obrázku do textu.

Tato metoda má obrovskou výhodu v tom, že obrázkem i když je oříznutý podle textu můžete libovolně pohybovat. To znamená, že si můžete do textu takto nastavit jakýkoli kousek obrázku.

Dnes jsme si tedy ukázali tyto tři druhy efektu. Pokud se setkám s kladnými ohlasy, můžeme s efekty textu i dále pokračovat.