Расстояние между объектами в Illustrator

Обновлено: 01.07.2024

Размещая элементы для дизайна, я часто думаю о расположении. Обычно я беру элемент и все остальное, что может быть похоже, я использую выравнивание по левому краю или распределение по центру. Однако, если у меня есть текст, выровненный по левому краю, и я хочу, чтобы элемент находился на расстоянии X пикселей от конца этого элемента, есть ли способ указать это, не нажимая стрелку вправо пять раз?

Возможно, существует лучший способ сделать это, что-то более волшебное, для чего Illustrator был создан, поэтому любые предложения будут полезны.

2 ответа 2

Введите текст.
Создайте свой элемент.
Поместите левый край элемента в конец текста.
Не снимая выделения с элемента, перейдите в меню «Объект» → «Трансформировать» → «Переместить».
Введите необходимое расстояние в диалоговом окне. Полезно нажать на поле Предварительный просмотр.
Затем вы можете либо выровнять последующие элементы под первым элементом, либо выбрать последующие элементы и выбрать «Объект» → «Преобразовать» → «Преобразовать снова», и все они выполнят последнее преобразование (в данном случае перемещение).

Отлично. Это именно то, что я искал. Как лучше всего совместить левую границу объекта с правой границей объекта (или верхнюю часть одного объекта с нижней частью другого)? Использовать умные направляющие и надеяться, что привязка поставит их в нужное место?

Я бы перешел в режим "Вид" --> "Контур", увеличил масштаб до 6400 % или любой другой и поместил направляющую на край, по которому нужно выровнять. Включите привязку к направляющим, и это должно сработать. Однако обратите внимание, что представление «Структура» работает лучше, если вы выравниваете текст. Если вы выравниваете объект с обведенной линией, оставайтесь в режиме предварительного просмотра, иначе вы будете выравниваться по линии, а не по обводке (которая может отклоняться на несколько точек).

Спасибо, Лорен, иногда полезно знать, что нет команды быстрого доступа или меню файла, чтобы что-то сделать, и что выравнивание вручную — правильный способ продолжить.

Этого можно эффективно добиться с помощью палитры Transform (находится в меню Window > Transform )

Скажем, например, я хочу переместить желтый квадрат точно справа от синего квадрата, в поле «X:» палитры преобразования я вижу, что текущий центр X моего выбранного объекта составляет «267,13 мм». ."

Чтобы переместить его ровно на 10 мм, я могу просто ввести "+10" в поле X палитры (поскольку миллиметры - моя единица измерения по умолчанию), и он правильно переместит желтый квадрат на 10 мм вправо (используйте отрицательные значения для сдвиньте влево, это работает так же в измерении Y, а также действует в полях W/H).

Если бы я хотел переместить желтый квадрат на 10 пунктов (не мм), я бы добавил +10 пунктов ПОСЛЕ мм в поле X:.

Эта функция корректно работает с умножением, делением и другими простыми арифметическими действиями в большинстве полей Illustrator.

При изучении новой программы очень интересно открывать для себя обширные возможности, которые у вас под рукой, однако, когда есть так много всего, что нужно освоить, иногда это может быть немного ошеломляющим. Мы хотели бы поделиться несколькими полезными советами и рекомендациями, которые помогут вам начать знакомство с Adobe Illustrator.

Как выровнять и равномерно распределить объекты

Во-первых, перейдите в «Окно» и выберите «Выровнять» в раскрывающемся меню, чтобы убедиться, что панель видна.

Вы можете выбрать, по чему вы хотите выровнять свои объекты; выбранные вами элементы, ключевой объект или монтажная область. В данном случае мы выравниваемся по выделенному фрагменту (они выделены синим контуром контура).

Выберите «Выровнять по центру по вертикали» (или «Выровнять по центру по горизонтали», если хотите расположить объекты стопкой).

Чтобы распределить объекты равномерно, используйте параметр распределения интервалов.

