Když navrhujete rozvržení nebo jednoduše upravujete navigační panel, chtěli byste se ujistit, že jsou rozestupy mezi jednotlivými oddíly rovnoměrné. Nemůžete zjistit přesnou vzdálenost kliknutím a přetažením? Nebojte se, můžete použít některé nástroje a vodítka z aplikace Adobe Illustrator.

Pravděpodobně jste se již pokusili objekty zarovnat, dobrý výchozí bod! Nezapomeňte však, že zarovnání nemění prostorovou vzdálenost, ale pouze polohu. Už jste téměř u cíle, jen musíte najít další možnosti v rámci panelu Zarovnání.

V tomto tutoriálu se naučíte tři způsoby, jak v aplikaci Adobe Illustrator rovnoměrně rozložit prostorové objekty. Ukážu vám, jak pomocí těchto tří metod vytvořit takovéto rozvržení.

Poznámka: Snímky obrazovky z tohoto návodu pocházejí z verze Adobe Illustrator CC 2022 pro Mac. Windows nebo jiné verze mohou vypadat jinak.

Metoda 1: Zarovnání panelu

Pomocí panelu Zarovnání můžete objekty zarovnat a rovnoměrně rozmístit na pár kliknutí. Pokud chcete přesnou vzdálenost mezi objekty, nesmíte vynechat jeden zásadní krok - vybrat klíčový objekt jako referenční. Než se k němu dostaneme, začneme do dokumentu přidávat objekty.

Krok 1: Použijte Typ nástroje (T) přidat do dokumentu text. Můžete si vyzkoušet jejich umístění a zarovnání podle oka s pomocí inteligentního průvodce.

To není špatné! Vzdálenost vypadá celkem rovnoměrně, ale buďme profesionálové a ujistěme se, že jsou skutečně rozmístěny rovnoměrně.

Krok 2: Vybrat všechny texty. Zarovnat panel by se měl zobrazit pod Vlastnosti Pokud ji nemůžete najít, můžete panel otevřít z horního menu. Okno > Zarovnat .

Klikněte na Další možnosti (tři tečky) rozbalíte panel.

Uvidíte dva Distribuční rozteč možnosti v dolní části panelu.

Krok 3: Vyberte Horizontální distribuční prostor .

Zduplikoval jsem text, abych ukázal rozdíl. Texty v ohraničujícím rámečku jsou rovnoměrně rozmístěny.

Rychlý tip: pokud již máte v hlavě přesnou hodnotu vzdálenosti, můžete ji také zadat, ale nejprve musíte vybrat klíčový objekt.

Například za předpokladu, že zvolíte O stránkách jako klíčový objekt.

Vyberte si Zarovnání ke klíčovému objektu na panelu Zarovnat.

Uvidíte, že jeden z objektů (text) je zvýrazněn. Klíčový objekt můžete změnit kliknutím na objekt, který chcete nastavit jako klíčový. Nyní tedy klikněte na tlačítko O stránkách .

Zadejte požadovanou mezeru mezi objekty, řekněme 50px, a klikněte na tlačítko Horizontální rozdělení prostoru.

Zapamatujte si tato 3 tlačítka 😉

Vzdálenost mezi objekty je nyní 50px.

Nyní je navigační panel vytvořen, přejděme k podnabídce.

Metoda 2: Opakování kroku

Tato metoda funguje pouze v případě, že rozmísťujete stejné objekty. Pokud objekty nejsou stejné, vyzkoušejte jiné metody. Budeme vytvářet stejná pozadí podnabídek (obdélníky), takže můžeme použít tuto metodu.

Krok 1: Použijte Nástroj Obdélník (M) nakreslit obdélník. Můžete jej zarovnat s textem nad ním.

Poznámka: při zarovnávání objektů na výšku můžete změnit rozestupy na šířku.

Krok 2: Podržte Možnost ( Alt pro uživatele systému Windows) a Směna klikněte a přetáhněte obdélník doprava pod druhý text.

Krok 3: Poslední (duplicitní) krok zopakujte pomocí klávesové zkratky Příkaz + D ( Ctrl + D pro uživatele systému Windows). Tuto klávesovou zkratku můžete použít vícekrát, dokud nezískáte obdélníkové pozadí pro každou kategorii.

Tato metoda je nejvhodnější, pokud chcete vytvořit rovnoměrně rozmístěný vzor stejného tvaru.

Každopádně přidáme položky podnabídky. Jako příklad použiji text Lorem Ipsum a ukážu vám, jak to udělat pomocí mřížky jako vodítka.

Metoda 3: Použití mřížky

Pokud nemáte mnoho objektů k zarovnání, můžete objekty rovnoměrně rozmístit podle mřížek a vodítek. Ve skutečnosti, pokud vaše Chytrý průvodce je aktivován, při přetahování objektů se zobrazí vzdálenost mezi objekty, ale pro jistotu použijme mřížky.

Krok 1: Po přidání textu do dokumentu přejděte do režijní nabídky a vyberte možnost Zobrazit > Zobrazit mřížku zobrazit mřížku.

V dokumentu byste měli vidět mřížky, ale nevidíte mřížky na vrcholu obdélníků. Snižte krytí obdélníku.

Než přejdete k dalšímu kroku, přiblížíte si jej.

Krok 2: Rozhodněte se, jakou vzdálenost mezi textem chcete mít. Například pokud chcete, aby mezera tvořila dva řádky mřížky. Přesuňte text o dva řádky od textu nad ním.

Jakmile dokončíte umísťování textu, nastavte krytí obdélníku zpět na 100 %.

Vypadá to dobře? Můžete vybrat všechny texty a duplikovat je (zkuste použít metodu 2) do dalšího sloupce kategorie. Obsah textu můžete později změnit, zde pouze vytváříme rozvržení.

Nyní můžete mřížku vypnout a podívat se, jak vypadá.

Vždy můžete překontrolovat, zda jsou správně zarovnané a rovnoměrně rozmístěné, a vrátit se zpět k položce. Zarovnat panel.

Závěr

K rovnoměrnému vytváření prostorových objektů můžete použít všechny výše uvedené metody a v závislosti na tom, co se snažíte vytvořit, mohou být některé metody vhodnější než jiné.

Jen krátký přehled. Pokud již máte objekty připravené, měla by být metoda Zarovnat panel nejrychlejší. Pokud se snažíte vytvořit rovnoměrně rozmístěné stejné objekty, funguje docela dobře metoda opakování kroků.

Co se týče mřížky, je dobré ji vždy používat, ale je pravda, že když je objektů více, může být jejich přesouvání po jednom zdlouhavé.