IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

7. diel - Základy Adobe Photoshop - Práca s textom

V predchádzajúcom cvičení, Riešené úlohy k 5. - 6. lekciu Adobe Photoshop, sme si precvičili získané skúsenosti z predchádzajúcich lekcií.

V minulej lekcii, Riešené úlohy k 5. - 6. lekciu Adobe Photoshop , sme sa naučili využívať masky a kanály. Následne sme pomocou nich vyrezali komplexné postavu z fotografie a vložili ju na iné pozadie. V dnešnom Adobe Photoshop tutoriálu sa zameriame na písmo a prácu s textom. Vysvetlíme si ako do aplikácie jednoducho pridať ďalšie písma a nahliadneme na vlastnosti textu. Jednotlivé nástroje pre prácu s textom si vyskúšame na praktických príkladoch.

O písme

V Adobe Photoshopu sa text skladá z matematicky definovaných tvarov, ktoré predstavujú písmená, číslice a symboly daného písma. Písma sú dostupné v rôznych formátoch. Medzi formáty, ktoré Adobe Photoshop podporuje, patrí OpenType, Type 1, TrueType, Multiple Master, OpenType SVG a všetky písma zo služby Adobe Fonts (tú si predstavíme na konci lekcie).

Vytvorenie textu

Text môžeme vytvoriť niekoľkými spôsobmi:

  • v bode,
  • vnútri odseku
  • a pozdĺž alebo vnútri cesty.

K vytvoreniu použijeme vždy nástroj Horizontálny text Základy Adobe Photoshop
alebo nástroj Zvislý text Základy Adobe Photoshop
. Na jednotlivé možnosti sa teraz pozrieme.

Textové vrstvy

Pri vytváraní textu sa súčasne do panelu Vrstvy pridá nová textová vrstva. Vďaka tejto vrstve môžeme text ľubovoľne upravovať a aplikovať naň príkazy. Pokiaľ ale na text budeme chcieť aplikovať napríklad efekty filtrov, budeme musieť vrstvu najskôr rastrový. Vtedy na danú vrstvu klikneme ľavým tlačidlom myši a zvolíme Rastrovat text. Týmto Adobe Photoshop prevedie vektorové obrysy textu na obrazové body. Z textovej vrstvy sa vytvorí bežná vrstva a my tak prídeme o možnosť upravovať text.

Bodový text

Ide o vodorovný alebo zvislý riadok textu, ktorý začína v mieste, kde klikneme do obrazu. Každý riadok je samostatný, pri úprave textu sa riadok skracuje alebo predlžuje, ale text sa nikdy nezalomí na ďalší riadok. Bodový text sa využíva pre pridanie niekoľkých slov do obrazu:

Bodový text v Adobe Photoshop - Základy Adobe Photoshop

Odstavcový text

U odstavcového texte sa riadky zalamujú tak, aby sa text prispôsobil ohraničovacímu rámčeka. Odstavcový text sa využíva v prípade, keď chceme vytvoriť jeden alebo viac odsekov, napríklad v reklamnom plagátu. V nasledujúcej ukážke si odstavcový text vytvoríme. Zvolíme si nástroj Horizontálny text Základy Adobe Photoshop
a ťahaním vytvoríme rámček. Aby sme nemuseli žiadny obsah vymýšľať, naplníme ho zástupným textom. To vykonáme kliknutím na Text> Vložiť Lorem Ipsum:

Odstavcový text v Adobe Photoshop - Základy Adobe Photoshop

Text na ceste

Text na ceste obteká pozdĺž okraja otvorené alebo zatvorené cesty v smere, v ktorom boli pridávané jednotlivé body cesty. Cestu môžeme vytvoriť pomocou nástroja Pero alebo Tvar. V nasledujúcej ukážke si pomocou nástroja Elipsa Základy Adobe Photoshop
vytvoríme kružnicu, následne si zvolíme nástroj Horizontálny text Základy Adobe Photoshop
a klikneme na cestu. Tým napíšeme text okolo obrázka mesiace. Ten si môžete stiahnuť nižšie (Fotografie: MHY):

fotografie mesiaca - Základy Adobe Photoshop

