Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Repeat Grid on yksi Adobe XD:n ajansäästöominaisuuksista. Toista ruudukko -ominaisuuden avulla voit luoda joukon toistuvia elementtejä yksinkertaisella napsautuksella ja vetämällä. Kun toistat, voit muokata yhtä sarjaa toistuvia elementtejä ja saada muutokset näkymään välittömästi muissa elementeissä. Täältä löytyvät vaiheet auttavat sinua kokemaan tämän hienon ominaisuuden.

On parasta seurata ohjeita, jos voit. Löydät mallitiedoston, jossa on kuva ja tekstiä LuckyTemplatesCCfiles-kansiosta . Avaa XD-kansio ja valitse RepeatGrid-Sample-tiedosto. Toimi sitten seuraavasti:

Avaa tiedosto, jossa on elementtejä, jotka haluat toistaa pystysuunnassa (alas) sivulla. Kuten aiemmin mainittiin, voit luoda oman tai käyttää sivustollamme olevaa RepeatGrid-Sample-tiedostoa.

Valitse kaikki toistettavat kohteet ja paina sitten Ominaisuudet-paneelin Toista ruudukko -painiketta. Voit myös käyttää pikanäppäintä Ctrl+R (Windows) tai ⌘ +R (Mac).

Kahvat näkyvät elementtien oikealla ja alareunalla.

Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Valitse kohteet, jotka haluat toistaa, ja paina sitten Ominaisuudet-paneelin Toista ruudukko -painiketta.

Napsauta ja vedä alaspäin alakahvaa nähdäksesi, että toisto luodaan automaattisesti vedettäessä. Vedä mallin ulkopuolelle laajentaaksesi taidetta pohjan ulkopuolelle.Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Toista valitut kohteet helposti Toista ruudukko -ominaisuuden avulla.

Palaa alkuperäiseen taiteeseesi ja tee yksinkertainen muutos. Voit ehkä muuttaa otsikon tyyppikokoa tai skaalata kuvaa hieman. Huomaa, että kun teet muutoksia tähän ensimmäiseen kohteeseen, muutokset näkyvät koko toiston aikana.

Tämä voi säästää valtavasti aikaa, mutta seuraamalla seuraavia vaiheita näet, kuinka voit helposti korvata toistuvan kuvan ja tekstin.

Tuodaan päivitettyjä kuvia toistuvaan ruudukkoon

Kun olet toistanut kohteita, haluat ehkä osoittaa, kuinka sovelluksesi tulee toimimaan realistisemman sisällön kanssa. Toistuva elementti ei tarjoa mahdollisuutta näyttää erilaisia ​​tietoja, joita sovelluksesi saattaa tarjota. Otat alla kansion kuvia ja pudotat ne toistuvan ruudukon päälle korvataksesi alkuperäisen kuvan. Noudata vain näitä ohjeita:

Etsi kansio kuvista XD:n tukemassa muodossa, kuten JPEG, PNG tai GIF. Jos käytät LuckyTemplatesCCfiles-kansiota , löydät XD Files -kansiosta kansion nimeltä Insects.

Sijoita XD-ikkuna, joka sisältää piirustuksen toistolla, niin että näet sen ja myös kansion täynnä kuvia.

Varmista, että valitset kaikki kuvat ja napsauta ja vedä ne toistuvaan ruudukkoon. Kuvat vaihdetaan.Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Voit korvata kuvasisältösi vetämällä ja pudottamalla useita kuvia toistuvaan ruudukkoon.

Voit vetää kuvia Bridge-sovelluksesta myös Adobe XD:hen.

Päivitetään tekstiäsi toistuvassa ruudukossa

Täällä opit päivittämään tekstiäsi toistuvassa ruudukossa. Tämä tehdään samalla tavalla kuin kuvien kanssa, mutta .txt-muoto on elintärkeä tämän prosessin toimivuuden kannalta:

Luo tekstiä missä tahansa sovelluksessa, joka voi tallentaa tiedoston pelkkätekstimuotoon eli .txt-tunnisteella. Teksti voidaan luoda Notepadista, Wordista, ladata Google Docsista pelkkänä tekstinä tai viedä monista muista sovelluksista. Tässä esimerkissä voit käyttää esimerkkitekstitiedostoa nimeltä Bugtext.txt sivustomme XD-Files-kansiossa.

Sijoita tekstitiedoston sisältävä kansio niin, että näet tiedoston ja toistuvan ruudukon.

Kuten toistuvan kuvan korvaamisen yhteydessä, napsauta ja vedä .txt-tiedosto toistuvan ruudukkotekstin päälle. Teksti korvataan tekstillä tiedostostasi.Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Korvaa teksti napsauttamalla ja vetämällä .txt-tiedosto toistuvan ruudukon yli.

Voit nähdä esimerkin sellaisena kuin se näkyy, kun kuvat ja teksti on korvattu täällä.

Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Toistuva ruudukko uusilla kuvilla ja tekstillä.

