Podcast o Digitálny Dizajn, Webové Technológie a Ekonómia

Kapitoly

Čo je to selekcia?

Zjemnenie a úprava výberu

Retušovanie ako od profíka

Kreatívne filtre

Pracovná plocha

Kľúčové nástroje

Dôležité panely

Ako to funguje

Platené vs. bezplatné domény

Nástroje na tvorbu

Čo je dopyt

Strana predajcov - ponuka

Hľadanie rovnováhy

Zhrnutie a záver

Přepis

Sofia: Adam, videl si niekedy na Instagrame fotku, ktorá je až príliš dokonalá? Žiadne chybičky krásy, perfektné pozadie, proste... až neskutočné?

Adam: Jasné, že videl. A stavím sa, že za 99 percentami takýchto fotiek stojí presne to, o čom sa dnes budeme baviť — Adobe Photoshop.

Sofia: Presne tak. Ten kúzelný nástroj, ktorý mení realitu. Počúvate Studyfi Podcast a dnes sa ponoríme do základov Photoshopu, ktoré potrebuješ vedieť na maturitu.

Sofia: Dobre, Adam, začnime úplne od základov. Všade sa hovorí o „selekcii“. Čo to vlastne je?

Adam: Predstav si to ako digitálne nožnice alebo skôr magickú bariéru. Selekcia je jednoducho vyznačená časť obrázka, s ktorou chceš pracovať. Vďaka nej môžeš zmeniť farbu len jedného objektu bez toho, aby si ovplyvnil zvyšok fotky.

Sofia: Takže ak chcem zmeniť farbu modrého auta na červenú, nemusím ho prekresľovať, ale stačí ho vybrať?

Adam: Presne tak! A na to máme rôzne nástroje. Tie základné sú geometrické, ako **Marquee Tool** na obdĺžniky a elipsy. Potom je tu **Lasso Tool** na tvary od ruky... trochu ako digitálny kovboj.

Sofia: A čo keď mám zložitý objekt, napríklad postavu?

Adam: Na to sú tu inteligentnejšie nástroje. **Quick Selection Tool** funguje ako magnet, ktorý sa chytá na podobné farby. A moderné verzie Photoshopu majú aj funkciu **Select Subject**, ktorá pomocou umelej inteligencie rozpozná a označí hlavný objekt za teba. Je to takmer ako mágia!

Sofia: Okej, takže objekt mám vybratý. Ale čo ak sú okraje príliš ostré a vyzerá to neprirodzene?

Adam: Výborná otázka. Na to slúži funkcia **Feather**, čiže zjemnenie okrajov. Vytvorí plynulý prechod, takže tvoja úprava dokonale splynie s okolím. Už žiadne „vystrihnuté“ postavy.

Sofia: A čo také vlasy alebo srsť zvierat? To musí byť nočná mora...

Adam: Bývala. Dnes na to máme okno **Select and Mask**. Ponúka pokročilé nástroje, ktorými vieš spresniť aj tie najjemnejšie detaily, ako sú práve vlasy. A ešte jeden super trik — **Invert Selection**. Jedným klikom obrátiš výber. Chceš zmeniť všetko okrem postavy? Žiaden problém.

Sofia: Poďme k ďalšej obľúbenej činnosti — retušovaniu. Ako sa zbaviť nedostatkov na fotkách?

Adam: Na to má Photoshop celú lekárničku. Najrýchlejší je **Spot Healing Brush**. Funguje ako inteligentná náplasť. Klikneš na vyrážku alebo smietku prachu a ona zmizne. Nástroj si sám domyslí, čo tam má byť.

Sofia: A ak je tá chyba väčšia?

Adam: Potom siahneš po **Patch Tool**. S ním označíš poškodenú oblasť a jednoducho ju „prekryješ“ časťou obrázka, ktorá je v poriadku. Je to skvelé na opravu oblečenia alebo väčších plôch.

Sofia: A počula som aj o klonovaní...

Adam: Áno, to je **Clone Stamp Tool**. To je taký manuálny kopírovací stroj. Ty mu povieš, ktorú časť obrázka má skopírovať, a potom s ňou „maľuješ“ inde. Vyžaduje to trochu cviku, ale je to extrémne silný nástroj na reštaurovanie starých fotiek.

Sofia: Posledná téma na dnes – filtre. To nie sú len tie vecičky na Instagrame, však?

Adam: Ani zďaleka! Filtre vo Photoshope sú mocné nástroje. Máme napríklad **Blur filtre**, ktoré obraz rozmažú. **Gaussian Blur** vytvára jemné rozostrenie, ideálne na simuláciu hĺbky ostrosti.

Sofia: A naopak, čo ak je fotka neostrá?

Adam: Na to sú tu **Sharpen filtre**, ktoré zvýraznia detaily a hrany. Ale pozor, netreba to s nimi preháňať, lebo fotka potom vyzerá veľmi umelo a presaturovane.

