När du utformar layouter eller bara justerar navigeringsfältet vill du se till att avståndet mellan varje sektion är jämnt. Kan du inte avgöra det exakta avståndet genom att klicka och dra? Oroa dig inte, du kan använda några verktyg och guider från Adobe Illustrator.

Du har förmodligen redan försökt att justera objekten, vilket är en bra utgångspunkt! Men kom ihåg att justeringen inte ändrar avståndet mellan rummen, utan bara positionen. Du är nästan framme, du behöver bara hitta andra alternativ i panelen Align.

I den här handledningen får du lära dig tre sätt att jämnt utforma rymdobjekt i Adobe Illustrator. Jag ska visa dig hur du skapar en sådan här layout med hjälp av de tre metoderna.

Observera: skärmdumparna från den här handledningen är tagna från Adobe Illustrator CC 2022 Mac-versionen. Windows- eller andra versioner kan se annorlunda ut.

Metod 1: Justera panelen

Du kan justera och placera objekt jämnt med några få klick med hjälp av panelen Justera. Om du vill ha ett exakt avstånd mellan objekten finns det ett viktigt steg som du inte får missa - välj ett nyckelobjekt som referens. Innan vi går in på det här börjar vi med att lägga till objekt i dokumentet.

Steg 1: Använd den Typ Verktyg (T) Du kan försöka placera dem med hjälp av den smarta guiden och anpassa dem med hjälp av ögat.

Inte illa! Avståndet ser ganska jämnt ut, men låt oss vara professionella och se till att de faktiskt är jämnt fördelade.

Steg 2: Markera alla texter, den Rikta in bör visas under Egenskaper Om du inte hittar den kan du öppna panelen från överliggande menyn. Fönster > Rikta in .

Klicka på Fler alternativ (de tre prickarna) för att utöka panelen.

Du kommer att se två Fördela avståndet alternativ längst ner på panelen.

Steg 3: Välj Horisontell fördelning av utrymme .

Jag har duplicerat texten för att visa skillnaden. Texterna inom den avgränsande boxen är jämnt fördelade.

Snabbtips: Om du redan har ett exakt avståndsvärde i åtanke kan du också ange avståndet, men först måste du välja ett nyckelobjekt.

Om du till exempel väljer Om som nyckelobjekt.

Välj Anpassa till nyckelobjekt på panelen Justera.

Du ser att ett av objekten (text) är markerat. Du kan ändra nyckelobjektet genom att klicka på det objekt som du vill använda som nyckelobjekt. Så nu klickar du på Om .

Ange det utrymme du vill ha mellan objekten, låt oss säga 50px, och klicka på Horisontellt fördela utrymme.

Kom ihåg dessa 3 knappar 😉

Nu är avståndet mellan objekten 50px.

Nu är navigeringsfältet skapat, låt oss gå vidare till undermenyn.

Metod 2: Upprepa steg

Den här metoden fungerar bara när du har samma objekt på avstånd. Om objektet inte är detsamma ska du prova andra metoder. Vi ska skapa samma bakgrundsbilder för undermenyer (rektanglar), så att vi kan använda den här metoden.

Steg 1: Använd Rektangelverktyg (M) för att rita en rektangel. Du kan anpassa den till texten ovan.

Observera: När du justerar objekt vertikalt kan du ändra avståndet horisontellt.

Steg 2: Håll den Alternativ ( Alt för Windows-användare) och Skift klickar du på och drar rektangeln till höger under den andra texten.

Steg 3: Upprepa det sista (duplicerade) steget med hjälp av tangentbordsgenvägen Kommando + D ( Ctrl + D Du kan använda genvägen flera gånger tills du får en rektangelbakgrund för varje kategori.

Snabbt och enkelt! Den här metoden fungerar bäst när du vill skapa ett jämnt mönster med samma form.

Nu ska vi lägga till undermenyalternativ. Jag använder Lorem Ipsum-text som exempel och visar hur du gör det med hjälp av rutnätet som guide.

Metod 3: Använd rutnät

Om du inte har så många objekt att justera kan du placera objekten jämnt enligt rutnät och guider. Smart guide är aktiverad, när du drar i objekten visas avståndet mellan objekten, men vi använder rutnät för att vara säkra.

Steg 1: När du har lagt till text i dokumentet går du till menyn över huvudet och väljer Visa > Visa rutnät för att visa rutnätet.

Du borde se rutnät i dokumentet, men du ser inte rutnätet ovanpå rektanglarna. Sänk rektangelns opacitet.

Zooma in innan du går till nästa steg.

Steg 2: Bestäm vilket avstånd du vill ha mellan texterna. Om du till exempel vill att utrymmet ska vara två rader i rutnätet, flytta texten två rader från texten ovanför.

När du är klar med att placera all text, ändra rektangelns opacitet till 100 %.

Ser det bra ut? Du kan välja alla texter och duplicera dem (försök med metod 2) till nästa kategorikolumn. Du kan ändra textinnehållet senare, här skapar vi bara layouten.

Du kan stänga av nätet nu för att se hur det ser ut.

Du kan alltid dubbelkontrollera att de är rätt placerade och jämnt fördelade genom att gå tillbaka till Rikta in panel.

Slutsats

Du kan använda alla metoder ovan för att jämnt skapa rymdobjekt, och beroende på vad du vill göra kan vissa metoder vara mer praktiska än andra.

Bara en snabb genomgång: När du redan har objekten färdiga bör panelen Align panelmetoden vara det snabbaste sättet. Om du försöker skapa identiska objekt med jämnt avstånd fungerar metoden step repeat ganska bra.

När det gäller rutnätet är det alltid en bra vana att använda det, men det är sant att när det finns flera objekt kan det vara svårt att flytta dem ett och ett.