Если вам требуется точное измерение расстояния между вашими объектами, выберите «Выровнять по ключевому объекту» в раскрывающемся меню. Введите размер, прежде чем нажимать кнопку распределения интервалов (по вертикали или горизонтали в зависимости от нужной ориентации).

Полезный совет:

Выровнять по выделенному: позволяет выровнять выделенные объекты на основе ограничивающей рамки, в которой находятся все выделенные объекты.
Выровнять по ключевому объекту: позволяет выровнять выбранные объекты относительно расположения выбранного объекта. С помощью этой опции вы также можете ввести точный интервал.
Выровнять по монтажной области: позволяет выровнять выбранные объекты на основе их соотношения с монтажной областью. Если вы хотите, чтобы несколько объектов перемещались в пределах области как один объект, сначала сгруппируйте их (Cmd + G).

Как использовать инструмент для создания фигур в Illustrator

В этом случае мы покажем вам, как создать простую форму облака. Те же правила будут применяться к любой пользовательской форме, которую вы хотите создать. Попрактиковавшись в использовании этого инструмента, вы обнаружите, что он значительно упрощает создание более сложной векторной графики и логотипов.

Создайте начальную основу фигуры, нарисовав несколько перекрывающихся элементов.

В данном случае мы хотим создать плоское основание для нашего облака. Для этого откройте панель «Выравнивание» («Окно» > «Выровнять») и выберите объекты, которые хотите выровнять. Выберите «Выровнять по ключевому объекту» в раскрывающемся меню и щелкните объект, по которому хотите выполнить выравнивание. (Это будет показано толстым синим контуром).

Затем выберите «Выровнять по низу по вертикали».

Выделите все свои фигуры и выберите «Инструмент создания фигур» (сочетание клавиш: Shift + M). Перетащите курсор через все сегменты, которые вы хотите включить.

Возможно, на фигуре останутся ненужные части. Удерживая нажатой клавишу «ALT» в инструменте создания фигур, вы сможете удалять сегменты.

Вот и готовый результат — волнистое, но гладкое облако.

Как использовать обтравочные маски в Illustrator

Обтравочные маски отлично подходят для обрезки всего произведения искусства до определенных размеров или вставки узоров, текстур или изображений в заданную форму (при этом сохраняется возможность редактирования в исходном формате).

В этом примере мы покажем, как обрезать фон узора, придав ему изогнутую форму. Однако эти шаги будут работать для любого экземпляра, например фотографии в овале.

Важно отметить, что внутри обтравочной маски можно размещать только отдельные объекты. Это означает, что несколько объектов должны быть сгруппированы вместе или помещены в один связанный файл.

Сначала вам понадобится узор, текстура или изображение, а также форма, в которую вы хотите поместить элемент.

Убедитесь, что ваш элемент контента больше, чем ваша фигура, а затем переместите фигуру на передний план.

Полезный совет. Обводка или заливка фигуры не будут отображаться при создании обтравочной маски. Лучше всего использовать видимый контур, чтобы изначально увидеть, что будет содержаться в маске.

Выделите оба элемента, щелкните правой кнопкой мыши в раскрывающемся меню и выберите «Создать обтравочную маску».

Можно также перейти к «Объект» > «Обтравочная маска» > «Создать».
Вот результат.

Дважды щелкните фигуру, чтобы переместить узор внутри, что позволит вам получить готовый результат именно таким, каким вы хотите его видеть.Даже сама форма не является постоянной, при необходимости вы можете редактировать отдельные опорные точки с помощью инструмента «Прямой выбор» (сочетание клавиш A).

Если вы хотите снова разделить два элемента, просто щелкните правой кнопкой мыши и выберите "Освободить обтравочную маску" или выберите "Объект" > "Обтравочная маска" > "Освободить".

Мы надеемся, что эти несколько советов и рекомендаций по работе с Illustrator были вам полезны, и вам понравится изучать и открывать для себя эту замечательную программу!

