Hvernig á að búa til hnapp í Adobe XD

Hér er þér vísað í gegnum skrefin til að búa til einfaldan hnapp með traustri fyllingu og smá texta í Adobe XD. Fylgdu með þessum einföldu skrefum.

Veldu Rectangle tólið og smelltu og dragðu til að búa til rétthyrning af hvaða stærð sem er á listaborði.
Í þessu dæmi er staðlað iPhone 6 sniðmát valið.

Með rétthyrninginn enn virkan skaltu slá inn 200 í Breidd textareitinn og 70 í Hæð textareitinn. Ýttu á Tab eftir að þú slærð inn hvert til að staðfesta gildið.

Að bera fasta fyllingu á

Hér bætir þú þéttum fyllingarlit við lögunina þína:

Gakktu úr skugga um að rétthyrningurinn þinn sé enn valinn. Smelltu á hvíta reitinn vinstra megin við Fylltu í eiginleika spjaldið til að opna litavali.

Skrunaðu í gegnum litina með því að smella og draga á Hue sleðann. Eftir að þú hefur slegið inn litalitinn sem þú vilt, smelltu á lit á litaspjaldið til að setja hann á rétthyrninginn þinn.

Þú getur vistað liti sem þú gætir notað oft með því að smella á Save Color Swatch plúsmerkið neðst í litavali.

Þú getur beitt gegnsæi á fyllinguna þína með því að nota sleðann hægra megin á litavalsglugganum.

Taktu hakið úr gátreitnum vinstra megin við Border til að fjarlægja strikið í kringum rétthyrninginn.

Hvernig á að búa til hnapp í Adobe XD

Berið lit á með litavakkanum. Vistaðu lit með því að smella á Save Color Swatch + merkið.

Rúnar hornin þín

Þú getur skilið hornin eftir ferning eða fylgst með öðru hvoru af þessum næstu skrefum til að hringlaga hornin á forminu:

  • Þú getur hringlaga horn sjónrænt með því að smella og draga horngræjurnar inn í hornin á rétthyrningunum.Hvernig á að búa til hnapp í Adobe XD

    Smelltu og dragðu horngræjurnar til að hringlaga hornin þín.

Haltu inni Alt (Windows) eða Option (Mac OS) takkanum og dragðu eitt hornradíus til að gera það að sjálfstæðu gildi.

  • Þú getur líka slegið inn gildi fyrir hornradíusinn þinn með því að slá inn gildi í Corner Radios textareitunum á Properties panel.Hvernig á að búa til hnapp í Adobe XD

    Sláðu inn gildi í Eiginleikaspjaldið til að bæta við mismunandi stærðum í hornradíusnum.

Bætir texta við hnappinn þinn

Nú bætir þú textanum við hnappinn:

Veldu Tegund tólið á Verkfæraspjaldinu og smelltu síðan á hnappinn þinn. Textabentill birtist. Ekki hafa áhyggjur af nákvæmri staðsetningu textareitsins því það er hægt að færa hann síðar.

Sláðu inn orðið Senda og veldu síðan textann með því að ýta á Ctrl+A (Windows) eða Command+A (Mac).

Þegar orðið er valið skaltu breyta eiginleikum í textasvæðinu á Eiginleikaspjaldinu til að velja leturgerð og leturstærð sem þú vilt. Þú getur líka breytt röðuninni með því að velja Vinstrijafna, Miðja eða Hægrajafna hnappana.

Þú getur valið núverandi leturstærð í leturstærð textareitnum og ýtt á örina upp eða niður til að auka eða minnka leturstærðina.

Smelltu á Fylla reitinn til að breyta litnum á textanum þínum.Hvernig á að búa til hnapp í Adobe XD

Veldu tegundareiginleika þína með því að nota Textahlutann á Eiginleikaspjaldinu.


Hvernig á að beita gagnsæi á SVG

Hvernig á að beita gagnsæi á SVG

Lærðu hvernig á að beita gagnsæi á SVG grafík í Illustrator. Kannaðu hvernig á að gefa út SVG með gagnsæjum bakgrunni og beita gagnsæisáhrifum.

Vinna með myndir í Adobe XD

Vinna með myndir í Adobe XD

Eftir að þú hefur flutt myndirnar þínar inn í Adobe XD hefurðu ekki mikla stjórn á klippingum, en þú getur breytt stærð og snúið myndum alveg eins og þú myndir gera í öðrum formum. Þú getur líka auðveldlega snúið hornin á innfluttri mynd með því að nota horngræjurnar. Maskaðu myndirnar þínar með því að skilgreina lokað form […]

