Sleduje nás 16004 lidíRSS
Facebook ikonka

Základy v Photoshopu CS3 - Text v Photoshopu

Napsal: lefiath22.6.2008 Základy v Photoshopu CS3 - Text v Photoshopu - ilustr. obr. Líbí se vám článek? Podpořte nás!

Vše důležité, co byste měli umět při používání textového nástroje se dozvíte zde.

Obtížnost: Není určena -

Psáno pro verzi programu: Není určena


Photoshop nabízí zhýralému člověku dnešní doby všemožné libůstky, a písmo není vyjímkou. Tohle není Word, kde si můžete akorát tak měnit barvu anebo font, zde můžete dělat daleko víc. Nástroj text vybíráme klávesou T, nebo z menu jako na obrázku níže.

Projdeme si nyní ovládací panel k nástroji.

Panel písma

Pro zvětšení klikněte na obrázek

Jako první volbu máme ikonku pro změnu orientace textu. Náš text poté nebude bukvice, ale z vodorovného se přepne na svislý. Pro aplikaci musíte mít označenou textovou vrstvu, pro kterou chcete změnu použít.

Dále následuje kolonka pro výběr písma. Jak nahrávat nové fonty si ukážeme v dalších článcích, zde se hodí upozornit na to, že Photoshop ukazuje, jakého druhu písmo je (ikonka před ním), což vás ale jako začátečníky zajímat nemusí, alespoň prozatím. Stejně tak máte možnost vidět ukázkový text, bohužel jsem doteď nezjistil, jestli jde změnit (například ve Wordu jde), takže buď zde máme příklad neschopnosti Adobe udělat rozumnou navigaci, ta možnost tam někde je a já ji nemohu najít, nebo můžete obvinit Adobe z lajdáctví, protože zde ta funkce vůbec není. Pokud zde je a někdo znalý o tom ví, dejte mi prosím vědět. Zkoumal jsem to a ptal se mnoha lidí, ale nikdo mi kladně neodpověděl.

Druhá kolonka je pro určení typu písma, zda jej chcete tučné, šikmé, nebo normální. Záleží samozřejmě na tom, jestli jsou tyto možnosti u písma k dispozici, u základních jako je Arial, Tahoma nebo Georgia je to samozřejmostí a téměř u všech komerčních fontů dnes také.

Další ikonkou nastavujete velikost písma. Můžete kliknout na ikonku vlevo od kolonky a se stisknutým levým tlačítkem táhnout vlevo nebo vpravo a tím nastavovat velikost. Může to být užitečné pokud nastavujete větší velikost a chcete rychle za sebou vyzkoušet několik různých velikostí.

Pak zde máme vyhlazování písma. Žádné vyhlazování doporučuji používat u velmi malých písem, anebo pokud děláte návrh na webové stránky, protože prohlížeč (vyjma IE 7 odpadu) vám písmo jen tak nevyhladí. Ostatní vyhlazování se efektem zas tak neliší, u menších písem se může hodit víc nejostřejší, ale já obecně používám hladké a nestěžuji si. Další tři ikony jsou na zarovnání, pouze tři základní, ačkoliv Photoshop jich umí daleko víc, k čemuž se dostaneme. Násldující ikonkou je nastavován barvy písma. Další ikonka je na vytvoření pokřiveného textu, což je v podstatě libovolná transformace textu, který ale stále zůstává upravovatelný. Podíváme se na to zblízka.


Vždy když budete chtít text pokřivit, musíte si vybrat z nějakého stylu. Vodorovně a svisle ovlivňuje směr pokřivení, zda shora, nebo ze strany. Ohledně třech posuvníků s hodnotami, Prohnutí určuje jako moc se text pokřiví podle daného stylu, a vodorovná a svislá deformace jak moc se text zkosí na tu či onu stranu.

Některé z předpřipravených efektů jsou pěkné, ale já bych spíš uvítal i volnou možnost manipulovat s písmem. Sice se můžete pokusit o libovolnou transformaci, kde budete mít na výběr poslední možnost pokřivit, ale je to to samé.

Vlastně ne tak úplně, pokud se pro toto rozhodnete, tak vám nevyskočí znovu stejná nabídka, ale máte možnost deformaci text upravovat v hodním panelu, kam se přesunou volby pokřivení. Kdo ví, proč je tomu tak – rozdíl uvidíte v tom, že při deformaci se vám ukazují pomocné linky u textu a místo přepínačů vodorovně/svisle je zde nová ikonka, která má ale stejný účel.

Toto zobrazení je také pohodlnější z toho důvodu, že můžete text uchopit v místě bodu pokřivení a libovolně celým textem posouvat v rámci pokřivení, jako na obrázku výše.