При создании объекта с помощью инструментов "Перо" или "Фигура" используйте Быстрые направляющие для размещения
анкерных точек нового объекта относительно существующего объекта.

При перемещении объекта используйте быстрые направляющие, чтобы совместить курсор с направляющими построения и существующими путями.
Выравнивание основано на положении указателя, а не на краях объекта, поэтому не забудьте щелкнуть точно
точку, по которой нужно выполнить выравнивание.

При преобразовании объекта автоматически появляются быстрые направляющие, помогающие преобразованию.

Вы можете изменить время и способ отображения быстрых направляющих, настроив настройки быстрых направляющих.

Примечание. Когда включена функция "Привязка к сетке", вы не можете использовать быстрые направляющие (даже если выбрана команда меню).

Настройки Smart Guide

Выберите «Правка» > «Установки» > «Быстрые направляющие и фрагменты» (Windows) или «Illustrator» > «Установки» > «Быстрые направляющие и фрагменты»
(Mac OS), чтобы установить следующие параметры:

Подсказки к текстовой метке

Отображает информацию о положении, к которому в данный момент привязан курсор (например, в центре), когда вы

манипулировать курсором.

Руководства по строительству

Отображает направляющие в файле при использовании быстрых направляющих.

Инструменты преобразования

Отображает информацию при масштабировании, повороте и сдвиге объектов.

Выделение объектов

Выделяет объект под указателем при перетаскивании вокруг него.

Задает углы, под которыми вы хотите начертить направляющие от опорных точек близлежащего объекта. Вы можете настроить до

шесть углов. Введите угол в выбранном поле "Углы", выберите набор углов во всплывающем меню "Углы" или
выберите набор углов во всплывающем меню и измените одно из значений в поле, чтобы настроить набор углов. Предварительный просмотр
отражает ваши настройки.

Допуск привязки

Определяет количество точек, в которых указатель должен быть от другого объекта для быстрых направляющих

Измерение расстояния между объектами

Инструмент "Измерение" вычисляет расстояние между любыми двумя точками и отображает результаты на панели "Информация".

Выберите инструмент измерения

Выполните одно из следующих действий:

Нажмите на две точки, чтобы измерить расстояние между ними.

Нажмите первую точку и перетащите ее ко второй точке. Удерживая нажатой клавишу SHIFT, перетащите инструмент, чтобы ограничить угол, кратный 45˚.

Информационная панель показывает горизонтальное и вертикальное расстояния от осей x и y, абсолютные горизонтальные и вертикальные
расстояния, общие расстояния и измеренный угол.

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

Возможно, вы уже пробовали выравнивать объекты, хорошая отправная точка! Но помните, выравнивание не меняет расстояние в пространстве, оно только меняет положение. Почти готово, осталось найти другие параметры на панели «Выравнивание».

В этом уроке вы узнаете три способа равномерного распределения объектов в Adobe Illustrator. Я собираюсь показать вам, как создать такой макет, используя три метода.

Примечание. Скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 для Mac. Windows или другие версии могут выглядеть иначе.

Оглавление

Способ 1: Выровнять панель

Вы можете выровнять и равномерно распределить объекты за пару кликов с помощью панели «Выравнивание». Если вам нужно точное расстояние между объектами, есть один важный шаг, который вы не можете пропустить — выберите ключевой объект в качестве эталона. Прежде чем перейти к этому, давайте начнем добавлять объекты в документ.

Шаг 1. Используйте инструмент «Текст» (T), чтобы добавить текст в документ. Вы можете попробовать расставить и выровнять их на глаз с помощью умной направляющей.

Неплохо! Расстояние выглядит довольно равномерным, но давайте будем профессиональны и убедимся, что они на самом деле расположены равномерно.

Шаг 2. Выберите все тексты, панель «Выравнивание» должна появиться в разделе «Свойства». Если вы не можете его найти, вы можете открыть панель из меню «Окно» > «Выровнять».

Нажмите "Дополнительные параметры" (три точки), чтобы развернуть панель.

