Hogyan hozzunk létre gombot az Adobe XD-ben

Itt végigvezeti Önt a lépéseken, hogy létrehozzon egy egyszerű gombot tömör kitöltéssel és némi szöveggel az Adobe XD-ben. Kövesse ezeket az egyszerű lépéseket.

Válassza ki a Téglalap eszközt, majd kattintson és húzza a rajztáblán tetszőleges méretű téglalap létrehozásához.
Ebben a példában a szabványos iPhone 6 sablon van kiválasztva.

Ha a téglalap továbbra is aktív, írjon be 200-at a Szélesség és 70-et a Magasság szövegmezőbe. Mindegyik beírása után nyomja meg a Tab billentyűt az érték megerősítéséhez.

Szilárd töltet felvitele

Itt egyszínű kitöltési színt ad az alakjához:

Győződjön meg arról, hogy a téglalap továbbra is ki van választva. Kattintson a Kitöltés a Tulajdonságok panelen bal oldalán található fehér négyzetre a színválasztó megnyitásához.

Görgessen a színek között az Árnyalat csúszkára kattintva és húzva. Miután megadta a kívánt színárnyalatot, kattintson egy színre a színpanelen, hogy alkalmazza azt a téglalapra.

A gyakran használt színeket a színválasztó alján található Színminta mentése pluszjelre kattintva mentheti el.

A színválasztó ablak jobb oldalán található csúszkával átlátszóságot alkalmazhat a kitöltéshez.

Törölje a jelölőnégyzet jelölését a Szegély mellett balra a téglalap körüli körvonal eltávolításához.

Hogyan hozzunk létre gombot az Adobe XD-ben

Vigyen fel egy színt a színválasztóval. Mentse el a színt a Színminta mentése + jelre kattintva.

A sarkok lekerekítése

Hagyja négyzet alakú sarkokat, vagy kövesse az alábbi lépéseket az alakzat sarkainak lekerekítéséhez:

  • A sarkokat vizuálisan lekerekítheti, ha rákattint és húzza a sarokmodulokat a téglalapok sarkaiban.Hogyan hozzunk létre gombot az Adobe XD-ben

    Kattintson és húzza a sarokmodulokat a sarkok lekerekítéséhez.

Tartsa lenyomva az Alt (Windows) vagy az Option (Mac OS) billentyűt, és húzza el az egyik sarok sugarát, hogy független értékké váljon.

  • A saroksugár értékeit is megadhatja a Tulajdonságok panel Sarokrádiók szövegdobozaiban.Hogyan hozzunk létre gombot az Adobe XD-ben

    Adjon meg értékeket a Tulajdonságok panelen, hogy különböző méreteket adjon a saroksugárban.

Szöveg hozzáadása a gombhoz

Most hozzáadja a szöveget a gombhoz:

Válassza ki a Szöveg eszközt az Eszközök panelen, majd kattintson a gomb belsejébe. Megjelenik egy szöveges kurzor. Ne aggódjon a szövegdoboz pontos elhelyezése miatt, mert ez később áthelyezhető.

Írja be a Submit szót, majd jelölje ki a szöveget a Ctrl+A (Windows) vagy a Command+A (Mac) billentyűkombinációval.

Ha a szót kiválasztotta, módosítsa a tulajdonságokat a Tulajdonságok panel Szöveg területén, és válassza ki a kívánt betűtípust és betűméretet. Az igazítást a Balra igazítás, Középre vagy Jobbra igazítás gombok kiválasztásával is módosíthatja.

Kiválaszthatja az aktuális betűméretet a Betűméret szövegmezőben, és a felfelé vagy lefelé mutató nyíl megnyomásával növelheti vagy csökkentheti a betűméretet.

Kattintson a Kitöltés mezőre a szöveg színének megváltoztatásához.Hogyan hozzunk létre gombot az Adobe XD-ben

Válassza ki a típustulajdonságokat a Tulajdonságok panel Szöveg részében.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.