Po zapísaní požadovaného textu môžeme cestu skryť alebo odstrániť, ak už text nebudeme chcieť ďalej upravovať. Celý postup je znázornený na nasledujúcej animáciu:

Text na ceste v Adobe Photoshop - Základy Adobe Photoshop

Výber v tvare texte

Pre vytvorenie výberu v tvare texte použijeme nástroj Horizontálna maska alebo Vertikálna textová maska. So vzniknutým výberom sa pracuje ako s akýmkoľvek iným výberom:

Výber v tvare texte v Adobe Photoshop - Základy Adobe Photoshop

Úpravy textu

Vytvoriť text už vieme a to hneď niekoľkými rôznymi spôsobmi. Teraz sa zameriame na jeho úpravy.

Prevádzanie medzi bodovým a odstavcovými textom

Kliknutím na menu Text> Konvertovať na bodový text alebo Text> Konvertovať na odstavcový text môžeme veľmi jednoducho prevádzať medzi týmito dvoma typmi textu.

Zmena orientácie textu

Orientácie textu určuje smer riadkov vzhľadom k oknu dokumentu. Smer môžeme zmeniť kliknutím na tlačidlo Základy Adobe Photoshop
, Ktoré sa nachádza v pruhu volieb.

Panel znaky

Základné formátovanie znakov môžeme vykonať už v pruhu volieb, ktorý sa nám zobrazia po zvolení nástroje Horizontálny či Zvislý text. V tomto pruhu možno nastaviť:

  • Orientáciu textu,
  • písmo,
  • rez písma,
  • veľkosť písma,
  • vyhladenie,
  • zarovnanie,
  • farbu
  • a pokrivenie.

Nás bude ale teraz zaujímať panel Znaky, ktorý nám umožňuje rozsiahlejšie úpravy textu.

Ak panel Znaky na pracovnej ploche nemáme, zobrazíme ho kliknutím na Okná> Znaky.

Väčšinu volieb, ktoré tento panel obsahuje, pravdepodobne poznáte napríklad z prostredia Microsoft Word. Pre istotu si ale panel rozdelíme a veľmi stručne popíšeme čo obsahuje.

Panel znaky v Adobe Photoshop - Základy Adobe Photoshop

Na paneli vidíme:

  • Písmo (zelená)
  • Rez písma (modrá)
  • Veľkosť písma (červená)
  • Preklady (žltá)
  • Vyrovnanie párov (fialová)
  • Prostrkání (sivá)
  • Zvislé a vodorovné mierka (tmavo zelená)
  • Posun vodiacej čiary (oranžová)

Ďalej sa na paneli nachádzajú tlačidlá ako tučne, kurzíva, prečiarknuté, kapitálky, veľké písmená a podobne.

Panel odstavec

Ďalším z dôležitých panelov je práve panel Bod, ktorý, ako už z názvu vypovedá, slúži na úpravu odstavcového textu.

Ak panel Odsek na pracovnej ploche nemáte, zobrazíte ho kliknutím na Okná> Bod.

Panel Bod v Adobe Photoshop - Základy Adobe Photoshop

Tu vidíme:

  • Zarovnanie (zelená)
  • Ľavé a pravé odsadenie (modrá)
  • Ľavé odsadenie od prvého riadku (žltá)
  • Medzera pred a za odsekom (červená)

Vyhladenie textu

Po aplikovaní vyhladenie na text dôjde k čiastočnému vyplnenie obrazových bodov na okrajoch. Vyhladenie textu aplikujeme kliknutím na tlačidlo Základy Adobe Photoshop
, Ktoré sa nachádza v pruhu volieb. Alebo kliknutím na Text> Vyhladzovanie a zvolením jednej z volieb podmenu.

Voľby podponuky sú:

  • Žiadny - Nehodí žiadne vyhladenie
  • Najostrejšie - Text sa zobrazí najostrejší
  • Ostré - Text sa zobrazí trochu ostrý
  • Tvrdé - Text sa zobrazí plnšie
  • Hladké - Text sa zobrazí hladšia

Pokrivenie textu

