Сетчатый градиент в иллюстраторе: Создание и редактирование сетчатых объектов в Illustrator

A. Линия сетки B. Контур сетки C. Узел сетки D. Опорная точка 

Можно создавать сетчатые объекты из векторных объектов, за исключением составных контуров и текстовых объектов. Нельзя создавать сетчатые объекты из связанных изображений.

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

При печати сетчатых объектов плашечные цвета сохраняются для вывода в EPS, PDF и на устройства PostScript.

Создание сетчатого объекта с нерегулярной схемой узлов сетки

1. Выберите инструмент «Сетчатый градиент»  , затем выберите цвет заливки для узлов сетки.

2. Щелкните в точке, где необходимо расположить первый узел сетки.

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

3. Продолжайте добавлять дополнительные узлы сетки щелчком в нужных точках. Удерживая нажатой клавишу «Shift», щелкните, чтобы добавить узел сетки, не применяя к нему текущий цвет заливки.

Создание сетчатого объекта с регулярной схемой узлов сетки

1. Выделите объект и выберите команду «Объект» > «Создать сетчатый градиент».

2. Задайте число строк и столбцов и выберите направление подсветки в меню «Оформление»:

   Равномерно

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

   К центру

   Создает подсветку в центре объекта.

   К краям

   Создает подсветку по краям объекта.

3. Введите процентное значение белой подсветки для применения к сетчатому объекту. Значение 100% обеспечивает применение максимальной белой подсветки к объекту, при значении 0% белая подсветка отсутствует.

Преобразование объекта с градиентной заливкой в сетчатый объект

1. Выделите объект и выберите команду «Объект» > «Разобрать».

2. Выберите «Сетчатый градиент» и нажмите кнопку «ОК».

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

Преобразование сетчатого объекта обратно в контурный объект

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

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

1. Измените сетчатый объект, выполнив одно из следующих действий:

   • Чтобы добавить узел сетки, выберите инструмент «Сетка»  и затем цвет заливки для новых узлов. Щелкните в любом месте сетчатого объекта.

   • Чтобы удалить узел сетки, щелкните его инструментом «Сетка», удерживая нажатой клавишу «Alt» (Windows) или клавишу «Option» (Mac OS).

   • Чтобы переместить узел сетки, перетащите его инструментом «Сетка» или «Прямое выделение». Чтобы узел сетки оставался на линии сетки, перетаскивайте его с помощью инструмента «Сетчатый градиент», удерживая нажатой клавишу «Shift». Это удобный способ перемещения узла сетки вдоль изогнутой линии сетки без искажения линии сетки.

   Перетаскивание узла сетки свободно (слева) и инструментом «Сетчатый градиент» с нажатой клавишей «Shift», чтобы узел оставался на линии сетки (справа)

   • Чтобы изменить цвет узла или участка сетки, выберите сетчатый объект, затем перетащите на узел или участок нужный цвет из палитры «Цвет» или «Образцы». Или отмените выделение всех объектов и выберите цвет заливки. Затем выделите сетчатый объект и используйте инструмент «Пипетка», чтобы применить цвет заливки к узлам или контурам сетки.

   Добавление цвета к узлу сетки (слева) и к контуру сетки (справа)

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

1. Выберите один или несколько узлов или ячеек сетки.

2. Установите значение непрозрачности с помощью ползунка «Непрозрачность» в палитре «Прозрачность», в палитре «Оформление» или на панели «Управление».

   При сохранении объекта в формате более ранней версии либо в формате EPS или PDF для сохранения параметров прозрачности сетчатого объекта будет создана непрозрачная маска.

Справки по другим продуктам

• Сетчатый градиент
• Применение градиента к объекту

Вход в учетную запись

Войти

Управление учетной записью

Как сделать объем сетчатым градиентом (Mesh Tool) в Illustrator.

Добавить объема векторной фигуре можно перетеканием градиента или дорисовыванием теней и бликов, однако сетчатый градиент или Mesh Tool позволяет добиться лучшего результата. На объект накладывается сетка, структурой и сложностью которой можно управлять, а также каждое из звеньев имеет свой независимый цвет.

Содержание

• 1 Создание формы головы
• 2 Наложение и настройка сетчатого градиента
• 3 Раскрашивание сетчатого градиента
• 4 Видео урок: создание объема сетчатым градиентом

