Рисование и изменение простых линий и фигур
Инструменты для рисования фигур в Illustrator позволяют легко и точно создавать базовые фигуры. Кроме того, большинство фигур, созданных с помощью этих инструментов, являются динамическими фигурами. Это значит, что их можно корректировать динамически, не переключаясь на другой инструмент.
Рисование базовых фигур
Большинство инструментов для рисования фигур отображаются при нажатии и удерживании инструмента Прямоугольник на панели инструментов. Чтобы найти другие инструменты для рисования фигур, выберите в нижней части панели инструментов.
Выберите инструмент Прямоугольник (M) и перетащите его на холст, чтобы нарисовать соответствующую фигуру. Чтобы нарисовать квадрат, при перетаскивании нажмите Shift .
Выберите инструмент Прямоугольник со скругленными углами и перетащите его на холст, чтобы нарисовать соответствующую фигуру.
Выберите инструмент Эллипс (L) и перетащите его на холст, чтобы нарисовать соответствующую фигуру. Чтобы нарисовать круг, при перетаскивании нажмите Shift .
Выберите инструмент Многоугольник , затем холст и задайте число сторон для многоугольника.
Выберите инструмент Звезда (S) и перетащите на холст, чтобы нарисовать соответствующую фигуру.
Выберите инструмент Отрезок линии (\) и перетащите на холст, чтобы нарисовать линию.
Выберите инструмент Дуга и перетащите на холст, чтобы нарисовать дугу.
Выберите инструмент Спираль и перетащите на холст, чтобы нарисовать спираль.
Выберите инструмент Мастер фигур и нарисуйте грубые наброски фигур, например многоугольников, кругов и прямоугольников. Инструмент Мастер фигур преобразует их в идеальные геометрические фигуры.
Фигуры, которые создаются с помощью инструментов Прямоугольник , Прямоугольник со скругленными краями , Эллипс , Многоугольник , Отрезок линии и Мастер фигур , — это динамические фигуры.
Рисование базовых фигур с помощью дополнительных параметров
Рисование линий
Выберите инструмент отрезок линии .
Нажмите в том месте холста, где должна начинаться линия. В диалоговом окне укажите значения длины и угла линии. Чтобы окрасить линию в текущий цвет заливки, выберите параметр Окрашивать линию в цвет заливки .
Рисование дуг
Выберите инструмент Дуга .
Нажмите в том месте холста, где должна начинаться дуга. В диалоговом окне Параметры инструмента «Отрезок дуги» задайте следующие параметры:
- : выбор локатора контрольной точки для определения точки начала дуги.
- Длина по оси X : указание ширины дуги.
- Длина по оси Y : указание высоты дуги.
- Тип : определение того, будет ли дуга замкнутой или открытой.
- Вдоль : определение направления дуги. Выберите Ось X или Ось Y , чтобы нарисовать арку вдоль горизонтальной (X) или вертикальной (Y) оси.
- Наклон : определение направления наклона дуги. Чтобы получить вогнутую дугу, введите отрицательное значение. Чтобы получить выгнутую дугу, введите положительное значение. При нулевом значении наклона получается прямая линия.
- Окрашивать дугу в цвет заливки : окрашивание дуги в текущий цвет заливки.
Рисование спиралей
- Руководство пользователя Illustrator
- Основы работы с Illustrator
- Введение в Illustrator
- Новые возможности в приложении Illustrator
- Часто задаваемые вопросы
- Системные требования Illustrator
- Illustrator для Apple Silicon
- Основные сведения о рабочей среде
- Ускоренное обучение благодаря панели «Обзор» в Illustrator
- Создание документов
- Панель инструментов
- Комбинации клавиш по умолчанию
- Настройка комбинаций клавиш
- Общие сведения о монтажных областях
- Управление монтажными областями
- Настройка рабочей среды
- Панель свойств
- Установка параметров
- Рабочая среда «Сенсорное управление»
- Поддержка Microsoft Surface Dial в Illustrator
- Отмена изменений и управление историей дизайна
- Поворот вида
- Линейки, сетки и направляющие
- Специальные возможности в Illustrator
- Безопасный режим
- Просмотр графических объектов
- Работа в Illustrator с использованием Touch Bar
- Файлы и шаблоны
- Краткий обзор инструментов
- Выбор инструментов
- Выделение
- Частичное выделение
- Групповое выделение
- Волшебная палочка
- Лассо
- Монтажная область
- Рука
- Поворот вида
- Масштаб
- Градиент
- Сетка
- Создание фигур
- Текст
- Текст по контуру
- Текст по вертикали
- Перо
- Добавление опорной точки
- Удаление опорной точки
- Опорная точка
- Кривизна
- Отрезок линии
- Прямоугольник
- Прямоугольник со скругленными углами
- Эллипс
- Многоугольник
- Звезда
- Кисть
- Кисть-клякса
- Карандаш
- Формирователь
- Фрагмент
- Поворот
- Отражение
- Масштаб
- Искривление
- Ширина
- Свободное трансформирование
- Пипетка
- Смешивание
- Ластик
- Ножницы
- Создание векторной графики с помощью текстового запроса
- Перекрашивание векторной графики с помощью текстового запроса
- Ретротекст
- Светящийся неоновый текст
- Старомодный текст
- Перекрашивание
- Преобразование эскиза в векторный формат
- Представляем Illustrator на iPad
- Обзор по Illustrator на iPad
- Ответы на часто задаваемые вопросы по Illustrator на iPad
- Системные требования | Illustrator на iPad
- Что можно и нельзя делать в Illustrator на iPad
- Рабочая среда Illustrator на iPad
- Сенсорные ярлыки и жесты
- Комбинации клавиш для Illustrator на iPad
- Управление настройками приложения
- Работа с документами в Illustrator на iPad
- Импорт документов Photoshop и Fresco
- Создание повторяющихся объектов
- Объекты с переходами
- Создание и изменение контуров
- Рисование и редактирование фигур
- Работа с текстом и шрифтами
- Создание текстовых надписей по контуру
- Добавление собственных шрифтов
- Векторизация растровых изображений
- Применение цветов и градиентов
- Основы работы
- Работа с облачными документами Illustrator
- Общий доступ к облачным документам Illustrator и совместная работа над ними
- Публикация документов для проверки
- Обновление облачного хранилища для Adobe Illustrator
- Облачные документы в Illustrator | Часто задаваемые вопросы
- Устранение неполадок с созданием или сохранением облачных документов в Illustrator
- Устранение неполадок с облачными документами в Illustrator
- Рисование
- Основы рисования
- Редактирование контуров
- Рисование графического объекта с точностью на уровне пикселов
- Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
- Рисование простых линий и фигур
- Рисование прямоугольных и полярных сеток
- Создание и редактирование бликов
- Трассировка изображения
- Упрощение контура
- Инструменты для работы с символами и наборы символов
- Корректировка сегментов контура
- Создание цветка в пять простых шагов
- Создание и редактирование сетки перспективы
- Рисование и изменение объектов на сетке перспективы
- Использование объектов в качестве символов для повторного применения
- Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
- Подробнее о 3D-эффектах в Illustrator
- Создание трехмерной графики
- Проецирование рисунка на трехмерные объекты
- Создание трехмерного текста
- Создание трехмерных объектов
- О цвете
- Выбор цветов
- Использование и создание цветовых образцов
- Коррекция цвета
- Панель «Темы Adobe Color»
- Цветовые группы (гармонии)
- Панель «Темы Color»
- Перекрашивание графического объекта
- О раскрашивании
- Раскрашивание с помощью заливок и обводок
- Группы с быстрой заливкой
- Градиенты
- Кисти
- Прозрачность и режимы наложения
- Применение обводок к объектам
- Создание и редактирование узоров
- Сетки
- Узоры
- Выделение объектов
- Слои
- Группировка и разбор объектов
- Перемещение, выравнивание и распределение объектов
- Размещение объектов
- Блокировка, скрытие и удаление объектов
- Копирование и дублирование объектов
- Поворот и отражение объектов
- Переплетение объектов
- Создание реалистичных макетов графики
- Кадрирование изображений
- Трансформирование объектов
- Объединение объектов
- Вырезание, разделение и обрезка объектов
- Марионеточная деформация
- Масштабирование, наклон и искажение объектов
- Объекты с переходами
- Перерисовка с помощью оболочек
- Перерисовка объектов с эффектами
- Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
- Работа с динамическими углами
- Улучшенные процессы перерисовки с поддержкой сенсорного ввода
- Редактирование обтравочных масок
- Динамические фигуры
- Создание фигур с помощью инструмента «Создание фигур»
- Глобальное изменение
- Дополнение текстовых и рабочих объектов типами объектов
- Создание маркированного и нумерованного списков
- Управление текстовой областью
- Шрифты и оформление
- Преобразование текста в изображениях в редактируемый текст
- Применение базового форматирования к тексту
- Применение расширенного форматирования к тексту
- Импорт и экспорт текста
- Форматирование абзацев
- Специальные символы
- Создание текста по контуру
- Стили символов и абзацев
- Табуляция
- Поиск отсутствующих шрифтов (технологический процесс Typekit)
- Шрифт для арабского языка и иврита
- Шрифты | Часто задаваемые вопросы и советы по устранению проблем
- Создание эффекта 3D-текста
- Творческий подход к оформлению
- Масштабирование и поворот текста
- Интерлиньяж и межбуквенные интервалы
- Расстановка переносов и переходы на новую строку
- Проверка орфографии и языковые словари
- Форматирование азиатских символов
- Компоновщики для азиатской письменности
- Создание текстовых проектов с переходами между объектами
- Создание текстового плаката с помощью трассировки изображения
- Работа с эффектами
- Стили графики
- Атрибуты оформления
- Создание эскизов и мозаики
- Тени, свечения и растушевка
- Обзор эффектов
- Лучшие методы создания веб-графики
- Диаграммы
- SVG
- Фрагменты и карты изображений
- Импорт
- Помещение нескольких файлов в документ
- Управление связанными и встроенными файлами
- Сведения о связях
- Извлечение изображений
- Импорт графического объекта из Photoshop
- Импорт растровых изображений
- Импорт файлов Adobe PDF
- Импорт файлов EPS, DCS и AutoCAD
- Библиотеки Creative Cloud Libraries в Illustrator
- Сохранение иллюстраций
- Использование графического объекта Illustrator в Photoshop
- Экспорт иллюстрации
- Сбор ресурсов и их массовый экспорт
- Упаковка файлов
- Создание файлов Adobe PDF
- Извлечение CSS | Illustrator CC
- Параметры Adobe PDF
- Палитра «Информация о документе»
- Подготовка к печати
- Настройка документов для печати
- Изменение размера и ориентации страницы
- Задание меток обреза для обрезки и выравнивания
- Начало работы с большим холстом
- Наложение
- Печать с управлением цветами
- Печать PostScript
- Стили печати
- Метки и выпуск за обрез
- Печать и сохранение прозрачных графических объектов
- Треппинг
- Печать цветоделенных форм
- Печать градиентов, сеток и наложения цветов
- Наложение белого
- Объединение данных с помощью панели «Переменные»
- Автоматизация с использованием сценариев
- Автоматизация с использованием операций
- Сбои
- Восстановление файлов после сбоя
- Проблемы с файлами
- Поддерживаемые форматы файлов
- Проблемы с драйвером ГП
- Проблемы устройств Wacom
- Проблемы с файлами DLL
- Проблемы с памятью
- Проблемы с файлом настроек
- Проблемы со шрифтами
- Проблемы с принтером
- Как поделиться отчетом о сбое с Adobe
- Повышение производительности Illustrator
Выберите инструмент Спираль .
- Радиус: определите расстояние от центра до самой дальней точки спирали.
- Уменьшение: определите величину, на которую каждый виток спирали будет уменьшаться по сравнению с предыдущим витком.
- Число сегментов : определите количество сегментов в спирали. Каждый полный виток спирали состоит из четырех сегментов.
- Стиль: определите направление спирали.
Рисование и редактирование фигур
Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.
Поиск справки в приложении
Чтобы найти ответы на свои вопросы, просмотреть учебные пособия и получить дополнительные сведения о создании фигур, воспользуйтесь панелью «Новые возможности».В Photoshop предусмотрена удобная функция рисования и редактирования векторных фигур. Также можно преобразовать векторную фигуру в растровую или пиксельную. Чтобы узнать подробности, прочитайте статью полностью. Темы этой статьи:
- Создание фигур
- Рисование произвольной фигуры
- Доступ к устаревшим пользовательским фигурам
- Заливка и обводка фигур
- Рисование звезды с помощью инструмента «Многоугольник»
- Рисование фигур в форме сердца в Photoshop
Создание фигур
Выполните эти быстрые действия для создания фигур в Photoshop:
Выберите инструмент «Фигура» На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.
Настройка параметров инструментов группы «Фигура» На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- Режим : задайте режим для инструмента «Фигура» — Фигура, Контур и Пиксели .
- Заливка : выберите цвет заливки фигуры.
- Обводка : выберите цвет, ширину и тип обводки фигуры.
- Ш и В : вручную задайте ширину и высоту фигуры.
- Операции с контуром : используйте операции с контуром для настройки взаимодействия фигур друг с другом.
- Выравнивание контура : используйте этот параметр для выравнивания и распределения компонентов фигуры.
- Упорядочение контура : используйте этот параметр для настройки порядка расположения создаваемых фигур.
- Дополнительные параметры фигур и контуров : щелкните значок шестеренки () для доступа к дополнительным параметрам фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при рисовании фигур.
- Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
- Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
- Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).
Редактирование свойств фигуры Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства . Элементы управления на холсте позволяют взаимодействовать с фигурами на более интуитивном уровне.
Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру. Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.
Нарисовав фигуру, можно щелкнуть любую точку холста, чтобы вызвать всплывающее диалоговое окно Создание фигуры и изменить параметры фигуры.
Работа с инструментом «Линия»
Создавайте линии и стрелки с помощью инструмента «Линия» в Photoshop.
Чтобы научиться рисовать линии и стрелки в Photoshop, посмотрите следующее короткое видео.
Чтобы понять этот этап в подробностях, прочтите статью полностью. Для получения дополнительной информации начните с выбора любого из этих разделов:
- Рисование линии
- Параметры режима «Фигуры»
- Параметры режима «Пиксели»
- Дополнительные настройки
- Рисование стрелки
Рисование линии
Инструмент Линия позволяет нарисовать на холсте линию по двум точкам. Линии можно рисовать как векторные фигуры, контуры или пиксели. Выберите режим Фигура , если требуется провести неразрушающую масштабируемую линию, которую можно будет редактировать в дальнейшем. Выберите режим Пиксели при работе с растрированным содержимым, таким как пиксельная графика.
Выполните эти быстрые действия, чтобы нарисовать линию.
Выбор инструмента Линия
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Линия .
Настройка ширины линии
Режим «Фигура»:
Задайте ширину линии фигуры с помощью параметров «Вес » на панели параметров. Для достижения наилучших результатов на панели «Параметры обводки» задайте параметру Выравнивание значение По центру либо Снаружи .Толщина обводки не отображается, если выбрано выравнивание Внутри .
Задайте цвет и толщину обводки на панели параметров.Можно также задать ширину линии без обводки.
A. Установка толщины хода B. Установка ширины линии
Режим «Контур» или «Пиксели»
Установите ширину пиксельной линии на панели «Параметры», задав требуемое значение для параметра Толщина .Примечание.
Режим Пиксели и параметр Толщина недоступны для инструмента Линия в версиях Photoshop 22.0–22.2.
Щелчок и перетаскиваниеЩелкните точку на холсте и перетащите в нужное место, чтобы нарисовать линию.Чтобы ограничить угол линии и сделать его кратным 45 градусам, удерживайте клавишу «Shift» при перетаскивании и рисовании линии.
Параметры режима «Фигура»
A. Можно настроить различные атрибуты и свойства инструмента, выбрав «Параметры обводки». B. Другие параметры
Режим «Линия»
- Чтобы создать линию, выберите Фигура .
Цвет заливки
- Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет будет использоваться для заливки центра стрелки.
Цвет обводки
- Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет используется для линии и контура стрелки.
Ширина обводки
- Введите ширину обводки в пикселях.
Толщина
- Введите Толщину линии в пикселях.
Другие параметры
- Набор : выберите сплошную линию, штриховую линию или пунктирную линию, либо щелкните Дополнительные параметры , чтобы создать пользовательский набор линии.
- Выравнивание : выберите По центру или Снаружи . Толщина обводки не отображается, если выбрано выравнивание Внутри .
- Концы : можно выбрать одну из трех форм концов линии: Срезанные , Скругленные или Квадратные . Форма концов линии определяет форму начала и конца линии.
- Штриховая линия : настройте внешний вид штриховой линии, задав количество штрихов и пробелов в повторяющемся мотиве.
Параметры режима «Пиксели»
Режим «Линия»
- Чтобы создать линию на основе пикселей, выберите Пиксели .
- Выберите требуемый режим наложения. Значение по умолчанию — Обычный
Непрозрачность
- Установите значение параметра Непрозрачность от 1 до 100 %.
- Установите нужную ширину линии в пикселях.
Дополнительные настройки
Щелкните по значку шестеренки () на панели параметров инструмента «Линия» и выберите Элементы управления интерактивными фигурами , чтобы включить элементы управления трансформированием холста. Это позволяет поворачивать линии на холсте и изменять их размер. При этом также изменяется размер стрелок.
Также можно настроить параметры «Трансформирование» и «Внешний вид» на панели Свойства . Ее можно вызвать в через главное меню: Окно > Свойства.
Рисование стрелки
Чтобы создать стрелку, просто добавьте на конце линии стрелку. После создания линии и настройки цвета и ширины штриха щелкните по значку шестеренки () на панели параметров инструмента «Линия». Чтобы добавить стрелку в начале линии, установите флажок Начало ; чтобы добавить стрелку в конце линии, установите флажок Конец . Чтобы добавить стрелки на обоих концах, установите флажки Начало и Конец.
- Задайте параметры стрелки Ширина и Длина в пикселях. В версии 22.0 и более поздних стрелки определяются в абсолютных пикселях, а не как процент толщины, так как теперь можно задать нулевую толщину линии.
- Задайте параметр Кривизна , он определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией. Задайте параметру «Кривизна» значение от –50% до +50%.
Простой способ создать бесшовный узор (текстуру,seamless) — Pattern
Seamless (от англ. «бесшовный») — бесшовная текстура, картинка квадратной или прямоугольной формы, которую можно размножать бесконечно, в результате чего получается сплошной узор без видимых границ (без швов). В adobe illustrator такие симлесс-текстуры называются Pattern. Pattern обычно используются в качестве заливки, то есть находятся в палитре Swatches. Бесшовные текстуры очень популярны на микростоках.
Существует масса способов создания таких текстур, я сталкивалась и с довольно, на мой взгляд, сложными, основанными на математических вычислениях точек….
Но я все делаю гораздо проще:) Вот мой вариант урока в программе иллюстратор для создания симлесс-текстур.
Определяем для себя размеры будущего паттерна — он может быть квадратной или прямоугольной формы. Для меня удобнее квадрат, размера 700х700 рх, т.е. я создаем новый документ такого размера. Внутри этого квадрата рисуем по всей площади узор:
Выделяем весь узор и сдвигаем его таким образом, чтобы узор пересек 2 стороны ограничивавшего квадрата:
В элементах, пересекающих линии нельзя использовать градиент.
Способ 1 (подходит для сложных рисунков с большим количеством элементов)
Выбираем в панели инструментов Нож:
Зажав Shift+Alt проводим ножом по первой линии пересечения моего узора и ограничивающего квадрата:
В итоге мой узор разрезан на 2 части по линии пересечения с ограничивающим квадратом. Далее выделяем все то что отрезано и выходит за рамки ограничивающей области (в моем случае — правую часть) и:
способ 1 : зажав Shift, перетаскиваем это влево, до противоположной стороны квадрата
способ 2 : жмем Enter и в появившемся окне вводим по вертикали ‘0’, а по горизонтали ‘-700’ (сторона нашего квадрата), и ОК
Тоже самое проделываем и с дугой частью узора, выступающей за пределы квадрата ( в моем случае она снизу):
Эту часть нужно также обрезать:
способ 1 : зажав Shift, перетащить это вверх, до противоположной стороны квадрата
способ 2 : жмем Enter и в появившемся окне вводим по вертикали ‘-700’, а по горизонтали ‘0’ (сторона нашего квадрата), и ОК
Вот и все — бесшовный узор готов:
Способ 2 (подходит для простых рисунков БЕЗ большого количеством элементов)
Второй способ может быть проще в использовании, так как с ножом иногда бывает сложно управляться, т.е. сложно провести линию ножом точно по контуру квадрата
Для обрезки выступающих элементов нарисуем прямоугольник с одной стороны так, чтобы он перекрывал их и одна сторона прямоугольника лежала точно на границе ограничивающего квадрата. Либо можно нарисовать простую линию по краю квадрата.
Выделяем все фигуры и воспользуемся инструментом «Обработка контуров > Разделение» (Pathfinder > Divide).
Теперь нужно разгрупировать элементы и удалить все ненужные контуры. Будьте внимательны, после применения инструмента «Разделение» (Divide) могут остаться незамкнутые кривые и невидимые обрезки форм (здесь всё зависит от строения контура обрезаемого объекта) — это надо исправить, иначе работу не примут на микростоке.
Далее отрезанные элементы перемещаем на противоположную сторону любым из способов, описанных выше.
Все, паттерн готов!!
Забирайте подборки шрифтов и цветовых палитр в нашем Телеграм-канале (регулярно по пятницам).
- Введение в Illustrator