Kurz umělé inteligence. Co se za 50 hodin naučíte.

Dobrý den, jsme Edukační a poradenské centrum PECKA a zaměřujeme se na vzdělávání digitální gramotnosti a umělé inteligence. Co v našich kurzech můžete všechno zažít? Můžete se dozvědět, co umělá inteligence je, jak s ní pracovat, jak si nastavit různé automatizace, agenty, popřípadě i asistenty. Jak to u nás vypadá? Pojďte se na to kouknout se mnou.

Vítáme vás na dalším dnu kurzu umělé inteligence a digitální gramotnosti. Dnešním hlavním tématem bude propagace a tvorba propagačního materiálu. Ještě než na to vlítneme, tak si jenom zopákneme to, co jsme řešili minulou hodinu, respektive minulou lekci, a to byli chatboti. Tak, říkali jsme si, co chatbot je, jak funguje, jak ho nastavit, co všechno tam můžeme a nemůžeme dávat, a tak dále, a tak dále. Dále jsme si ukazovali, jak takového chatbota vytvořit. Ukazovali jsme si, jak tam nahrát soubor, a v poslední řadě jsme si ukazovali, jak toho chatbota potom nasadit na naše webové stránky.

Tak, takže to jsme dělali minule. Pojďme k našemu hlavnímu tématu, a to je právě ta propagace a vytváření propagačního materiálu.

Ukážeme si to z několika perspektiv. Začneme úplně tou nejjednodušší, a to je vytváření letáčku. Jdeme na stránky chatgpt.com a do promptovacího okénka napíšeme jednoduše: vytvořit mi letáček na den otevřených dveří knihovny v Ústí nad Labem. Tak, napíšu to jenom takhle jednoduše. Ještě mu tam teda dopíšu, kdy to je. Takže datum je 23. 9. od 15 do 20 hodin. A dám vytvořit. Tak, sami můžete vidět, že už mi umělá inteligence v ChatGPT pracuje.

Já, abychom dlouho nečekali, tak respektive, abychom si zkrátili tu dobu čekání, než mi to ChatGPT vytvoří, tak zkusíme úplně totožný prompt dát konkurenční firmě, a to je Gemini. Takže otevřeme si stránky Gemini, takže gemini.google.com, a vložíme stejný prompt. A necháme tvořit. Tak, uvidíme, jestli nám Gemini hned bude vytvářet obrázek, protože někdy se stává, že Gemini vytvoří potom jenom PDF. Tak, vidíte sami, že se mě Gemini ještě na něco doptává, respektive shrnuje ty informace, ze kterých potom bude tvořit ten letáček. Takže my se jenom můžeme takhle kouknout. Tady vidíte, že tady je vlastně doplňující otázka, na co se můžete těšit.

Já mu jenom nechám, aby to teda vytvořil. A nechám tvořit. Tak, mezitím se můžeme kouknout, jak na tom je ChatGPT. Sami vidíte, že ChatGPT stále tvoří a už nám dokonce i něco vytvořil. Tam i záleží, pokud nechcete dlouho čekat, tak jak jsme si ukazovali v minulých hodinách, jak si právě nastavit, v jaké kvalitě chcete, aby ta umělá inteligence v té dané aplikaci pracovala. Tady jsme to měli nastaveno na střední zátěž té aplikace. Popřípadě, kdybychom chtěli lehčí a rychlejší, tak bychom si to navolili tak, jak jsme si to minule ukazovali. Takže můžete vidět, že na první dobrou nám to v ChatGPT vytvořilo.

Koukneme se na Gemini. A jak už jsem říkal, sami můžete vidět, že mi letáček vytvořil v PDF. My ho ale chceme jako obrázek, takže jenom napíšeme, nebo respektive nadiktujeme, další prompt: chceme vytvořit obrázek, a ne PDF. Jak jsme si říkali i v minulých hodinách, zase je to o tom promptu. Takže čím podrobněji ten prompt napíšete, i třeba v jakém formátu ten dotyčný soubor chcete. Popřípadě když se tady bavíme o obrázku, tak kdybych třeba zvolil zkratku JPG, tak mi to vytvoří v tom formátu. Tak, a můžete vidět, že teda i na první dobrou mi to Gemini okamžitě hned vytvořilo.

Tak, jak jsem říkal, to je takový základ vytvoření toho letáčku. Pojďme se kouknout, jak vytvořit trošičku složitější a více personalizovaný obrázek. Tak, otevřeme si nový chat. A teď si vytvoříme letáček na základě brandingu. To znamená, že pokud už máme vytvořený nějaký branding, nebo pokud ten branding chci vzít z nějaké webové stránky, obrázku, tak si můžeme takhle personalizovaně vytvořit ten obrázek. Pojďme se kouknout, jak na to. Takže první, co uděláme, pokud teda už třeba máme nějakou firmu: já tady využiju webovou stránku pecka.ai. Zkopíruji webovou stránku, respektive odkaz URL. Vrátím se teda zpátky do ChatGPT a napíšu mu: vytvoř mi branding. A vložím tam webovou stránku.