Создание формы головы

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

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

Наложение и настройка сетчатого градиента

Затем берем инструмент «Сетчатый градиент» или Mesh Tool, если Illustrator на английском. Достаточно щелкнуть внутри фигуры, чтобы поставить первое ребро сетки. Узлы сетчатого градиента можно перемещать, менять угол наклона, создавая необходимую форму и складки на лице.

Для выделения и редактирования узлов используется инструмент «Прямое выделение«. Удерживая клавишу Shift можно выделять последовательно необходимые точки или обвести их.

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

Раскрашивание сетчатого градиента

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

Каждому отдельному узлу назначается не только свой цвет, но и прозрачность. Это позволяет, например, размыть края предмета.

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

Если узлы между точками разного цвета, то между ними будет плавное градиентное перетекание. Чтобы получить более резкий переход нужно сделать двойное ребро как на снимке ниже:

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

Видео урок: создание объема сетчатым градиентом

(Visited 3 880 times, 1 visits today)

Создание и редактирование объектов сетки в Illustrator

Руководство пользователя Отмена

Поиск

1. Руководство пользователя Illustrator
2. Знакомство с Illustrator
   1. Знакомство с Illustrator
      1. Что нового в Illustrator
      2. Общие вопросы
      3. Системные требования Illustrator
      4. Иллюстратор для Apple Silicon
   2. Рабочее пространство
      1. Основы рабочего пространства
      2. Учитесь быстрее с помощью панели Illustrator Discover
      3. Создание документов
      4. Панель инструментов
      5. Сочетания клавиш по умолчанию
      6. Настройка сочетаний клавиш
      7. Введение в монтажные области
      8. Управление монтажными областями
      9. Настройка рабочего пространства
      10. Панель свойств
      11. Установить предпочтения
      12. Сенсорное рабочее пространство
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Посмотреть работу
      20. Использование сенсорной панели с Illustrator
      21. Файлы и шаблоны
   3. Инструменты в Illustrator
      1. Обзор инструментов
      2. Инструменты выбора
         1. Выбор
            
         2. Прямой выбор
         3. Выбор группы
         4. Волшебная палочка
         5. Лассо
         6. Монтажная область
      3. Инструменты навигации
         1. Рука
         2. Повернуть вид
            
         3. Зум
      4. Инструменты для рисования
         1. Градиент
            
         2. Сетка
         3. Конструктор форм
      5. Текстовые инструменты
         1. Тип
            
         2. Введите по пути
         3. Вертикальный тип
      6. Инструменты для рисования
         1. Перо
         2. Добавить опорную точку
         3. Удалить опорную точку
         4. Анкерная точка
         5. Кривизна
         6. Линейный сегмент
         7. Прямоугольник
         8. Прямоугольник со скругленными углами
         9. Эллипс
         10. Полигон
         11. Звезда
         12. Кисть
         13. Кисть-клякса
         14. Карандаш
         15. Формирователь
         16. Срез
      7. Инструменты модификации
         1. Поворот
         2. Отражение
         3. Весы
         4. Сдвиг
         5. Ширина
         6. Свободное преобразование
         7. Пипетка
         8. Смесь
         9. Ластик
         10. Ножницы
   4. Быстрые действия
      1. Ретро-текст
      2. Неоновый светящийся текст
      3. Старый школьный текст
      4. Перекрасить
      5. Преобразование эскиза в вектор
3. Illustrator для iPad
   1. Знакомство с Illustrator для iPad
      1. Обзор Illustrator для iPad
      2. Illustrator на iPad: часто задаваемые вопросы
      3. Системные требования | Иллюстратор на iPad
      4. Что вы можете или не можете делать в Illustrator на iPad
   2. Рабочая область
      1. Рабочая область Illustrator на iPad
      2. Сенсорные клавиши и жесты
      3. Сочетания клавиш для Illustrator на iPad
      4. Управление настройками приложения
   3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
   4. Выбрать и расположить объекты
      1. Создать повторяющиеся объекты
      2. Смешивание объектов
   5. Рисование
      1. Рисование и редактирование контуров
      2. Рисование и редактирование фигур
   6. Тип
      1. Работа со шрифтом и шрифтами
      2. Создание текстовых рисунков вдоль контура
      3. Добавьте свои собственные шрифты
   7. Работа с изображениями
      1. Векторизация растровых изображений
   8. Цвет
      1. Применение цветов и градиентов
