Tässä sinua ohjataan vaiheiden läpi, joilla voit luoda yksinkertaisen painikkeen, jossa on kiinteä täyttö ja tekstiä Adobe XD:ssä. Noudata näitä yksinkertaisia ohjeita.
Valitse Suorakulmio-työkalu ja napsauta ja vedä luodaksesi minkä tahansa kokoinen suorakulmio taululle.
Tässä esimerkissä on valittu tavallinen iPhone 6 -malli.
Kun suorakulmio on edelleen aktiivinen, kirjoita 200 Leveys-tekstiruutuun ja 70 Korkeus-tekstiruutuun. Vahvista arvo painamalla sarkainta jokaisen kirjoittamisen jälkeen.
Kiinteän täytteen levittäminen
Tässä lisäät muotoosi kiinteän täytevärin:
Varmista, että suorakulmiosi on edelleen valittuna. Avaa värivalitsin napsauttamalla Täytä Ominaisuudet -paneelin vasemmalla puolella olevaa valkoista ruutua.
Selaa värejä napsauttamalla ja vetämällä Hue-liukusäädintä. Kun olet syöttänyt haluamasi sävyn värin, napsauta väriä väripaneelissa lisätäksesi sen suorakulmioosi.
Voit tallentaa värejä, joita saatat käyttää usein, napsauttamalla Tallenna värimalli plusmerkkiä värivalitsimen alaosassa.
Voit lisätä täyttöön läpinäkyvyyttä käyttämällä värivalitsinikkunan oikealla puolella olevaa liukusäädintä.
Poista valinta Reunuksen vasemmalla puolella olevasta valintaruudusta poistaaksesi viivan suorakulmion ympäriltä.

Levitä väriä värivalitsimella. Tallenna väri napsauttamalla Tallenna värimalli + -merkkiä.
Kulmien pyöristäminen
Voit jättää kulmat neliöiksi tai pyöristää muodon kulmat noudattamalla jompaakumpaa seuraavista vaiheista:
Pidä Alt-näppäintä (Windows) tai Optio-näppäintä (Mac OS) painettuna ja vedä yhtä kulman sädettä tehdäksesi siitä itsenäinen arvo.
Tekstin lisääminen painikkeeseen
Nyt lisäät tekstin painikkeeseen:
Valitse Tyyppi-työkalu Työkalut-paneelista ja napsauta sitten painikkeen sisällä. Tekstikohdistin tulee näkyviin. Älä ole huolissasi tekstilaatikon tarkasta sijainnista, koska sitä voidaan siirtää myöhemmin.
Kirjoita sana Lähetä ja valitse sitten teksti painamalla Ctrl+A (Windows) tai Komento+A (Mac).
Kun sana on valittuna, muuta Ominaisuudet-paneelin Teksti-alueen ominaisuuksia valitaksesi haluamasi fontin ja kirjasinkoon. Voit myös muuttaa kohdistusta valitsemalla Tasaus vasemmalle-, Keski- tai Oikealle-painikkeella.
Voit valita nykyisen fonttikoon Fonttikoko-tekstiruudussa ja painaa nuolta ylös tai alas lisätäksesi tai pienentääksesi kirjasinkokoa.
Napsauta Täytä-ruutua muuttaaksesi tekstisi väriä.![Painikkeen luominen Adobe XD:ssä]()
Valitse tyyppiominaisuudet Ominaisuudet-paneelin Teksti-osiosta.