Hvernig á að stilla textaeiginleika í Adobe XD

Hvernig á að stilla textaeiginleika í Adobe XD

Þegar þú ert með texta í Adobe XD verkefninu þínu geturðu byrjað að breyta textaeiginleikum. Þessir eiginleikar fela í sér leturfjölskyldu, leturstærð, leturþyngd, jöfnun, stafabil (kering og rakning), línubil (frama), Fylling, Border (strok), Skuggi (fallskuggi) og Bakgrunnsþoka. Svo skulum endurskoða hvernig þessar eignir eru notaðar. Um læsileika og leturgerð […]

Vinna með teikniborð í Photoshop CC

Vinna með teikniborð í Photoshop CC

Rétt eins og í Adobe Illustrator, bjóða Photoshop teikniborð möguleika á að byggja upp aðskildar síður eða skjái í einu skjali. Þetta getur verið sérstaklega gagnlegt ef þú ert að smíða skjái fyrir farsímaforrit eða lítinn bækling. Þú getur hugsað um listaborð sem sérstaka tegund af lagahópi sem búin er til með því að nota Layers spjaldið. Það er […]

Form og marghyrningar í InDesign

Form og marghyrningar í InDesign

Mörg verkfæranna sem þú finnur á InDesign Tools spjaldinu eru notuð til að teikna línur og form á síðu, svo þú hefur nokkrar mismunandi leiðir til að búa til áhugaverðar teikningar fyrir ritin þín. Þú getur búið til allt frá grunnformum til flókinna teikninga inni í InDesign, í stað þess að þurfa að nota teikniforrit eins og […]

Vefja texta í Adobe Illustrator CC

Vefja texta í Adobe Illustrator CC

Að pakka inn texta í Adobe Illustrator CC er ekki alveg það sama og að pakka inn gjöf – það er auðveldara! Textabrot þvingar texta til að vefja utan um grafík, eins og sýnt er á þessari mynd. Þessi eiginleiki getur bætt smá sköpunargáfu við hvaða verk sem er. Myndin neyðir textann til að vefja utan um hann. Fyrst skaltu búa til […]

Hvernig á að breyta stærð forms í Illustrator

Hvernig á að breyta stærð forms í Illustrator

Þegar þú hannar í Adobe Illustrator CC þarftu oft að lögun sé í nákvæmri stærð (til dæmis 2 x 3 tommur). Eftir að þú hefur búið til form er besta leiðin til að breyta stærð þess í nákvæmar mælingar að nota Transform spjaldið, sýnt á þessari mynd. Láttu hlutinn velja og veldu síðan Gluggi→ Umbreyta í […]

Hvernig á að búa til QR kóða í InDesign CC

Hvernig á að búa til QR kóða í InDesign CC

Þú getur notað InDesign til að búa til og breyta grafík QR kóða. QR kóðar eru strikamerki sem geta geymt upplýsingar eins og orð, tölur, vefslóðir eða annars konar gögn. Notandinn skannar QR kóðann með myndavélinni sinni og hugbúnaði á tæki, svo sem snjallsíma, og hugbúnaðurinn notar […]

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Hvernig á að láta nýja mynd líta gömul út í Photoshop CS6

Það gæti verið tími þegar þú þarft nýja mynd til að líta gömul út. Photoshop CS6 hefur þú fjallað. Svart-hvít ljósmyndun er nýrra fyrirbæri en þú gætir haldið. Daguerreotypes og aðrar fyrstu ljósmyndir höfðu oft brúnleitan eða bláleitan blæ. Þú getur búið til sepia-tóna meistaraverk á eigin spýtur. Tónaðar myndir geta búið til […]

Live Paint eiginleiki í Adobe CS5 Illustrator

Live Paint eiginleiki í Adobe CS5 Illustrator

Með því að nota Live Paint eiginleikann í Adobe Creative Suite 5 (Adobe CS5) Illustrator geturðu búið til myndina sem þú vilt og fyllt út svæði með lit. Live Paint fötuna greinir sjálfkrafa svæði sem samanstanda af sjálfstæðum skurðstígum og fyllir þau í samræmi við það. Málningin innan tiltekins svæðis helst lifandi og flæðir sjálfkrafa ef einhver […]