4. Облачные документы
   1. Основы
      1. Работа с облачными документами Illustrator
      2. Общий доступ и совместная работа над облачными документами Illustrator
      3. Делитесь документами для ознакомления
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы Illustrator | Общие вопросы
   2. Устранение неполадок
      1. Устранение неполадок при создании или сохранении облачных документов Illustrator
      2. Устранение неполадок с облачными документами Illustrator
5. Добавление и редактирование контента
   1. Рисование
      1. Основы рисования
      2. Редактировать пути
      3. Нарисуйте идеальную картинку
      4. Рисование с помощью инструментов «Перо», «Кривизна» или «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упростить путь
      8. Определение сетки перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Настройка сегментов пути
      11. Создайте цветок за 5 простых шагов
      12. Перспективный рисунок
      13. Символы
      14. Рисование путей с выравниванием по пикселям для веб-процессов
   2. 3D-объекты и материалы
      1. О 3D-эффектах в Illustrator
         
      2. Создание 3D-графики
         
      3. Изображение карты поверх 3D-объектов
      4. Создать 3D-текст
   3. Цвет
      1. О цвете
      2. Выберите цвета
      3. Использование и создание образцов
      4. Настройка цветов
      5. Использование панели «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Цветовые темы»
      8. Перекрась свою работу
   4. Покраска
      1. О покраске
      2. Краска с заливками и штрихами
      3. Группы быстрой заливки
      4. Градиенты
      5. Щетки
      6. Прозрачность и режимы наложения
      7. Применить обводку к объекту
      8. Создание и редактирование рисунков
      9. Сетки
      10. Узоры
   5. Выбрать и расположить объекты
      1. Выбрать объекты
      2. слоев
      3. Группировать и расширять объекты
      4. Перемещение, выравнивание и распределение объектов
      5. Объекты стека    
      6. Блокировка, скрытие и удаление объектов
      7. Копировать и дублировать объекты
      8. Вращать и отражать объекты
      9. Переплетение объектов
   6. Изменение формы объектов
      1. Обрезка изображений
      2. Преобразование объектов
      3. Объединить предметы
      4. Вырезать, делить и обрезать объекты
      5. Марионеточная деформация
      6. Масштабирование, сдвиг и искажение объектов
      7. Смешивание объектов
      8. Изменение формы с помощью конвертов
      9. Изменение формы объектов с эффектами
      10. Создавайте новые фигуры с помощью инструментов Shaper и Shape Builder
      11. Работа с динамическими углами
      12. Усовершенствованные рабочие процессы изменения формы с поддержкой сенсорного ввода
      13. Редактировать обтравочные маски
      14. Живые фигуры
      15. Создание фигур с помощью инструмента Shape Builder
      16. Глобальное редактирование
   7. Тип
      1. Добавление текста и работа с текстовыми объектами
      2. Создание маркированных и нумерованных списков
      3. Управление текстовой областью
      4. Шрифты и типографика
      5. Тип формата
      6. Импорт и экспорт текста
      7. Формат абзацев
      8. Специальные символы
      9. Создать тип по пути
      10. Стили символов и абзацев
      11. Вкладки
      12. Текст и тип
      13. Поиск отсутствующих шрифтов (рабочий процесс Typekit)
      14. Обновление текста из Illustrator 10
      15. Арабский и еврейский шрифт
      16. Шрифты | Часто задаваемые вопросы и советы по устранению неполадок
      17. Создать 3D текстовый эффект
      18. Креативный типографский дизайн
      19. Тип масштабирования и поворота
      20. Интервал между строками и символами
      21. Переносы и разрывы строк
      22. Улучшения текста
      23. Орфографические и языковые словари
      24. Формат азиатских символов
      25. Композиторы для азиатских сценариев
      26. Создание текстовых дизайнов с помощью объектов смешивания
      27. Создание текстового плаката с помощью Image Trace
   8. Создание спецэффектов
      1. Работа с эффектами
      2. Графические стили
      3. Создать тень
      4. Атрибуты внешнего вида
      5. Создание эскизов и мозаик
      6. Тени, свечение и растушевка
      7. Краткое описание эффектов
   9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Графики
      3. СВГ
      4. Создание анимации
      5. Срезы и карты изображений