Tak, už vidíte, že to začíná fungovat. Takže si chviličku počkáme, než vlastně zanalyzuje tu webovou stránku. Tak, popřípadě ještě lépe mu to upřesním, napíšu, že chci branding kit, a webovou stránku, tak aby mi právě projel tu moji webovou stránku. Tak, vidíte, že už pracuje. Tak zase, když se vrátíme k samotnému výtvoru, tak jenom tady chci upozornit, že sami jste viděli, že ChatGPT vytvořil nějaký náhled obrázku, Gemini taky vytvořil nějaký náhled obrázku.

U ChatGPT, pardon, u Gemini můžete teď vidět, že ten obrázek je spíš takový kreslený, u toho ChatGPT byl více realistický. Takže tam potom je i o tom zadání, jaký typ, respektive jakou grafiku toho obrázku chcete. Tak, sami vidíte, že teď mi to krásně zanalyzovalo ten branding na té webové stránce.

Já, abych to ještě povýšil, tak si ještě najdu právě nějaký referenční obrázek, nějakého letáčku, co se mi líbí, který chci teda vytvořit. Já už jsem si tady s dovolením našel tady [leták jiné firmy jako předlohu]. Zkopíruji samotný letáček, dám teda Kopírovat obrázek, vrátím se zpátky do ChatGPT a jenom vložím tento obrázek do toho promptovacího okénka. A napíšu prompt, který zní: nahrál jsem ti referenční obrázek, vytvoř mi letáček, který bude mít stejné rozložení stránky. A dám vytvořit.

Tak, vidíme, že pracuje, a teď vlastně ta umělá inteligence zaznamenala ty naše webové stránky, vzala si ten brand, jaký používáme na těch webových stránkách, ať už to jsou teda barvy, ať už to jsou fonty toho písma, a tak dále, a tak dále. A já jsem chtěl, aby to rozložení toho letáčku bylo stejné jako tady u tohohle obrázku, který vám teď momentálně ukazuju. Takže uvidíme, jestli si umělá inteligence poradí a vytvoří mi stejný náhled, jako to je u tohoto obrázku, u toho referenčního. Tak, vidíme, že tvoří. A za chviličku bychom měli vidět ten výsledek.

My jsme tady použili [leták jiné firmy jako předlohu], ale pokud budete mít samozřejmě nějakou jinou představu, že jste třeba narazili na nějaký letáček, a nemusí to být ani letáček, může to být cokoliv, diplom, prostě cokoliv, webová stránka, a chcete použít třeba stejný design, stejné rozložení, tak opravdu stačí buď jenom nahrát ten referenční obrázek, popřípadě nahrát třeba jenom tu webovou stránku a pomocí ChatGPT udělat tu analýzu, jak by to mělo vypadat. Tak, stále pracujeme, ale za chviličku bychom se měli dopracovat k tomu výsledku.

Než se nám to vytvoří, znova jenom připomenu u toho promptování. Klidně, pokud chcete poradit s tím promptem, tak opravdu nevíte, nemáte nějakou představivost, jak by třeba měl vypadat nějaký ten letáček, tak si opravdu pojďme pomoct tím promptem, že nám ho samotný ChatGPT, Gemini, Claude, že nám ten prompt samotný vytvoří. Takže pokud nemáte nějakou inspiraci, nevíte jak, tak to prostě zadáte ChatGPT nebo jiné platformě, kterou jsem teď zmiňoval, a ono se vás to potom bude i samo doptávat.

To znamená, jakou máte představivost o barvách, jakou máte představivost o obrázcích, a tak dále. A potom vlastně použijete jen samotný prompt a můžete ho používat přesně tak, jak to děláme my. Tak, stále čekáme. Tady si teda můžeme všimnout, že my máme nastaveno Medium. To znamená, že to trvá trošičku déle. Znova připomínám, kdybychom si nastavili tu úroveň na nižší kvalitu, tak ta kvalita bude horší, ale o to to bude třeba rychlejší.

Tak, a můžeme vidět, že už nám to teda vytvořilo ten letáček přesně podle toho brandu těch našich webových stránek. Tak, rozklikneme, abychom si to prohlédli. A můžeme krásně vidět, že přesně vzalo to teda, respektive udělalo tu analýzu z těch webových stránek a vytvořilo přesně ten letáček, který my teď můžeme v rámci propagace používat. Ať už to je na nějakém veletrhu vzdělávání, ať už to je na různých propagačních akcích. Tak, dále, jak s tím můžu pracovat: tento obrázek si chci přeformátovat na velikost A4. Takže napíšeme: chci tento obrázek na A4. A ono mi ho vytvoří.

