Kada dizajnirate izglede ili jednostavno prilagođavate navigacijsku traku, trebali biste biti sigurni da je razmak između svakog odjeljka jednak. Ne možete odrediti točnu udaljenost klikom i povlačenjem? Ne brinite, možete koristiti neke alate i vodiče iz Adobe Illustrator.

Vjerojatno ste već pokušali poravnati objekte, dobro polazište! Ali zapamtite, poravnavanje ne mijenja prostornu udaljenost, ono samo mijenja položaj. Još malo pa ste gotovi, samo trebate pronaći druge opcije unutar ploče Poravnaj.

U ovom vodiču naučit ćete tri načina za ravnomjerno raspoređivanje objekata u Adobe Illustratoru. Pokazat ću vam kako izraditi ovakav izgled koristeći tri metode.

Napomena: snimke zaslona iz ovog vodiča preuzete su iz Adobe Illustrator CC 2022 Mac verzije. Windows ili druge verzije mogu izgledati drugačije.

Metoda 1: Poravnaj ploču

Možete ravnomjerno poravnati i razmaknuti objekte u nekoliko klikova pomoću ploče Poravnaj. Ako želite točnu udaljenost između objekata, postoji jedan bitan korak koji ne smijete propustiti - odaberite ključni objekt kao referencu. Prije nego što uđemo u to, počnimo dodavati objekte u dokument.

Korak 1: Koristite Type Tool (T) za dodavanje teksta u dokument. Možete ih pokušati razmaknuti i poravnati na oko uz pomoć pametne vodilice.

Nije loše! Udaljenost izgleda prilično ravnomjerno, ali budimo profesionalni i napravimosigurni da su zapravo ravnomjerno raspoređeni.

Korak 2: Odaberite sve tekstove, ploča Poravnaj trebala bi se prikazati ispod Svojstva . Ako ga ne možete pronaći, možete otvoriti ploču iz gornjeg izbornika Prozor > Poravnaj .

Kliknite Više opcija (tri točke) za proširenje ploče.

Vidjet ćete dvije opcije Distribuiraj razmak na dnu ploče.

Korak 3: Odaberite Horizontalna distribucija prostora .

Duplicirao sam tekst kako bih pokazao razliku. Tekstovi unutar graničnog okvira ravnomjerno su raspoređeni.

Brzi savjet: ako već imate na umu točnu vrijednost udaljenosti, također možete unijeti udaljenost, ali prije svega trebate odabrati ključni objekt.

Na primjer, pod pretpostavkom da odaberete O kao ključni objekt.

Odaberite Poravnaj s ključnim objektom na ploči Poravnaj.

Vidjet ćete da je jedan od objekata (tekst) označen. Ključni objekt možete promijeniti klikom na objekt koji želite postaviti kao ključni objekt. Sada kliknite na O .

Unesite razmak koji želite između objekata, recimo 50 px, i kliknite Horizontal Distribute Space.

Zapamtite ova 3 gumba 😉

Sada je udaljenost između objekata 50 px.

Sada je navigacijska traka stvorena, prijeđimo na podizbornik.

Metoda 2: Ponovite korak

Ova metoda radi samo kada razmakneteidentične objekte. Ako objekt nije isti, pokušajte s drugim metodama. Napravit ćemo iste pozadine podizbornika (pravokutnike), tako da možemo koristiti ovu metodu.

Korak 1: Koristite Alat za pravokutnik (M) za crtanje pravokutnika. Možete ga uskladiti s gornjim tekstom.

Napomena: kada poravnate objekte okomito, možete promijeniti vodoravni razmak.

Korak 2: Držite Option ( Alt za Windows korisnike) i Shift tipke, kliknite i povucite pravokutnik udesno ispod drugog teksta.

Korak 3: Ponovite posljednji (duplicirani) korak koristeći tipkovni prečac Command + D ( Ctrl + D za Windows korisnike). Možete koristiti prečac više puta dok ne dobijete pravokutnu pozadinu za svaku kategoriju.

Brzo i jednostavno! Ova metoda najbolje funkcionira kada želite stvoriti ravnomjerno raspoređeni uzorak istog oblika.

U svakom slučaju, dodajmo stavke podizbornika. Koristit ću Lorem Ipsum tekst kao primjer i pokazati vam kako to učiniti koristeći mrežu kao vodič.

Metoda 3: Koristite mrežu

Ako nemate puno objekte za poravnavanje, možete ravnomjerno rasporediti objekte slijedeći rešetke i vodilice. Zapravo, ako je vaš Pametni vodič aktiviran, kada povučete objekte, pokazat će udaljenost između objekata, ali upotrijebimo rešetke samo da budemo sigurni.

1. korak: Nakon dodavanja teksta u dokument, idite nagornji izbornik i odaberite Prikaz > Prikaži mrežu za prikaz mreže.

Trebali biste vidjeti rešetke u svom dokumentu, ali ne vidite rešetke na vrhu pravokutnika. Smanjite neprozirnost pravokutnika.

Uvećajte prikaz prije nego što prijeđete na sljedeći korak.

Korak 2: Odlučite udaljenost koju želite između teksta. Na primjer, ako želite da prostor bude dva reda mreže. Premjestite tekst dva reda od teksta iznad.

Kada završite s pozicioniranjem cijelog teksta, vratite neprozirnost pravokutnika na 100%.

Izgleda dobro? Možete odabrati sve tekstove i duplicirati ih (pokušajte upotrijebiti metodu 2) u sljedeći stupac kategorije. Sadržaj teksta možete promijeniti kasnije, ovdje samo kreiramo izgled.

Sada možete isključiti mrežu da vidite kako izgleda.

Uvijek možete još jednom provjeriti jesu li ispravno poravnati i ravnomjerno raspoređeni vraćajući se na ploču Poravnaj .

Zaključak

Možete koristiti bilo koje gore navedene metode za ravnomjerno raspoređivanje objekata i ovisno o tome što pokušavate napraviti, neke metode mogu biti prikladnije od drugih.

Samo brzi pregled. Kada već imate spremne objekte, metoda ploče Poravnaj trebala bi biti najbrži način. Ako pokušavate stvoriti ravnomjerno raspoređene identične objekte, metoda ponavljanja koraka prilično dobro funkcionira.

Što se tiče mreže, uvijek je dobra navika koristiti ih, ali istina je da kadapostoji više objekata, pomicanje jednog po jednog može biti gužva.