Ahoj kluci a holky,
v dnešním článku si společně vytvoříme zajímavý grafický prvek, který může zkrášlit Vaše webové stránky. Tomuto grafickému prvku se říká slovní mrak (v anglickém originále wordcloud). Na jeho vytvoření použijeme webovou aplikaci, která základní obrázky slovních mraků generuje zdarma. Stačí v ní provést 5 kroků a můžeme vytvořit třeba následující slovní mrak.
Pojďte si nyní vytvořit Váš vlastní slovní mrak!
Zadejte adresu webové aplikace: https://wordart.com/create a dostanete se přímo na stránku, kde slovní mrak společně vytvoříme.
Nejdříve dostanete možnost využít vygenerování slovního mraku pomocí AI. Do příslušného pole zadáte Váš požadavek. Zkoušela jsem vložit požadavek v češtině i angličtině, fungují oba jazyky. Můžete zadat např. Vygeneruj prosím červené srdce se slovy láska, srdce, Valentýn. To vše potvrdíte tlačítkem Create with AI. AI začne automaticky generovat Váš slovní mrak, který můžete poté dále upravovat.
Pokud chcete vygenerovat slovní mrak bez AI klikněte na tlačítko Start from Scratch a postupujte jednotlivými kroky, které jsou popsány níže v článku.
1. krok: SLOVA (anglicky WORDS)
V tomto kroku je třeba vytvořit seznam slov, které budou do mraku vložené. Můžete je přímo zapsat v aplikaci nebo je importovat ze souboru. V našem příkladu použijeme jen několik slov, bude tedy stačit slova dopsat do políček, které jsou zvýrazněné na následujícím obrázku.
První tři slova je třeba přepsat vždy kliknutím do políčka. Další slova se vkládají přes spodní řádek, kde je uvedeno Type in a new word, tzn. napiš nové slovo. Klikněte tedy do tohoto pole, napište slovo a potvrďte klávesou Enter. Tímto způsobem vytvořte seznam asi 5 – 10 slov. V našem ukázkovém příkladu použiju značky jazyka HTML, vy můžete vytvořit vlastní seznam slov, např. jména Vašich kamarádů.
2. krok: TVAR (anglicky SHAPE)
Klikněte vlevo dole na políčko SHAPE a rozbalí se Vám možnosti různých tvarů, které můžete pro svůj slovní mrak použít. Tvar vyberte z nabídky a klikněte na něho. Vybraný tvar se podbarví.
Nyní už můžete zkusit slovní mrak vygenerovat pomocí červeného tlačítka Generate.
3. krok: BARVY (anglicky COLORS)
Klikněte vlevo dole na políčko COLORS a rozbalí se Vám možnosti nastavení barev. V tomto oddílu je více možností.
Barvy (colors) – vybíráte ze dvou možností Shape nebo Custom. Možnost Shape znamená, že se použijí barvy podle zvoleného tvaru nebo je možné vybrat Custom a zvolit barvy dle svého výběru. Předvyplněné máte 3 barvy, které můžete změnit kliknutím na barevný obdelníček. Pokud chcete další barvy, přidávejte je pomocí tlačítka +.
Barevný kontrast (color contrast) – na posuvníku volíte, jaký kontrast barev chcete, čím více procent tím je obrázek více ostrý.
Barva pozadí (background color) – vyberte vhodnou barvu pozadí.
Průhlednost tvaru (shape image opacity) – na posuvníku volíte průhlednost tvaru, čím více procent tím je barva tvaru výraznější. 0% úplná průhlednost, 100% plná barva tvaru.
Nastavení animace po najetí myši (hover animation setings) není třeba upravovat, protože soubor s animací již není zdarma ke stažení jako obrázek.
4. krok: FONTY (anglicky FONTS)
Klikněte vlevo dole na políčko FONTS a rozbalí se Vám možnosti fontů. Vyberte písmo, které se Vám líbí a klikněte na něho. Vybraný font je podbarvený modře.
Po výběru fontu můžete opět vygenerovat slovní mrak pomocí tlačítka Generate. Generování je možné spustit kdykoliv během tvorby a promítnou se do něho všechny nastavené možnosti.
5. krok: ROZLOŽENÍ (anglicky LAYOUT)
Klikněte vlevo dole na políčko LAYOUT a rozbalí se Vám možnosti rozvržení slov do slovního mraku. V tomto oddílu máme více možností. Po každé změně nastavení můžete vygenerovat slovní mrak přes tlačítko Generate jako v předchozích krocích.
Nejdříve, jak budou slova do mraku rozmístěné, např. horizontálně, vertikálně nebo náhodně. Vybírejte podle obrázků rozmístění.
Maximální velikost slova (max word size) – v nápovědě k tomuto poli se píše, že posuvníkem se velké slovo zmenší – testovala jsem různé nastavení, ale nepřišla jsem na to, co tato možnost ovlivňuje. Tedy vyzkoušejte různé hodnoty a po nastavení generujte slovní mrak tlačítkem Generate.
Počet slov (words amount) – tady bych nechala hodnotu Auto (tzn. aplikace zvolí sama počet slov).
Hustotu (density) – zde se zadává procento hustoty slov, můžete nechat výchozí nastavení 20% nebo zase experimentovat s různou hustotou slov.
Výrazná slova (prominent words) – zde je možné nastavit hodnoty 0 – 2. Opět jsem po vygenerování po nastavení různých hodnot nezjistila, co se na slovním mraku změní. Nechte tedy nastaveno na hodnotu 0 nebo experimentujte sami.
Slova i uvnitř písmene (wodrs inside letter) nechte zaškrtnutou, pokud chcete mít slova i uvnitř písmene. Zkoušela jsem obě možnosti a líbí se mi víc s těmi slovy uvnitř.
Výborně! Výsledný slovní mrak si stáhneme do počítače přes tlačítko DOWNLOAD a možnost JPEG – free.
Na další obrazovce ještě máte 2 možnosti – OK, show me a pricing (česky OK, ukaž mi ceny) nebo Download SQ image (česky stáhnout SQ obrázek). Jelikož chceme obrázek zdarma, tak nás ceny nezajímají. Klikněte tedy na Download SQ image a obrázek se stáhne do Vašeho počítače.
Máme hotovo! Budu moc ráda, když se pochlubíte se se svým výsledkem a zašlete mi Váš slovní mrak na můj e-mail janca@webohratky.cz.
