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.
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.
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.
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.
Voit korvata kuvasisältösi vetämällä ja pudottamalla useita kuvia toistuvaan ruudukkoon.
Voit vetää kuvia Bridge-sovelluksesta myös Adobe XD:hen.
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.
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ä.
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ä.
Napsauta ja vedä laajentaaksesi toistuvan ruudukon katselualuetta.
Napsauta Työpöydän esikatselu -painiketta ja vieritä nähdäksesi toistuvan ruudukon toiminnassa.
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.
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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ää […]
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 […]
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 […]