Sofia: A čo nejaké umelecké efekty?

Adam: Na to slúži **Filter Gallery**. Tam nájdeš desiatky filtrov, ktoré dokážu z fotky spraviť kresbu, maľbu alebo mozaiku. Je to skvelé miesto na experimentovanie. A potom sú tu ešte **Distort filtre**, ktoré obraz rôzne deformujú – môžeš ho vlniť, krútiť alebo nafúknuť ako balón.

Sofia: Znie to ako obrovské kreatívne ihrisko. Takže selekcie, retuš a filtre sú základné stavebné kamene práce vo Photoshope.

Adam: Presne tak. Keď zvládneš tieto tri veci, máš otvorené dvere k takmer neobmedzeným možnostiam úpravy obrázkov. A to je na dnes všetko.

Sofia: Dobre, takže to dáva zmysel. Ale poďme sa teraz pozrieť na niečo konkrétnejšie. Čo taký Adobe Animate? Keď ho prvýkrát otvorím, čo vlastne vidím? Pôsobí to dosť... rušne.

Adam: To je pravda, na prvý pohľad to môže vyzerať zložito. Ale je to vlastne veľmi logicky usporiadané. Je to ako kuchyňa – všetko má svoje miesto.

Sofia: Tak nás tým preved. Čo je ten najdôležitejší prvok, na ktorý sa mám sústrediť?

Adam: Úplne v strede máš takzvanú scénu, alebo 'Stage'. Je to tá veľká biela plocha. Predstav si to ako svoje plátno, kde sa odohráva celá animácia.

Sofia: A tá šedá plocha okolo scény?

Adam: Tam si môžeš pripraviť objekty, ktoré neskôr "vkročia" na scénu. Hore máš časovú os, 'Timeline', ktorá riadi, čo a kedy sa stane. Vľavo sú nástroje a vpravo panely s vlastnosťami a knižnicou.

Sofia: Dobre, poďme na tie nástroje. Ktoré sú také, čo budem používať prakticky neustále?

Adam: Určite 'Selection Tool' na výber a presúvanie objektov. Potom 'Free Transform Tool' na zmenu veľkosti a otáčanie. A samozrejme, 'Brush Tool', teda štetec, na kreslenie voľnou rukou.

Sofia: A čo ten nástroj pero, 'Pen Tool'? Vždy som s ním mala v iných programoch trochu problém.

Adam: Áno, ten je trochu ako neskrotný kôň. Chce to prax, ale je neprekonateľný na presné krivky. Potom tu máme ešte 'Text Tool', 'Line Tool' na čiary, alebo 'Paint Bucket' na vyplňovanie farbou.

Sofia: Spomínal si panely napravo. Vlastnosti a knižnica. Na čo presne slúžia?

Adam: Panel 'Properties' alebo vlastnosti je super dôležitý. Zobrazuje ti informácie o tom, čo máš práve vybraté. Klikneš na objekt a hneď vidíš jeho veľkosť, farbu, pozíciu...

Sofia: Chápem. Je to vlastne taký informačný panel ku všetkému. A knižnica?

Adam: 'Library' je ako tvoj osobný sklad. Všetko, čo vytvoríš a uložíš ako symbol – postavičku, tlačidlo, čokoľvek – nájdeš tam. Potom to môžeš použiť viackrát bez toho, aby si to musel kresliť znova.

Sofia: Takže zhrnuté: scéna je javisko, časová os je scenár, nástroje sú herci a panely sú réžia. Celkom to sedí.

Adam: Perfektná analógia! Presne tak. Je to vlastne také digitálne bábkové divadlo.

Sofia: Skvelé. Myslím, že teraz tomu rozumiem oveľa lepšie a už to nepôsobí tak strašidelne. A to nás pekne privádza k ďalšej téme...

Adam: Takže, keď už máme pripravený obsah, poďme sa pozrieť na to, ako z neho urobiť skutočnú webovú stránku, ktorú si môže pozrieť ktokoľvek na svete.

Sofia: Super! Vždy som si myslela, že je to nejaká mágia.

Adam: Nie je to mágia, ale je to celkom šikovný proces. Najprv autor napíše kód stránky v jazyku HTML.

Sofia: To je ten kód plný špicatých zátvoriek, však?

Adam: Presne ten. Tieto súbory potom nahrá na špeciálny počítač, ktorý je stále online – volá sa webový server.

Sofia: A ako sa tam ľudia dostanú? Nestačí len poznať názov stránky?

Adam: Skoro. Názov, teda doména, napríklad mojweb.sk, je vlastne len pekná adresa. Keď ju zadáš do prehliadača, systém DNS ju preloží na číselnú IP adresu servera. Je to ako telefónny zoznam internetu.