Внизу панели вы увидите две опции «Распределить интервалы».

Шаг 3. Выберите пространство для горизонтального распределения.

Я продублировал текст, чтобы показать разницу. Тексты в ограничительной рамке равномерно распределены.

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

Например, предположим, что вы выбрали О программе в качестве ключевого объекта.

Выберите «Выровнять по ключевому объекту» на панели «Выравнивание».

Вы увидите, что один из объектов (текст) выделен. Вы можете изменить ключевой объект, щелкнув объект, который хотите установить в качестве ключевого объекта. Теперь нажмите О программе.

Укажите расстояние между объектами, например 50 пикселей, и нажмите "Распределить пространство по горизонтали".

Запомните эти 3 кнопки 😉

Теперь расстояние между объектами равно 50 пикселям.

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

Способ 2. Повторите шаг

Этот метод работает, только если вы размещаете одинаковые объекты. Если объект не тот, попробуйте другие методы. Мы собираемся создать такие же фоны подменю (прямоугольники), поэтому мы можем использовать этот метод.

Шаг 1. Инструментом "Прямоугольник" (М) нарисуйте прямоугольник. Вы можете выровнять его с текстом выше.

Примечание. При выравнивании объектов по вертикали вы можете изменить интервал по горизонтали.

Шаг 2. Удерживая клавишу Option (Alt для пользователей Windows) и Shift, щелкните и перетащите прямоугольник вправо под вторым текстом.

Шаг 3. Повторите последний (повторяющийся) шаг, используя сочетание клавиш Command + D (Ctrl + D для пользователей Windows). Вы можете использовать ярлык несколько раз, пока не получите прямоугольный фон для каждой категории.

Быстро и легко! Этот метод лучше всего работает, когда вы хотите создать равномерный узор одинаковой формы.

В любом случае, давайте добавим элементы подменю. Я буду использовать текст Lorem Ipsum в качестве примера и покажу вам, как это сделать, используя сетку в качестве руководства.

Способ 3. Используйте сетку

Если у вас немного объектов для выравнивания, вы можете равномерно распределить объекты по сеткам и направляющим. На самом деле, если ваша интеллектуальная направляющая активирована, когда вы перетаскиваете объекты, она будет показывать расстояние между объектами, но давайте воспользуемся сеткой, чтобы убедиться в этом.

Шаг 1. После добавления текста в документ перейдите в верхнее меню и выберите «Вид» > «Показать сетку», чтобы отобразить сетку.

Вы должны видеть сетки в документе, но не видите сетки поверх прямоугольников. Уменьшите непрозрачность прямоугольника.

Увеличьте масштаб, прежде чем перейти к следующему шагу.

Шаг 2. Определите расстояние между текстом. Например, если вы хотите, чтобы пространство было двумя строками сетки. Переместите текст на две строки выше текста.

После того, как вы закончите размещение всего текста, верните непрозрачность прямоугольника к 100%.

Выглядит хорошо? Вы можете выбрать все тексты и продублировать их (попробуйте использовать метод 2) в столбце следующей категории. Вы можете изменить текстовое содержимое позже, здесь мы только создаем макет.

Сейчас вы можете отключить сетку, чтобы посмотреть, как она выглядит.

Вы всегда можете перепроверить, чтобы убедиться, что они правильно выровнены и равномерно распределены, вернувшись к панели «Выравнивание».

Заключение

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

Просто краткий обзор. Когда у вас уже есть готовые объекты, метод панели «Выравнивание» должен быть самым быстрым способом. Если вы пытаетесь создать равномерно расположенные одинаковые объекты, метод повторения шага работает очень хорошо.

Что касается сетки, использовать ее всегда полезно, но это правда, что когда есть несколько объектов, перемещение их по одному может быть суетой.

Окончила специальность "Креативная реклама", более восьми лет работала графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлекаюсь искусством и дизайном.

Оставить ответ

Эй, креативщики!