Poslední ikonka slouží pro vyvolání pokročilejších nastavení písma, okna Znaky & Odstavec. Jelikož je tato volba využívaná tak často, Adobe přidalo právě z tohoto důvodu ikonku do panelu, abyste nemuseli hledat v menu. Využijeme toho a otevřeme si okno.

Projdeme si dodatečné položky. Kromě výběru písma a voleb tučné/šikmé můžete všechny hodnoty posouvat kliknutím na ikonky před nimi – kliknete a táhnete. Budeme postupovat zleva doprava. Jako první máme velikost, nic nového, vpravo je ovšem kolonka pro určení velikosti řádků. Máte možnost ponechat automatiku, což je, pokud se nepletu, vždy 1,5 řádku dle velikosti písma, anebo si nastavit vlastní hodnotu. Dále zde máme vyrovnání mezi dvěma znaky, kde se přiznám, že nevím, jak jej použít. Možná jsou na to třeba zvláštní fonty, nevím. Vedle toho je nastavování mezer mezi jednotlivými písmeny. Menší demonstrace níže.

Další dva řádky určují výšku a šířku daného fontu, což se často hodí, pokud máte vhodné písmo, ale je příliš tenké/tučné. Proto není problém ho tímto jednoduše v rámci možností upravit. Další ikonka slouží k nastavování výšky písmen. Můžete díky tomu nastavit text třeba tak, že polovina písmen bude o 50 pixelů víše než ostatní. Můžete vložit i záporné hodnoty a znaky snížit. Zde další ukázka.

A teď tu máme sérii ikonek. První dvě slouží k dodatečnému přidání tučného či zkoseného písma. Není to jen nějaké usnadnění, tyto efekty sice mají podobný efekt, ale není to stejné, jako když v nabídce písmu nastavíte tloušťku. Tyto možnosti zde jsou proto, že ne všechna písma povolují nastavit tučnou nebo zkosenou variantu, takže Photoshop vám dovolí to takto obejít. Pokud ale máte možnost si vybrat normálně, doporučuji to, protože tohle je dodatečná možnost, která ale není tak dobrá, protože jde o funkci programu a ne součást fontu. Na obrázku níže máte srovnání.

Další ikonka je pro verzálky a kapitálky – což znamená, že všechna písmena budou velká. Rozdíl mezi verzálkami a kapitálkami je v tom, že verzálky používají velká písmena bez rozdílů velikosti, ale kapitálky zachovávají velikost (jako když je na začátku věty větší písmeno), ovšem používají velká písmena. Můžete zkusit sami, ale doporučuji spíš verzálky, kapitálky vypadají divně. Třetí dvojice ikon je pro horní a dolní index. Což je vlastně zmenšení písma a jeho odsazení nahoru či dolů. Pokud si vzpomenete třeba na nějakou rovnici ze školy, no, můžete použít třeba e=mc2. U dvojky se používá horní index, který momentálně v html nemůžu najít, takže si ho ukážeme na obrázku :)

Poslední sada je podtržení a přeškrtnutí, k čemuž není třeba dodávat nic, snad až na upozornění, že podtržení umístí linku podezřele nízko pod text, a podle všeho to nejde měnit, takže jej obvykle nepoužívám a raději linku sám nakreslím. Na konci je kromě vyhlazování volba jazyka pro kontrolu pravopisu, což vzhledem k hororovým zkušenostem z wordu doporučuji nechat na pokoji a nezajímat se o to. Znaky jsme probrali, takže můžeme přejít k odstavci.

Vlevo máte klasické ikony zarovnání a vpravo pokročilejší blokové zarovnání. Bloková zarovnání se mezi sebou liší pouze ukončením poslední řádky, jinak Photoshop upravuje mezery mezi slovy tak, aby byl text vyrovnaný, jako sloupky v novinách. Další ikonky slouží k odsazení. Jdou za sebou takto – odsazení zlevo, zprava, prvního řádku a poté jsou zde dvě ikonky, které přidávají mezery k odstavcům. První dává mezeru před odstavec a druhá za. Zapnuté dělení slov rozdělí ta slova, která na konci řádku přesahují.

Ale ještě nekončíme, okna znaky a odstavec mají ještě pokročilá nastavení v nenápadném menu (další hloupost Adobe, na první pohled vůbec není poznat, že jde o nějaké tlačítko a vypadá to jako dekorace), takže se na ně pojďme podívat.

Menu u znaků neobsahuje prakticky nic nového či užitečného, maximálně volba systémové nastavení dělá viditelné změny a to v tom, že pokud nemáte vyhlazené písmo, také vám „odvyhladí“ písmo v Photoshopu. Nebojte se, že by to bylo napořád, je to pouze načtení nastavení, které používá systém. Jde ale pouze o vyhlazení, takže je to vcelku zbytečné. Dalších položek si nemusíte všímat, jde o nepodstatené věci. Snad bude menu u odstavce zajímavější.