Sofia: Chápem! Takže DNS nájde správne „číslo“ a prehliadač potom zavolá na server a vypýta si tú stránku.

Adam: Presne tak! Server pošle súbory späť a tvoj prehliadač z toho kódu poskladá a zobrazí finálnu, peknú stránku.

Sofia: Dobre, a kde ten web býva? Spomínal si server. To si musím kúpiť vlastný?

Adam: To je jedna možnosť, ale je skôr pre expertov. Väčšina ľudí si jednoducho prenajme priestor u hostingovej firmy.

Sofia: Čo to stojí? Je to drahé?

Adam: Vôbec nie. Doména stojí asi 8 až 15 eur na rok a základný hosting, ktorý pre bežnú stránku úplne stačí, tak 2 až 10 eur mesačne. Je to profesionálne a máš plnú kontrolu.

Sofia: A čo tie možnosti zadarmo? Počula som o službách ako Webnode alebo Wix.

Adam: Áno, to je druhá možnosť. Stránku máš zadarmo, ale beží na ich subdoméne, napríklad tvoja-stranka.webnode.sk. Na učenie alebo hobby projekt je to fajn.

Sofia: Ale asi to nevyzerá veľmi profesionálne, že?

Adam: Asi tak, ako keby si prišla na pracovný pohovor v pyžame. Technicky si oblečená, ale... dojem to neurobí.

Sofia: Okej, rozumiem. A v čom sa ten HTML kód vlastne píše? Stačí obyčajný poznámkový blok?

Adam: Technicky áno, ale je to nepohodlné. Každý súbor musíš uložiť s koncovkou .html, aby ho prehliadač rozpoznal.

Sofia: A prečo potom existujú nástroje ako Dreamweaver?

Adam: Pretože ti extrémne uľahčia prácu. Profesionálne editory ako Dreamweaver alebo VS Code ti zvýrazňujú kód, automaticky ho dopĺňajú a kontrolujú chyby.

Sofia: Takže je menšia šanca, že niečo pokazím.

Adam: Presne. A Dreamweaver má aj funkciu WYSIWYG – „What You See Is What You Get“. To znamená, že rovno vidíš, ako bude stránka vyzerať, nemusíš si to len predstavovať.

Sofia: Super, takže teraz už vieme, ako stránka vzniká, kde je uložená a v čom sa tvorí. Čo je ale najdôležitejšie pri jej návrhu?

Adam: A presne tento mechanizmus nás privádza k nášmu poslednému bodu – k dvom najdôležitejším silám na akomkoľvek trhu.

Sofia: Mám pocit, že hovoríš o dopyte a ponuke, však?

Adam: Presne tak! Sú to základy ekonómie.

Sofia: Dobre, tak poďme na to. Čo presne je dopyt?

Adam: Dopyt je v podstate množstvo tovaru, ktoré sú ľudia ochotní kúpiť za určitú cenu. Predstav si nové tenisky. Ak stoja 50 eur, kúpi si ich veľa ľudí.

Sofia: Ale ak by stáli 300 eur, tak už oveľa menej. Rozumiem.

Adam: Presne. A táto závislosť sa znázorňuje klesajúcou krivkou dopytu. Čím vyššia cena, tým menšie požadované množstvo.

Sofia: Okej, to je pohľad kupujúceho. A čo druhá strana? Čo predajcovia?

Adam: Tí tvoria ponuku. To je množstvo tovaru, ktoré sú ochotní predať za určitú cenu. A ich krivka, naopak, stúpa.

Sofia: Takže čím je cena vyššia, tým viac tenisiek chcú predať?

Adam: Samozrejme! Vyššia cena znamená vyšší zisk. Nikto predsa nechce predávať so stratou.

Sofia: To dáva zmysel. Takže máme kupujúcich, ktorí chcú nízku cenu, a predajcov, ktorí chcú vysokú. Kde sa stretnú?

Adam: Stretnú sa v bode, ktorý voláme trhová rovnováha. Je to priesečník krivky dopytu a ponuky. Tam vzniká rovnovážna cena.

Sofia: Čiže cena, s ktorou sú všetci spokojní?

Adam: Presne tak. Ak je cena príliš vysoká, máme prebytok tovaru. Ak je príliš nízka, tovar sa vypredá a je ho nedostatok.

Sofia: Takže, aby sme to zhrnuli. Dopyt predstavuje ochotu kupovať a ponuka ochotu predávať. Ich vzájomným pôsobením vzniká rovnovážna cena, ktorá vyčistí trh.

Adam: Lepšie by som to nepovedal. A to je, milí poslucháči, základ fungovania celej ekonomiky v jednej krátkej lekcii.

Sofia: Ďakujeme, že ste s nami boli aj dnes. Veríme, že ste sa naučili niečo nové a užitočné. Počujeme sa opäť nabudúce!

Adam: Majte sa krásne!