Меня зовут Джун, я графический дизайнер и решаю проблемы. Я здесь, чтобы помочь вам решить ваши проблемы с Illustrator. Узнайте больше обо мне и почему я создал этот сайт здесь.

Последние записи

Лучшее от IllustratorHow

Подпишитесь на мою рассылку, чтобы получать последние советы по Adobe Illustrator на свой почтовый ящик.

Отказ от ответственности

Illustrator — это программа для дизайна, разработанная Adobe Inc. Этот сайт не связан с Adobe. Являясь партнером Amazon, я зарабатываю на соответствующих покупках.

Инструмент измерения, как следует из названия, используется для измерения расстояния между двумя точками. В этом разделе мы узнаем об инструменте «Измерение» в Illustrator.

Расположение инструмента

3D-анимация, моделирование, симуляция, разработка игр и другое

Во-первых, давайте посмотрим на расположение инструмента измерения на панели инструментов Illustrator. Инструмент измерения выглядит следующим образом.

С базовой панелью инструментов

Если вы используете основную панель инструментов, инструмент измерения не отображается среди видимых инструментов.

Нажав на три точки внизу, вы сможете отредактировать панель инструментов. Вы можете видеть, что серые уже являются частью панели инструментов, а белые в настоящее время недоступны и могут быть добавлены на существующую панель инструментов. Если вы прокрутите список инструментов вниз, вы найдете инструмент измерения.

Теперь его можно перетащить на существующую панель инструментов. Его можно разместить в нижней части панели, где появляется синяя линия, как показано на снимке экрана.

В качестве альтернативы, если его перетащить на существующий инструмент (выделен синим цветом), он будет сгруппирован вместе с ним, как показано на снимке экрана.

Обучение иллюстратору (1 курс, 2+ проекта) 1 Онлайн-курсы | 2 практических проекта | 12+ часов | Поддающийся проверке сертификат об окончании | Пожизненный доступ
4,5 (3793 оценки)

Расширенная панель инструментов

Дополнительную панель инструментов можно выбрать, щелкнув меню "Окно" -> "Панели инструментов" -> "Дополнительно".

По умолчанию у него есть инструмент Измерить.Он был сгруппирован с помощью инструмента "Пипетка".

Различные измерения

Теперь, когда мы знаем, как получить доступ к инструменту измерения, давайте разберемся со всей доступной нам информацией. Информация доступна на информационной панели.

Инструмент измерения рисует линию вдоль пути, который нужно измерить. Если бы вы щелкнули и нарисовали линию с помощью инструмента измерения, вы бы получили:

Расстояние по горизонтали от начальной точки линии до оси X (X)
Расстояние по вертикали от начальной точки линии до оси Y (Y)
Диагональ линии (D)
Ширина линии — это расстояние по горизонтали или оси X (W)
Высота линии – это расстояние по вертикали или оси Y и (H)
Угол линии – угол, образованный по отношению к горизонтали или оси X. ( )

Знаки измерений

Если измерение производится в направлении вверх вправо,

ширина положительна.
высота отрицательна.
угол положительный.

Вверху влево,

ширина имеет отрицательное значение.
высота отрицательна.
угол положительный

Внизу влево,

ширина имеет отрицательное значение.
высота положительна.
угол отрицательный.

Внизу вправо,

ширина положительна.
высота положительна.
угол отрицательный.

Как показано зелеными стрелками на прилагаемых рисунках.

Использование инструмента измерения

Его можно использовать для измерения расстояния между любыми двумя точками. Это может быть:

Практическое применение

Эта информация может быть чрезвычайно полезной для архитектора или дизайнера интерьеров, поскольку он может знать ширину комнат, дверей и окон, а также знать, какая мебель подойдет для определенного пространства. Портные и модельеры могут использовать его для точного измерения своих моделей. Его могут использовать графические и веб-дизайнеры для создания макетов.

Подводя итог, можно сказать, что инструмент измерения — это помощь, которую Adobe предлагает пользователям Illustrator для точных измерений.