Фирменный знак SuperMark'а Блог
Владимир Никишин

Adobe Illustrator для веб-дизайнера 9.2) Рисование фигур линиями и инструментом быстрой заливки

Еще одна выдающаяся штук в Люстре.

Содержание серии

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

  1. Введение
    1. 💾 Файлы, монтажные области
    2. 🗓 Cлои
  2. 🗜 Трансформация объектов
    1. Перемещение, выравнивание и распределение объектов
  3. 🎼 Линии и сетки
  4. ➰ Контуры
    1. 🖋 Перо и инструмент «Кривизна» (Curvature)
    2. 👱‍♀️ Правила красивых контуров
  5. ✍️ Обводка
  6. 🎨 Цвет, заливка
  7. 🔶 Фигуры
  8. 🔠 Текст
  9. 🏰 Векторная графика: техники рисунка
    1. 💪 Shape Builder Tool (Создание фигур) — ⇧M
    2. ✏️ Рисование фигур линиями и инструментом быстрой заливки
    3. ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
    4. 📐 Направляющие и линейки
    5. 🚶🏻‍♂️ Переходы (Blend)
    6. 🎁 Перспектива
    7. 🎩 Cтили графики
    8. 🔣 Символы
    9. 🏀 Сетчатые объекты (meshes)
    10. 👩 Ресницы, брови, волосы
    11. 🖌 Кисти и ластик
    12. ☀️ Распределение объектов по кругу
  10. 🦊 Советы и хитрости
  11. 🛠 Инструменты+
  12. ⌨️ Горячие клавиши
  13. 🖨 Печать

🔵  tl;dr

  1. Нарисовать контурный рисунок.
  2. Выделить, нажать K.
  3. Раскрасить ведерком области внутри пересекающихся контуров.
  4. Убрать обводку выделенной группы.
    Убрать обводку
  5. Object ➜ Live paint ➜ Expand
  6. Объединить разрозненные объекты pathfinder’ом.

В зависимости от привычек пользователя Live Paint Backet может заменить или дополнить Shape builder. В настройках Live Paint Backet можно указать размеры допустимых зазоров и таким образом закрашивать неплотно закрытые контурами области.

  • Нарисовать нужный контур — пером или линиями. Выделить с черной стрелкой.
    Выделить обводку
  • Создать группу быстрой заливки быстрой заливки и выбрать соответствующий инструмент: Live Paint Backet — K.
    Live Paint Backet — K
  • Подвести курсор к нужному контуру — если, он закрыт, он выделиться.
    Выделенный контур
  • Кликнуть по выделенному контуру (но не внутри его), чтобы закрасить
    Закрашенный контур
  • Для точной настройки Live Paint Backet дважды щелкнуть по его иконке в панели инструментов:
    • Paint Fills, Paint Strokes — выбрать, что окрашивать: заливку
    • Cursor Swatch Preview — показывать образцы цвета рядом с курсором,
    • Параметры группы Highlight — стиль выделения

☝️🧐 Live Paint Backet незаменим для раскраски пересечений без повреждения исходных форм.

Раскраска пересечений без повреждения исходных форм

☝️🧐 Для быстрой заливки лучше подготовить специальную группу образцов.

Специальная группа образцов

🔵  Live Paint Selection

Live Paint Selection

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

Выбрать не нужные линии и удалить — точно так же, как это было во Flash’е.

См. также 4) Редактирование контуров ➜ Инструмент соединения контуров.

Комментарии