6. Импорт, экспорт и сохранение
   1. Импорт
      1. Поместить несколько файлов
      2. Управление связанными и встроенными файлами
      3. Информация о ссылках
      4. Невстроенные изображения
      5. Импорт изображения из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
   2. Библиотеки Creative Cloud в Illustrator
      1. Библиотеки Creative Cloud в Illustrator
   3. Сохранить
      1. Сохранить работу
   4. Экспорт
      1. Использование иллюстраций Illustrator в Photoshop
      2. Экспорт обложки
      3. Сбор активов и экспорт в пакетах
      4. Файлы пакетов
      5. Создание файлов Adobe PDF
      6. Извлечь CSS | Иллюстратор CC
      7. Параметры Adobe PDF
      8. Информация о файле и метаданные
7. Печать
   1. Подготовка к печати
      1. Настройка документов для печати
      2. Изменить размер и ориентацию страницы
      3. Укажите метки обрезки для обрезки или выравнивания
      4. Начните работу с большим холстом
   2. Печать
      1. Надпечатка
      2. Печать с управлением цветом
      3. Печать PostScript
      4. Предустановки печати
      5. Следы принтера и кровотечения
      6. Распечатать и сохранить прозрачную иллюстрацию
      7. Ловушка
      8. Печать цветоделения
      9. Печать градиентов, сеток и цветовых сочетаний
      10. Белая надпечатка
8. Автоматизация задач
   1. Объединение данных с помощью панели переменных
   2. Автоматизация с помощью скриптов
   3. Автоматизация с действиями
9. Устранение неполадок 
   1. Проблемы со сбоями
   2. Восстановление файлов после сбоя
   3. Проблемы с файлами
   4. Поддерживаемые форматы файлов
   5. Проблемы с драйвером устройства GPU
   6. Проблемы с устройством Wacom
   7. Проблемы с файлом DLL
   8. Проблемы с памятью
   9. Проблемы с файлом настроек
   10. Проблемы со шрифтами
   11. Проблемы с принтером
   12. Отправить отчет о сбое с помощью Adobe
   13. Повышение производительности Illustrator

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

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

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

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

Схема сетчатого объекта

A. Линия сетки B. Заплатка сетки C. Точка сетки D. Анкер точка

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

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

При печати объектов сетки плашечные цвета сохраняются для вывода EPS, PDF и PostScript.

Создайте объект сетки с нерегулярной узор из точек сетки

1. Выберите инструмент «Сетка» и выберите цвет заливки для точек сетки.

2. Щелкните там, где вы хотите расположить первую точку сетки.

   Объект преобразуется в меш-объект с минимальное количество линий сетки.

3. Продолжайте нажимать, чтобы добавить дополнительные точки сетки. Shift-щелчок чтобы добавить точку сетки без изменения текущего цвета заливки.

Создайте объект-сетку с помощью обычного узор из точек сетки

1. Выберите объект и выберите «Объект» > Создайте градиентную сетку.

2. Установите количество строк и столбцов и выберите направление выделения из меню «Внешний вид»:

   Плоский

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

   В центр

   Создает блик в центре объекта.

   К краю

   Создает блик на краях объекта.

3. Введите процент белой подсветки для применения к сетчатый объект. Значение 100% применяет максимальную белую подсветку к объект; значение 0% не применяет белого выделения к объекту.

Преобразование объекта с градиентной заливкой к сетчатому объекту

1. Выберите объект и выберите «Объект» > Расширять.

2. Выберите «Сетка градиента» и нажмите «ОК».

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

Преобразование объекта сетки обратно в объект пути

1. Выберите объект-сетку, выберите «Объект» > Путь > Смещенный путь, а затем введите ноль в качестве смещения. ценность.

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

