Когато проектирате оформления или просто регулирате лентата за навигация, бихте искали да сте сигурни, че разстоянието между всеки раздел е равномерно. Не можете да определите точното разстояние чрез щракване и плъзгане? Не се притеснявайте, можете да използвате някои инструменти и ръководства от Adobe Illustrator.

Вероятно вече сте се опитали да подравните обектите, добра отправна точка! Но не забравяйте, че подравняването не променя разстоянието в пространството, а само позицията. Почти сте готови, просто трябва да намерите други опции в панела Подравняване.

В този урок ще научите три начина за равномерно разполагане на пространствени обекти в Adobe Illustrator. Ще ви покажа как да създадете подобно оформление, като използвате трите метода.

Забележка: екранните снимки от този урок са взети от версията за Mac на Adobe Illustrator CC 2022. Windows или други версии могат да изглеждат различно.

Метод 1: Изравняване на панела

Можете да подравнявате и размествате обектите равномерно с няколко щраквания на мишката, като използвате панела Подравняване. Ако искате да определите точното разстояние между обектите, има една съществена стъпка, която не можете да пропуснете - изберете ключов обект за референция. Преди да пристъпим към това, нека започнем да добавяме обекти към документа.

Стъпка 1: Използвайте Тип инструмент (T) за добавяне на текст към документа. Можете да се опитате да ги разместите и подравните на око с помощта на интелигентното ръководство.

Не е лошо! Разстоянието изглежда доста равномерно, но нека бъдем професионалисти и да се уверим, че те наистина са разположени равномерно.

Стъпка 2: Изберете всички текстове. Изравняване на панел трябва да се покаже под Имоти Ако не можете да го намерите, можете да отворите панела от горното меню. Прозорец > Изравняване на .

Кликнете върху Повече опции (трите точки), за да разширите панела.

Ще видите две Разпределение на разстоянието опции в долната част на панела.

Стъпка 3: Изберете Хоризонтално разпределение на пространството .

Дублирах текста, за да покажа разликата. Текстовете в ограничаващото поле са равномерно разположени.

Бърз съвет: ако вече имате предвид точна стойност на разстоянието, можете да въведете и разстоянието, но преди това трябва да изберете ключов обект.

Например, ако предположим, че сте избрали За като ключов обект.

Изберете Подравняване към ключов обект в панела Подравняване.

Ще видите, че един от обектите (текст) е маркиран. Можете да промените ключовия обект, като щракнете върху обекта, който искате да зададете като ключов обект. Така че сега щракнете върху За .

Въведете желаното разстояние между обектите, да речем 50px, и щракнете върху Хоризонтално разпределение на пространството.

Запомнете тези 3 бутона 😉

Сега разстоянието между обектите е 50px.

След като навигационната лента е създадена, нека преминем към подменюто.

Метод 2: Повторете стъпка

Този метод работи само когато разполагате с идентични обекти. Ако обектът не е еднакъв, опитайте други методи. Ще създадем еднакви фонове на подменютата (правоъгълници), за да можем да използваме този метод.

Стъпка 1: Използвайте Инструмент за правоъгълник (M) за да нарисувате правоъгълник. Можете да го подравните с текста по-горе.

Забележка: когато подравнявате обекти вертикално, може да промените разстоянието по хоризонтала.

Стъпка 2: Задръжте Опция ( Alt за потребители на Windows) и Смяна щракнете върху правоъгълника и го плъзнете надясно под втория текст.

Стъпка 3: Повторете последната (дублираща) стъпка, като използвате клавишната комбинация Команда + D ( Ctrl + D за потребителите на Windows). Можете да използвате прекия път многократно, докато получите правоъгълен фон за всяка категория.

Бързо и лесно! Този метод е най-подходящ, когато искате да създадете равномерно разположен модел с еднаква форма.

Както и да е, нека да добавим елементите на подменюто. Ще използвам текст Lorem Ipsum като пример и ще ви покажа как да го направите, като използвате мрежата като ръководство.

Метод 3: Използване на решетка

Ако нямате много обекти за подравняване, можете да ги разположите равномерно, като следвате решетките и водачите. Всъщност, ако вашите Smart Guide е активирана, когато плъзгате обектите, тя ще покаже разстоянието между тях, но нека използваме решетки, за да се уверим.

Стъпка 1: След като добавите текст в документа, отидете в горното меню и изберете Вижте > Показване на решетката за показване на мрежата.

Би трябвало да виждате решетки в документа си, но не виждате решетките върху правоъгълниците. Намалете непрозрачността на правоъгълника.

Увеличете мащаба, преди да преминете към следващата стъпка.

Стъпка 2: Определете разстоянието, което искате да има между текстовете. Например, ако искате разстоянието да е два реда от мрежата. Преместете текста на два реда от текста по-горе.

След като приключите с позиционирането на целия текст, върнете непрозрачността на правоъгълника на 100%.

Изглежда добре? Можете да изберете всички текстове и да ги дублирате (опитайте да използвате Метод 2) в следващата колона с категория. Можете да промените съдържанието на текста по-късно, тук само създаваме оформлението.

Сега можете да изключите мрежата, за да видите как изглежда.

Винаги можете да направите повторна проверка, за да се уверите, че те са подравнени правилно и са разположени равномерно, като се върнете към Изравняване на панел.

Заключение

Можете да използвате всички горепосочени методи за равномерно разпределение на пространствени обекти и в зависимост от това какво се опитвате да направите, някои методи може да са по-удобни от други.

Само един бърз преглед. Когато вече имате готови обекти, методът на панела за подравняване би трябвало да е най-бързият начин. Ако се опитвате да създадете равномерно разположени еднакви обекти, методът за повтаряне на стъпки работи доста добре.

Що се отнася до решетката, винаги е добър навик да я използвате, но е вярно, че когато има много обекти, преместването им един по един може да е трудно.