Jedným z textových efektov, ktorý môžeme vytvoriť, je pokrivenie. Text možno pokriviť do tvaru oblúka, vlny, vlajky a podobne. Pokrivenie vytvoríme kliknutím na tlačidlo Základy Adobe Photoshop
, Ktoré sa nachádza v pruhu volieb textového nástroja. Alebo kliknutím na Text> pokriviť text. Následne si z dialógového okna Pokřivit text vyberieme štýl pokrivenie, nastavíme prehnutie a vodorovnou či zvislú deformácii.

Pokrivenie textu v Adobe Photoshop - Základy Adobe Photoshop

Vytvorenie orezové masky

V nasledujúcej ukážke pomocou orezové masky vyplníme text nami zvoleným obrazom. Začneme tým, že si otvoríme súbor obsahujúci fotografii nižšie (Fotografie: Alexas_Fotos):

fotografie - Základy Adobe Photoshop

Následne si zvolíme nástroj Horizontálny text Základy Adobe Photoshop
a napíšeme požadovaný text. Vykonáme jednoduché úpravy ako je napríklad zmena veľkosti písma a text umiestnime. Teraz na paneli Vrstvy pretiahneme vrstvu s textom pod vrstvu s fotografiou. Klikneme na Vrstva> Vytvoriť orezovú masku alebo na vrstvu s fotografiou klikneme pravým tlačidlom myši a vyberieme možnosť Vytvoriť orezovú masku:

Orezové maska v Adobe Photoshop - Základy Adobe Photoshop

Adobe Fonts

Adobe Fonts, skôr Typekit, je jedna zo služieb, ktorú zahŕňa predplatné Creative Cloud. Služba ponúka tisíce rôznych písiem, ktoré stačí jednoducho aktivovať kliknutím na Základy Adobe Photoshop
a používať v jednotlivých aplikáciách od Adobe.

Porovnanie písma

Nové verzie Adobe Photoshopu obsahujú funkciu Srovnat písmo. Táto funkcia pomocou inteligentnej analýzy obrazu a strojového učenia spozná o aké písmo sa jedná. Porovná ho s písmom ktoré sú dostupné v službe Adobe Fonts a ponúkne nám podobná písma. Poďme si to vyskúšať.

Príklad

Otvoríme si obrázok, ktorý bude obsahovať nejaké písmo. Môžete použiť obrázok nižšie:

Ukážkový obrázok s písmom - Základy Adobe Photoshop

Aby sme mohli vykonať kontrolu, použijeme obrázok s vopred známym písmom. Následne klikneme v hornom menu na Text> Porovnať písma a polia pre výber upravíme tak, aby obsahovalo iba jeden riadok textu a bolo zarovnané s ľavým a pravým okrajom textu. Počas niekoľkých sekúnd by sme mali dostať zoznam písiem, ktoré sa najviac podobajú nami vybranému vzoru.

Rozpoznanie použitého písma v Adobe Photoshop - Základy Adobe Photoshop

Pre zabezpečenie maximálnej presnosti vyberáme vždy iba jeden rez a štýl písma.

To je pre dnešné lekciu všetko. V budúcej lekcii, Riešené úlohy k 7. lekcii Adobe Photoshop , sa budeme venovať úprave fotografie. Pozrieme sa napríklad na retušovanie, inteligentné vypĺňanie a nahrádzanie farieb.

V nasledujúcom cvičení, Riešené úlohy k 7. lekcii Adobe Photoshop, si precvičíme nadobudnuté skúsenosti z predchádzajúcich lekcií.


 

Predchádzajúci článok
Riešené úlohy k 5. - 6. lekciu Adobe Photoshop
Všetky články v sekcii
Základy Adobe Photoshop
Preskočiť článok
(neodporúčame)
Riešené úlohy k 7. lekcii Adobe Photoshop
Článok pre vás napísal Daniel Zábojník
Avatar
Užívateľské hodnotenie:
Ešte nikto nehodnotil, buď prvý!
Autor se věnuje vývoji (a příležitostně navrhování) výjimečných desktopových a mobilních aplikací, grafickému zpracování a všemu co k tomu patří.
Aktivity