Zde se vše týká odsazení a zajímavé pro nás může být zarovnání, kde můžete podrobně nastavovat míru mezer mezi znaky či slovy.

Dělení slov se může také hodit, nabízí stejně podrobné možnosti, jak si nastavit rozdělování slov na konci řádku. Ale stejně jde o věci, které většina z vás nevyužije :)

Tím jsme probrali vše, co se váže k peru. Na závěr přidám pár ukázek, například můžete skvěle kombinovat text s perem (více v článku pokročilá manipulace s perem, který ale není určen pro začátečníky).

Stejně tak na písmo můžete aplikovat všemožné styly, aby vhodně zapadlo do většího celku.

Takže například až budete dělat svůj první podpis, nebojte se písma a zkoušejte. Dejte mu prostor a neodbývejte ho. Vyplatí se to.

Sekce: Začátky

Zobrazeno: 40512x

avatar_autora

Hodnocení článku: 3.23/5Hodnoceno: 275xCelkově: 889

Ohodnotit článek: Tisknout článek Převod do PDF

O autorovi: lefiath

Komentáře ( celkem 32 komentářů )

Neregistrovaní uživatelé nemohou psát komentáře

32 sh0ter

11. Březen 2010 | 18:40
Skupina:
Nezařazení členové

Ludia pls pomoc pridla som si pisma do zlozky pisma vo win a odtedy mi nejde tvorit a pisat text vobec v CS3 pisma som uz z databazi win vymazal ale vobec to nejde smajl prosim vas co mam robit ? vypisuje mi to Pozadavek nelze dokoncit pretoze nieco zabranilo inicializaci textoveho modulu smajl


31 Iron Hidenavatar

1. Únor 2010 | 10:44
Skupina:
Nezařazení členové

@zeus: Máš lite verziu...tj. orezanu a nejde tam všetko čo ma...viem to lebo som ju mal tiež smajl


30 Mazwor

4. Srpen 2009 | 03:00
Skupina:
Nezařazení členové

Ahoj, tenhle článek už je sice starší (možná jsi na to do té doby přišel), ale zjistil jsem na co je funkce Vyrovnání mezi dvěma znaky, o které jsi psal, že nevíš, k čemu slouží. Jde o to, že na místě, kde se nechází kurzor textu, se udělá mezera mezi písmeny o velikosti, kterou si nastavíme. Dá se toho využít při různých velikostech mezer mezi slovy smajl. Snad jsem trošku pomohl a je to opravdu, tak jak říkám, protože jsem začátečník a z článku jsem se mnohé naučil. Za to děkuji smajl.


29 Stormlord

3. Srpen 2009 | 17:55
Skupina:
Nezařazení členové

ZDar lidi prosím byl by někdo tak ochotný dal mi svyho skypa nebo icq potřebuju poradit ohledně PS pač jsem nováček a z těch návodu to tak trochu nechápu smajl nemužu za to smajl pls napište někdo na mail lord199@seznam.cz díky moc čekám na někoho ochotného.


28 lefiathavatar

19. Duben 2009 | 12:29
Skupina:
Padrino

@Kikenzi: Rád bych ti pomohl, ale netuším, co to vlastně děláš. Buď to upřesni, nebo začni od prvního dílu seriálu. A nauč se psát, nejde to číst!


27 Kikenzi

19. Duben 2009 | 10:41
Skupina:
Nezařazení členové

mnel bych jednu otázku proč kdyš chcem vložid písmo do obrázku tak my vyskočí tabulka a nejde to ?dik za odpovied


26 Lothaire

1. Duben 2009 | 21:35
Skupina:
Nezařazení členové

Super !!! 5/5 smajl


25 Halda

23. Únor 2009 | 15:35
Skupina:
Nezařazení členové

Text nevyhlazuje pouze IE, ale i Safari smajl


24 marosh1avatar

10. Leden 2009 | 00:03
Skupina:
Nezařazení členové

mňa by zaujímalo ako sa robí odraz písma, ale taký nie úplny aby bola tá dolná polovica zneviditeľnená.... vie mi prosím niekto poradiť ?


23 bustrik

27. Prosinec 2008 | 19:48
Skupina:
Nezařazení členové

Paráda 5/5...smajl


22 veverinho

12. Říjen 2008 | 21:30
Skupina:
Nezařazení členové

mě by spíš zajímalo jak udělal to písmo tady: http://www.tutorials.cz/img/add/tutorial/lefiath/08/26_25.jpg

jinak samozrejme 5/5 smajl


