Photoshop tutoriál jak vytvořit zakřivený text

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image42-1.jpg?fit=740%2C298&ssl=1

Retro loga nebo insignie jsou populární a hodně z nich mívá v sobě nějaký text zakřivený do kruhu. Většina lidí k tomu použije nástroj „Pokřivit text“, ale to využívá nehezké deformace textu. V tomto photoshop tutoriálu se podíváme na to, proč tento nástroj text zbytečně deformuje a jak lze vytvořit zakřivený text bez deformování písmen.

Proč má zakřivený text deformovaná písmena

Podívejte se na tyto dva odznaky níže. Ten nalevo byl vytvořen pomocí nástroje „Pokřivit text“, zatímco ten druhý pomocí zakřivené cesty. Na první pohled vypadají stejně, ale když se podíváte blíže, tak na levém znaku jsou písmena deformována (Horní půlka písmen je zvětšená oproti té spodní)

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image17-1.jpg?resize=740%2C410

Tady je další příklad pouze textu, na kterém to je vidět ještě lépe

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image18.png?resize=740%2C410

Nepoužívejte nástroj „Pokřivit text“

Hlavně k tomu nikdy nepoužívejte nástroj pokřivení textu. Můžete ho sice najít v nastavení, je to dokonce i rychlé a jednoduché, ale výsledek působí amatérsky. Tenhle nástroj by měl sloužit jenom k například vyboulení, zvednutí nebo naopak stlačení textu.

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image19.png?resize=249%2C54

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image22.png?resize=740%2C539

Jak napsat text po zakřivené lince

Správný způsob je vytvořit vektorovou cestu a pak na ní přidat text, ukážeme si jak na to.

Krok 1

Nejprve vyberte nástroj Elipsa z nabídky. Můžete si udělat tvar, jaký se vám bude líbit, nebo použít nástroj Pero (P) a nakreslit linku, na kterou text napíšete. Pro náš obrázek bude Elipsa vhodnější volbou

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image24.png?resize=234%2C163

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image26-1.jpg?resize=740%2C740

Krok 2

V nastavení pod hlavním photoshop menu klikněte na rozbalovací nabídku a vyberte „Cesta“

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image27.png?resize=394%2C120

Nakreslete si linku. Pokud chcete vytvořit dokonalý kruh, stačí během toho držet shift. (Nebo čtverec/mnohoúhelník pokud používáte jiný tvar)

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image28-1.jpg?resize=740%2C741

K posunutí linky přepněte na „nástroj pro výběr cesty“

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image29.png?resize=216%2C66

https://i0.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image30-1.jpg?resize=620%2C614

Krok 3

Dále se přepněte do nástroje T a klikněte kamkoliv na linku. Když na ní najedete kurzorem, měl by se vám ukázat textový kurzor se zakřivenou linkou přes něj

https://i0.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image32.png?resize=139%2C157

Napište svůj text, pokud ho chcete mít zarovnaný na střed, nezapomeňte si to nastavit.

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image33.png?resize=83%2C36

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image34-1.jpg?resize=419%2C350

Krok 4

Máme text, ale stále není zarovnaný. Nejprve si na lince potřebujeme určit počáteční a koncový bod. Najdeme tam dva body, přepneme se opět do nástroje pro výběr cesty a přetáhneme bod. U kurzoru by se vám měly objevit dvě šipky. Při přesouvání můžete opět držet SHIFT, pokud chcete, aby text byl přesně na středu.

https://i0.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image35.png?resize=216%2C66

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image36.png?resize=96%2C81

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image39-1.jpg?resize=575%2C235

Krok 5

Vypadá to, že naše linka je příliš velká a text tak není v logu vycentrovaný. Abychom to spravili, můžeme změnit velikost linky pomocí Transformace cesty. Zmáčkněte CTRL+T nebo v nabídce Úpravy vyberte -> Libovolná transformace cesty. Držte zároveň SHIFT a ALT, chytněte jeden roh a táhněte směrem do středu ke zmenšení elipsy. Klávesy SHIFT a ALT držíme, aby se transformace provedla od středu a linka zůstala nezměněná ve svém poměru. Poté zmáčkněte ENTER k provedení změn

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image40-1.jpg?resize=706%2C744

Text je nyní přesně ve středu

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image42-1.jpg?resize=740%2C298

Další možnosti úpravy textu

Zde je dalších pár možností, jak kreativně upravit text podél křivky.

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/img_5359b8862cf93.png?w=1170

Převrátit text

Když máte aktivní funkci nástroj pro výběr cesty, jednoduše přesuňte bod směrem ke středu a text se vám převrátí.

https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/img_5359b8c457d62.png?w=1170

Změna orientace textu

Vyberte nástroj text a klikněte na https://i1.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/img_5359b8b14dd3e.png?w=1170 tlačítko pro změnu orientace

Konečný výsledek

https://i2.wp.com/www.photoshoptutorials.ws/wp-content/uploads/2014/04/image46-1.jpg?resize=740%2C740