1. Отредактируйте объект-сеть, выполнив любое из следующих действий:

   • Чтобы добавить точку сетки, выберите инструмент «Сетка» и выберите цвет заливки для новых точек сетки. Затем щелкните в любом месте объекта сетки.

   • Чтобы удалить точку сетки, нажмите ее, удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), с помощью инструмента «Сетка».

   • Чтобы переместить точку сетки, перетащите ее с помощью инструмента «Сетка» или инструмента «Частичное выделение». Удерживая нажатой клавишу Shift, перетащите точку сетки с помощью инструмента «Сетка», чтобы сохранить точку сетки на линии сетки. Это удобный способ переместить точку сетки вдоль изогнутой линии сетки, не искажая линию сетки.

   Перетаскивание для перемещения точки сетки (слева) по сравнению с перетаскиванием Shift с инструментом «Сетка» для привязки точки к линии сетки (справа)

   • Чтобы изменить цвет точки или участка сетки, выберите объект сетки, а затем перетащите цвет из панели «Цвет» или панели «Образцы» на точку или участок. Или снимите выделение со всех объектов и выберите цвет заливки. Затем выберите объект сетки и используйте инструмент «Пипетка», чтобы применить цвет заливки к точкам или участкам сетки.

   Добавление цвета к точке сетки (слева) по сравнению с добавлением цвета к сетчатому патчу (правому)

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

1. Выберите один или несколько узлов сетки или патчей.

2. Установите прозрачность с помощью ползунка «Непрозрачность» в разделе «Прозрачность». Панель, Панель управления или панель Внешний вид.

   Если вы сохраняете объект в устаревшем формате, EPS или PDF, прозрачность объекта сетки сохраняется за счет создания непрозрачности маска.

Еще нравится это

• Применение градиента к объекту

Войдите в свою учетную запись

Войти

Управление учетной записью

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

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

Инструмент Gradient Mesh в Adobe Illustrator является одним из таких инструментов; это может помочь вам разбить ваши фигуры, чтобы их можно было легко и плавно раскрасить.

В этом руководстве объясняется, как использовать инструмент Gradient Mesh Tool в Adobe Illustrator, как он работает, а также приводится пошаговое руководство по его использованию.

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

 

Что и как делает инструмент Gradient Mesh? – Adobe Illustrator

Инструмент «Сетка градиента» в Adobe Illustrator разбивает любую фигуру на сетку строк и столбцов. Внутри этой сетки любой точке сетки или строкам и столбцам можно присвоить любой цвет по вашему желанию! Вы даже можете установить количество создаваемых строк и столбцов в соответствии с вашими потребностями.

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

С помощью этого руководства вы даже можете превратить ваши настоящие рисунки в векторные изображения, а затем использовать для них инструмент Mesh Tool!

 

Пошаговое руководство. Использование инструмента «Сетка градиента» в Adobe Illustrator

 

Шаг 1. Создание строительных блоков

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

Для этого мы создадим совпадение. Первое, что вам нужно сделать, это создать фон, поэтому просто нарисуйте черный ящик на своей странице.

 

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

 

Шаг 2. Добавление инструмента «Сетка градиента»

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

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

Другой способ, который я бы порекомендовал, — это перейти на вкладку «Объект» и перейти к инструменту «Создать градиентную сетку». После того, как вы нажмете на это, вы получите всплывающее диалоговое окно — вы хотите установить его так же, как я, с 4 строками и 4 столбцами и плоским видом.

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

После того, как вы нажмете ОК, вы сделаете такой прямоугольник. Сетка, которая появляется на прямоугольнике, является градиентной сеткой. Теперь мы собираемся добавить к нему немного цвета с помощью инструмента прямого выделения.

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

Когда вы используете инструмент Gradient Mesh Tool, он позволяет вам устанавливать цвета для точек привязки внутри сетки, и он будет использовать этот цвет, пока не достигнет другой точки привязки или другого цвета. Это означает, что при использовании инструмента сетки вы получаете реалистичную окраску объектов.

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

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

После этого вам нужно будет выбрать цвет светлее, чем цвет проделайте то же самое с точками, которые расположены по сторонам прямоугольника. И у вас должно получиться что-то вроде этого.

 

Шаг 3. Изготовление спичечной головки и опорных точек

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

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

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

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

 

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

Этот слой должен располагаться позади слоя сопоставления.

 

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

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

 

Шаг 5. Использование инструмента «Сетка градиента» для создания пламени

Когда вы это сделаете, вы можете использовать инструмент «Сетка градиента» и начать раскрашивать его. Это только первая часть пламени, так что не сходите с ума по цвету. Не используйте столбцы с внешним краем, иначе вы получите жесткий край пламени.

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

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

Теперь вы закончили и научились использовать инструмент Gradient Mesh Tool в Adobe Illustrator!

 

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