Jak vytvořit tlačítko v Adobe XD

Zde vás provedou kroky k vytvoření jednoduchého tlačítka s plnou výplní a nějakým textem v Adobe XD. Postupujte podle těchto jednoduchých kroků.

Vyberte nástroj Obdélník a kliknutím a tažením vytvořte na kreslicím plátně obdélník libovolné velikosti.
V tomto příkladu je vybrána standardní šablona pro iPhone 6.

Se stále aktivním obdélníkem zadejte 200 do textového pole Šířka a 70 do textového pole Výška. Po zadání každé hodnoty potvrďte stisknutím klávesy Tab.

Nanesení pevné výplně

Zde do svého tvaru přidáte plnou barvu výplně:

Ujistěte se, že je stále vybrán váš obdélník. Klepnutím na bílé pole nalevo od položky Výplň na panelu Vlastnosti otevřete výběr barvy.

Procházejte barvy kliknutím a tažením posuvníku Odstín. Po zadání barvy odstínu, která se vám líbí, klikněte na barvu v panelu barev a aplikujte ji na svůj obdélník.

Barvy, které často používáte, můžete uložit kliknutím na znaménko plus Uložit vzorek barvy ve spodní části výběru barvy.

Průhlednost můžete na výplň použít pomocí posuvníku na pravé straně okna pro výběr barvy.

Zrušením zaškrtnutí políčka nalevo od okraje odstraníte tah kolem obdélníku.

Jak vytvořit tlačítko v Adobe XD

Pomocí nástroje pro výběr barvy naneste barvu. Uložte barvu kliknutím na znaménko Uložit vzorek barvy +.

Zaoblování rohů

Rohy můžete ponechat čtvercové nebo můžete rohy tvaru zaoblit některým z následujících kroků:

  • Rohy můžete vizuálně zaoblit kliknutím a přetažením rohových widgetů uvnitř rohů obdélníků.Jak vytvořit tlačítko v Adobe XD

    Kliknutím a přetažením rohových widgetů zakulatíte rohy.

Podržte klávesu Alt (Windows) nebo Option (Mac OS) a přetáhněte jeden poloměr rohu, abyste z něj udělali nezávislou hodnotu.

  • Můžete také zadat hodnoty pro váš poloměr rohu zadáním hodnot do textových polí Rohová rádia na panelu Vlastnosti.Jak vytvořit tlačítko v Adobe XD

    Zadejte hodnoty do panelu Vlastnosti a přidejte různé velikosti v poloměru rohu.

Přidání textu do tlačítka

Nyní do tlačítka přidáte text:

Vyberte nástroj Text z panelu nástrojů a poté klikněte do svého tlačítka. Zobrazí se textový kurzor. Nedělejte si starosti s přesným umístěním textového pole, protože to lze později přesunout.

Napište slovo Odeslat a poté vyberte text stisknutím Ctrl+A (Windows) nebo Command+A (Mac).

S vybraným slovem změňte vlastnosti v oblasti Text na panelu Vlastnosti a vyberte písmo a velikost písma, které se vám líbí. Zarovnání můžete také změnit výběrem tlačítek Zarovnání vlevo, Na střed nebo Zarovnání vpravo.

V textovém poli Velikost písma můžete vybrat aktuální velikost písma a stisknutím šipky nahoru nebo dolů velikost písma zvětšit nebo zmenšit.

Kliknutím na pole Výplň změníte barvu textu.Jak vytvořit tlačítko v Adobe XD

Vyberte vlastnosti typu pomocí části Text na panelu Vlastnosti.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.