21 lefiathavatar

10. Září 2008 | 23:42
Skupina:
Padrino

Dělá se to za použití vnější záře - viz díl o stylech vrstev.


20 MeXeL

10. Září 2008 | 20:43
Skupina:
Nezařazení členové

no jen me fascinuje to svetlo kolem to holky porad to skousim a nic smajl chci to taky umet smajl


19 MeXeL

10. Září 2008 | 20:42
Skupina:
Nezařazení členové

strasne me to bavi ... ale tak musim se este hodne ucit smajl


18 2AROavatar

13. Srpen 2008 | 22:02
Skupina:
Nezařazení členové

Díky moc. Hned sem si otevřel svoji začátečnickou signaturu a poladil písmo. A musim říct že to fakt vypadá líp než předtím. smajl


17 lefiathavatar

12. Červenec 2008 | 20:08
Skupina:
Padrino

A ty lepší věci teprve přijdou.


16 breberushavatar

12. Červenec 2008 | 15:33
Skupina:
Nezařazení členové

Mno, zacina me to bavit... smajl


15 bengoavatar

28. Červen 2008 | 04:16
Skupina:
Nezařazení členové

pry a zatim zadara, haha smajl smajl lol dobre


14 lefiathavatar

27. Červen 2008 | 15:00
Skupina:
Padrino

Jsou to základy...


13 kuchvaavatar

27. Červen 2008 | 09:54
Skupina:
Nezařazení členové

eště tam mohlo byt třeba jak udělat grunge text smajl Ovšem už tohle se cení smajl


12 bengoavatar

23. Červen 2008 | 23:43
Skupina:
Nezařazení členové

tu chybu mi to delalo taky, kamosovi tez .. to nevim cim .. je sem to asi reinstaloval nebo tak nejak


11 Evanavatar

23. Červen 2008 | 13:09
Skupina:
Nezařazení členové

no tam jsem hledal, ale když jich je tam 281, tak se člověk přehlídne a ztratí pozornost a spíš stáhne sedmdesát jinejch a pak úplně zapomene, co hledal...xD


10 lefiathavatar

23. Červen 2008 | 00:02
Skupina:
Padrino

Aha ty myslíš ten druhý. Momentálně nevím, najdi si na dafont sekci handwritten, tam budou samé podobné fonty.


9 lefiathavatar

23. Červen 2008 | 00:00
Skupina:
Padrino

Barbed Ink - najdeš na dafont.com


8 Evanavatar

22. Červen 2008 | 21:19
Skupina:
Nezařazení členové

mimochodem, jak se jmenuje ten font, jakej máš tady v tutorálu, když ukazuješ jak to zkřivit... (myslím že snad třetí obrázek s nápisem Ahoj tutorials)... xD


7 Evanavatar

22. Červen 2008 | 20:48
Skupina:
Nezařazení členové

Sem čím dál víc vzdělanejší, díky tomuhle... fakt super... sice jsem už pár věcí věděl, ale stejnak se najde vždy něco, co mi bude trvat týden to pochopit...XD btw: oots 4 ever!!smajl


6 lefiathavatar

22. Červen 2008 | 19:48
Skupina:
Padrino

@Zeus: Máš originál? Řekl bych že ne.


5 rhintinavatar

22. Červen 2008 | 17:13
Skupina:
Nezařazení členové

parádní tutoriálek je tam vše.


4 Zeus

22. Červen 2008 | 15:20
Skupina:
Nezařazení členové

Mám dotaz, s photoshopem začínám a nevim si s timdle rady. Když chci přidat text tak to hodí chybku : Požadavek nelze dokončit, protože něco zabránilo inicializaci textového modulu. Nevíte co s tím?smajlsmajl


3 Rou

22. Červen 2008 | 10:01
Skupina:
Nezařazení členové

pěknej tutoriál 5/5smajl


2 darkdragonavatar

22. Červen 2008 | 08:01
Skupina:
Nezařazení členové

Hezký...


1 ToToavatar

22. Červen 2008 | 07:44
Skupina:
M.A.R.S. - Mladí A Radikální Sigaři

super ! 5/5


Nahoru

davepb, Golfy, H4rddisk Jesus, lefiath, LukasZ Walker Maximal, Spoonee, Ythren, zino

Stránky tutorials.cz jsou unikátní sbírkou sepsaných návodů, které jsou tu jen pro vás! Jestli nás chcete žalovat, jsme tu také jen pro vás!

Za design je zodpovědný neznámý autor, který jej svolil vytvořit poté, co byl lefiathův návrh schválen, ale spadl mu do kanálu.

tutorials.cz 2008 - Všechna práva vyhrazena. Grafiku a kód vytvořil InDesign (www.indesign.name)