Jos ulottuit katselualueen ulkopuolelle, muista napsauttaa taulun yläpuolella olevaa taulun nimeä valitaksesi sen.

Pidennä toistuvan ruudukon pituutta vetämällä alakahvaa. Tämä mahdollistaa näytön vierityksen esikatselussa. Pisteviiva edustaa aluetta, joka on esikatselussa ennen vieritystä.Toistoruudukkoominaisuuden käyttäminen Adobe XD:ssä

Napsauta ja vedä laajentaaksesi toistuvan ruudukon katselualuetta.

Napsauta Työpöydän esikatselu -painiketta ja vieritä nähdäksesi toistuvan ruudukon toiminnassa.

Leave a Comment

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Opi käyttämään läpinäkyvyyttä SVG-grafiikassa Illustratorissa. Tutustu SVG-tiedostojen tulostamiseen läpinäkyvällä taustalla ja läpinäkyvyystehosteiden käyttämiseen.

Kuvien käsittely Adobe XD:ssä

Kuvien käsittely Adobe XD:ssä

Kun olet tuonut kuvat Adobe XD:hen, sinulla ei ole paljon muokkaushallintaa, mutta voit muuttaa kuvien kokoa ja kiertää niitä aivan kuten minkä tahansa muun muodon avulla. Voit myös pyöristää tuodun kuvan kulmia helposti kulmawidgetien avulla. Kuvien peittäminen määrittelemällä suljetun muodon […]

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, kuinka näitä ominaisuuksia käytetään. Tietoja luettavuudesta ja fontista […]

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Aivan kuten Adobe Illustratorissa, Photoshop-piirustustaulut tarjoavat mahdollisuuden luoda erillisiä sivuja tai näyttöjä yhdelle asiakirjalle. Tämä voi olla erityisen hyödyllistä, jos rakennat näyttöjä mobiilisovellukselle tai pienelle esitteelle. Voit ajatella piirustustaulua erityisenä tasoryhmänä, joka on luotu Tasot-paneelin avulla. Sen […]

Muodot ja polygonit InDesignissa

Muodot ja polygonit InDesignissa

Monia InDesign Tools -paneelin työkaluja käytetään viivojen ja muotojen piirtämiseen sivulle, joten sinulla on useita eri tapoja luoda mielenkiintoisia piirustuksia julkaisuihisi. Voit luoda InDesignissa mitä tahansa perusmuodoista monimutkaisiin piirustuksiin sen sijaan, että joutuisit käyttämään piirustusohjelmaa, kuten […]

Rivitä teksti Adobe Illustrator CC:ssä

Rivitä teksti Adobe Illustrator CC:ssä

Tekstin kääriminen Adobe Illustrator CC:ssä ei ole aivan sama asia kuin lahjan kääriminen – se on helpompaa! Tekstin rivitys pakottaa tekstin kiertämään grafiikan ympärille, kuten tässä kuvassa. Tämä ominaisuus voi lisätä luovuutta mihin tahansa kappaleeseen. Grafiikka pakottaa tekstin kiertymään ympärilleen. Luo ensin […]

Kuinka muuttaa muotojen kokoa Illustratorissa

Kuinka muuttaa muotojen kokoa Illustratorissa

Kun suunnittelet Adobe Illustrator CC:llä, tarvitset usein muodon, jonka koko on tarkka (esimerkiksi 2 x 3 tuumaa). Kun olet luonut muodon, paras tapa muuttaa sen kokoa tarkkoihin mittoihin on käyttää tässä kuvassa näkyvää Transform-paneelia. Valitse objekti ja valitse sitten Ikkuna → Muunna muotoon […]

QR-koodien luominen InDesign CC:ssä

QR-koodien luominen InDesign CC:ssä

InDesignilla voit luoda ja muokata QR-koodigrafiikkaa. QR-koodit ovat viivakoodimuoto, johon voidaan tallentaa tietoja, kuten sanoja, numeroita, URL-osoitteita tai muita tietoja. Käyttäjä skannaa QR-koodin kamerallaan ja ohjelmistollaan laitteella, kuten älypuhelimella, ja ohjelmisto hyödyntää […]

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Saattaa olla hetkiä, jolloin tarvitset uuden kuvan näyttääksesi vanhalta. Photoshop CS6 tarjoaa sinut. Mustavalkokuvaus on uudempi ilmiö kuin uskotkaan. Dagerrotypioissa ja muissa varhaisissa valokuvissa oli usein ruskehtava tai sinertävä sävy. Voit luoda omia seepiasävyisiä mestariteoksia. Sävytetyt kuvat voivat luoda […]

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Adobe Creative Suite 5 (Adobe CS5) Illustratorin Live Paint -ominaisuuden avulla voit luoda haluamasi kuvan ja täyttää alueet väreillä. Live Paint -ämpäri tunnistaa automaattisesti alueet, jotka koostuvat itsenäisistä risteävistä poluista ja täyttää ne vastaavasti. Maali tietyllä alueella pysyy elävänä ja virtaa automaattisesti, jos […]