Kiedy projektujesz układy lub po prostu dostosowujesz pasek nawigacyjny, chciałbyś się upewnić, że odstępy między poszczególnymi sekcjami są równe. Nie możesz określić dokładnej odległości, klikając i przeciągając? Nie martw się, możesz użyć niektórych narzędzi i przewodników z programu Adobe Illustrator.

Prawdopodobnie próbowałeś już wyrównać obiekty, to dobry punkt wyjścia! Pamiętaj jednak, że wyrównywanie nie zmienia odległości w przestrzeni, zmienia tylko położenie. Jesteś już prawie na miejscu, musisz tylko znaleźć inne opcje w panelu Wyrównaj.

W tym tutorialu poznasz trzy sposoby na równomierne rozmieszczenie obiektów przestrzennych w programie Adobe Illustrator. Pokażę Ci, jak stworzyć taki układ przy użyciu tych trzech metod.

Uwaga: zrzuty ekranu z tego samouczka pochodzą z wersji Adobe Illustrator CC 2022 Mac. Windows lub inne wersje mogą wyglądać inaczej.

Metoda 1: Wyrównaj panel

Możesz wyrównać i rozmieścić obiekty równomiernie za pomocą kilku kliknięć, korzystając z panelu Wyrównaj. Jeśli chcesz uzyskać dokładną odległość między obiektami, jest jeden zasadniczy krok, którego nie możesz pominąć - wybierz kluczowy obiekt jako punkt odniesienia. Zanim do tego przejdziemy, zacznijmy dodawać obiekty do dokumentu.

Krok 1: Użyj Typ Narzędzie (T) aby dodać tekst do dokumentu. Możesz spróbować spacji i wyrównania ich na oko za pomocą inteligentnego przewodnika.

Nieźle! Odległość wygląda dość równomiernie, ale bądźmy profesjonalni i upewnijmy się, że faktycznie są one rozmieszczone równomiernie.

Krok 2: Wybierz wszystkie teksty, a następnie Wyrównaj panel powinien pokazać się pod Właściwości Jeśli nie możesz go znaleźć, możesz otworzyć panel z menu górnego Okno > Wyrównaj .

Kliknij Więcej opcji (trzy kropki), aby rozwinąć panel.

Zobaczysz dwa Rozmieścić odstępy opcje w dolnej części panelu.

Krok 3: Wybierz Pozioma przestrzeń dystrybucji .

Powieliłem tekst, aby pokazać różnicę. Teksty w obrębie ramki ograniczającej są równomiernie rozmieszczone.

Szybka wskazówka: jeśli masz już w głowie dokładną wartość odległości, możesz również wprowadzić odległość, ale najpierw musisz wybrać obiekt kluczowy.

Na przykład, zakładając, że wybierzesz O jako obiekt kluczowy.

Wybierz Wyrównaj do obiektu kluczowego na panelu Align.

Zobaczysz, że jeden z obiektów (tekst) jest podświetlony. Możesz zmienić kluczowy obiekt klikając na obiekt, który chcesz ustawić jako kluczowy. Kliknij więc teraz na O .

Wprowadź przestrzeń, jaką chcesz uzyskać między obiektami, powiedzmy 50px, i kliknij przycisk Horizontal Distribute Space.

Pamiętajcie o tych 3 przyciskach 😉

Teraz odległość między obiektami wynosi 50px.

Teraz pasek nawigacyjny jest stworzony, przejdźmy do podmenu.

Metoda 2: Powtórzenie kroku

Ta metoda działa tylko wtedy, gdy odstępujesz identyczne obiekty. Jeśli obiekt nie jest taki sam, spróbuj innych metod. Będziemy tworzyć takie same tła podmenu (prostokąty), więc możemy użyć tej metody.

Krok 1: Użyj Narzędzie Prostokąt (M) aby narysować prostokąt. Możesz go wyrównać z tekstem powyżej.

Uwaga: gdy wyrównujesz obiekty w pionie, możesz zmienić odstępy w poziomie.

Krok 2: Trzymaj Opcja ( Alt dla użytkowników Windows) oraz Zmiana klawisze, kliknij i przeciągnij prostokąt w prawo pod drugi tekst.

Krok 3: Powtórzenie ostatniego (zduplikowanego) kroku za pomocą skrótu klawiaturowego Polecenie + D ( Ctrl + D dla użytkowników Windows). Możesz użyć tego skrótu wielokrotnie, aż uzyskasz prostokątne tło dla każdej kategorii.

Szybko i łatwo! Ta metoda sprawdza się najlepiej, gdy chcesz stworzyć równomiernie rozłożony wzór o tym samym kształcie.

W każdym razie, dodajmy elementy podmenu. Użyję tekstu Lorem Ipsum jako przykładu i pokażę, jak to zrobić, używając siatki jako przewodnika.

Metoda 3: Użyj siatki

Jeśli nie masz zbyt wielu obiektów do wyrównania, możesz rozmieścić je równomiernie zgodnie z siatkami i prowadnicami. Inteligentny przewodnik jest aktywowana, po przeciągnięciu obiektów pokaże odległość między obiektami, ale użyjmy siatek tylko dla pewności.

Krok 1: Po dodaniu tekstu do dokumentu przejdź do menu nadrzędnego i wybierz Zobacz > Pokaż siatkę aby pokazać siatkę.

Powinieneś widzieć siatki w swoim dokumencie, ale nie widzisz siatek na wierzchu prostokątów. Zmniejsz krycie prostokąta.

Przed przejściem do następnego kroku wykonaj zbliżenie.

Krok 2: Zdecyduj, jaką chcesz odległość między tekstem. Na przykład, jeśli chcesz, aby przestrzeń była dwoma rzędami siatki. Przesuń tekst o dwa rzędy od tekstu powyżej.

Po zakończeniu pozycjonowania całego tekstu, przywróć krycie prostokąta do 100%.

Wygląda dobrze? Możesz wybrać wszystkie teksty i powielić je (spróbuj użyć metody 2) do następnej kolumny kategorii. Możesz zmienić zawartość tekstu później, tutaj tworzymy tylko układ.

Możesz teraz wyłączyć siatkę, aby zobaczyć, jak to wygląda.

Zawsze możesz sprawdzić, czy są one prawidłowo wyrównane i rozmieszczone równomiernie, wracając do Wyrównaj panel.

Wniosek

Możesz użyć dowolnych metod powyżej, aby wyrównać obiekty kosmiczne i w zależności od tego, co próbujesz zrobić, niektóre metody mogą być wygodniejsze niż inne.

Po prostu szybki przegląd.Kiedy masz już gotowe obiekty, metoda panelu Align powinna być najszybszym sposobem.Jeśli próbujesz stworzyć równomiernie rozmieszczone identyczne obiekty, metoda powtarzania kroku działa całkiem dobrze.

Co do siatek, to zawsze dobrym nawykiem jest ich używanie, ale prawdą jest, że gdy jest wiele obiektów, przesuwanie ich po kolei może być zgiełkiem.