Tak, vidíme, že už se vytváří. Popřípadě, kdybychom byli spokojení s tím prvním formátem, který se nám vygeneroval, tak pokud ho rozklikneme, tak si ho v pravé části můžeme stáhnout, uložit. Anebo si teda můžeme potom počkat na ten obrázek v té A4.

Tak, a abychom to ještě víc povýšili, tak teď právě využijeme takovou spolupráci dvou aplikací. Jednou aplikací je teda ChatGPT a druhou aplikací bude Canva. Takže pojďme si otevřít stránky Canvy, www.canva.com, a přihlásíme se. Jakmile jsme se přihlásili, tak si teď schválně zkusíme vytvořit, respektive přidat ten náš vytvořený obrázek, který nám vytvořil ChatGPT, a s tím obrázkem budeme dále pracovat v Canvě. Takže dáme v levém horním rohu Vytvořit. Klidně tady můžeme hned dát Časopis A4. Teď si teda stáhneme ten obrázek, co nám vygeneroval ChatGPT. Já teda rovnou stáhnu ten obrázek, co se mi stáhl jako A4. Takže si ho stáhneme.

Stáhneme si ho do svého zařízení a vrátíme se zpátky do Canvy. Necháme teda vytvořit, tady klidně můžeme nechat Leták na výšku A4, klikneme na to. Otevře se nám nová pracovní plocha. A teď přidáme ten samotný obrázek z našeho zařízení. Takže v levém sloupečku vybereme Nahrané, dáme Nahrát soubory a vyberu teď, kam se mi to stáhlo. A vidíte sami, že se mi to stáhlo sem, takže už si jenom vložím ten náš letáček.

Tak, teď, abychom si ten letáček roztáhli, tak máme zase dva způsoby. Buď ho můžeme ručně roztáhnout, anebo když klikneme pravým tlačítkem myši, tak dáme vlastně jenom Nastavit obrázek jako pozadí. A vidíte sami, že se mi to roztáhlo na celou obrazovku.

Tak, teď, abych mohl upravovat ty jednotlivé komponenty, které tady mám na tom letáčku, tak musím kliknout na ten letáček, respektive na ten obrázek. A nahoře vidíte, že vyjela složka, kde mám napsáno Upravit, Odstraňovač pozadí, Guma, Převrátit, Animovat, Pozice. My dáme Upravit, klikneme na Upravit a dáme upravit jako obrázek, protože máme obrázek. Vyskočily tady na mě tyto aplikace a já, co teď chci, tak jsou Zázračné vrstvy. Tak, kliknu na Zázračné vrstvy. Teď vidíte sami na obrazovce, že umělá inteligence mi zaznamenává ty jednotlivé komponenty a dá mi je, abych jednotlivé komponenty mohl upravovat, popřípadě přesouvat, a tak dále.

Tak, vidíte sami, že teď se mi to krásně přeformátovalo tak, abych opravdu s každou tou komponentou mohl hýbat. Takže pokud tady vezmu třeba tady QR kód, tak s tím QR kódem můžu třeba ho vymazat, můžu si ho přesunout. Popřípadě ho můžu třeba i textově upravit. Tak jo, vidíte, že každá opravdu, každá ta komponenta se chová jako samostatná, takže můžu zvětšovat, zmenšovat, a tak dále. Tak, dokonce tam můžu přidat i nějaký obrázek, takže já teď půjdu na Prvky. Najdu si tady v prvcích, napíšu nějaký obrázek, napíšu třeba umělá inteligence.

Najde mi to nějaký obrázek. Já si nějaký obrázek vezmu, třeba video, to nechci. Chci samotný obrázek, samozřejmě jdou tam vkládat i videa. Ale vezmu si třeba tento obrázek tohohle robota. Tak, a můžete si všimnout, že ten obrázek má za sebou pozadí, a my to pozadí tam samozřejmě nechceme. Takže klikneme na ten samotný obrázek, který jsme si přidali, a dáme jenom Odstraňovač pozadí. Tím pádem se odstraní pozadí a vidíte, že toho samotného robota mám zase jako samostatnou komponentu a můžu s ní jakkoliv hýbat.

Tak, takže jsme si ukázali, jak vlastně můžeme propojit dvě aplikace. To znamená, že první aplikace, ChatGPT nebo Gemini, vytvoří nějaký základní náhled toho samotného letáčku a dále můžeme ten samotný letáček upravovat popřípadě v té Canvě. V té Canvě můžeme dělat několik věcí, my jsme si ukázali ten základ a v dalších lekcích si budeme ukazovat další vymoženosti, právě co všechno v té Canvě v rámci té propagace, toho propagačního materiálu, můžeme vytvářet.