Kako koristiti značajku mreže ponavljanja u Adobe XD

Mreža ponavljanja jedna je od najboljih značajki za uštedu vremena u Adobe XD. Značajka mreže ponavljanja omogućuje stvaranje skupa ponavljajućih elemenata jednostavnim klikom i povlačenjem. Kada se ponavlja, možete podesiti jedan skup ponovljenih elemenata i te promjene se odmah odraziti na ostale elemente. Koraci koje ćete pronaći ovdje će vam pomoći da iskusite ovu sjajnu značajku.

Najbolje je slijediti upute ako možete. Možete pronaći uzorak datoteke koja sadrži sliku i tekst u mapi LuckyTemplatesCCfiles . Otvorite mapu XD i odaberite datoteku RepeatGrid-Sample. Zatim slijedite ove korake:

Otvorite datoteku koja ima elemente koje želite ponoviti okomito (dolje) na stranici. Kao što je već spomenuto, možete izraditi vlastitu ili koristiti datoteku RepeatGrid-Sample koja je dostavljena na našoj web stranici.

Odaberite sve stavke koje želite ponoviti, a zatim pritisnite gumb Ponovi rešetku na ploči Svojstva. Također možete odabrati korištenje tipkovničkog prečaca, Ctrl+R (Windows) ili ⌘ +R (Mac).

Ručice se pojavljuju na desnoj i donjoj strani vaših elemenata.

Kako koristiti značajku mreže ponavljanja u Adobe XD

Odaberite stavke koje želite ponoviti, a zatim pritisnite gumb Ponovi mrežu na ploči Svojstva.

Kliknite i povucite prema dolje na donjoj ručki kako biste vidjeli da se ponavljanje stvara automatski dok povlačite. Povucite izvan predloška da biste proširili umjetničko djelo izvan dna.Kako koristiti značajku mreže ponavljanja u Adobe XD

Jednostavno ponovite odabrane stavke koristeći značajku Mreže ponavljanja.

Vratite se svojoj izvornoj umjetnosti i napravite jednostavnu promjenu. Možda promijenite veličinu naslova ili malo povećajte sliku. Primijetite da se dok unosite promjene u ovu prvu stavku promjene odražavaju tijekom ponavljanja.

To može biti velika ušteda vremena, ali slijedite sljedeće korake kako biste vidjeli kako lako možete zamijeniti ponovljene slike i tekst.

Uvoz ažuriranih slika u mrežu koja se ponavlja

Nakon što ponovite stavke, možda ćete htjeti pokazati kako će vaša aplikacija raditi s realističnijim sadržajem. Ponovljeni element ne pruža priliku za prikaz različitih podataka koje vaša aplikacija možda nudi. U nastavku uzimate mapu sa slikama i spuštate ih na svoju ponovljenu mrežu kako biste zamijenili svoju izvornu sliku. Samo slijedite ove korake:

Pronađite mapu sa slikama u formatu koji XD podržava, kao što su JPEG, PNG ili GIF. Ako pristupate mapi LuckyTemplatesCCfiles , možete pronaći mapu pod nazivom Insekti unutar mape XD Files.

Postavite svoj XD prozor koji sadrži montažnu ploču s ponavljanjem tako da ga možete vidjeti i mapu punu slika.

Pazite da odaberete sve slike, a zatim ih kliknite i povucite na ponovljene mreže. Slike se zamjenjuju.Kako koristiti značajku mreže ponavljanja u Adobe XD

Možete povući i ispustiti više slika u mrežu koja se ponavlja kako biste zamijenili sadržaj slike.

Slike iz Bridge aplikacije također možete povući u Adobe XD.

Ažuriranje teksta u mreži koja se ponavlja

Ovdje ćete otkriti kako ažurirati svoj tekst u mreži koja se ponavlja. Ovo se dovršava na isti način kao i sa slikama, ali .txt format je ključan za funkcioniranje ovog procesa:

Izradite tekst u bilo kojoj aplikaciji koja može spremiti datoteku u formatu Plain Text — to jest, s ekstenzijom .txt. Tekst se može generirati iz Notepad-a, Worda, preuzeti iz Google dokumenata kao običan tekst ili izvesti iz mnogih drugih aplikacija. Za ovaj primjer možete koristiti primjer tekstualne datoteke pod nazivom Bugtext.txt u mapi XD-Files na našoj web stranici.

Postavite mapu koja sadrži tekstualnu datoteku tako da možete vidjeti datoteku i mrežu koja se ponavlja.

Kao i kod postupka zamjene ponovljene slike, kliknite i povucite .txt datoteku preko ponovljene mreže. Tekst se zamjenjuje tekstom iz vaše datoteke.Kako koristiti značajku mreže ponavljanja u Adobe XD

Kliknite i povucite .txt datoteku preko ponovljene mreže kako biste zamijenili tekst.

Ovdje možete vidjeti primjer kako se pojavljuje nakon što su slike i tekst zamijenjeni.

Kako koristiti značajku mreže ponavljanja u Adobe XD

Ponovljena mreža s novim slikama i tekstom.

Ako ste se proširili izvan područja za gledanje, svakako kliknite na naziv montažne ploče iznad ploče kako biste je odabrali.

Povucite donju ručku kako biste proširili na duljinu vaše ponovljene mreže. To omogućuje pomicanje zaslona u pregledu. Isprekidana linija predstavlja područje koje se prikazuje prije pomicanja.Kako koristiti značajku mreže ponavljanja u Adobe XD

Kliknite i povucite za proširenje područja gledanja vaše ponovljene mreže.

Kliknite na gumb Desktop Preview i pomičite se da vidite svoju ponovljene mreže u akciji.


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]