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

Adobe Illustrator для веб-дизайнера 3) Линии и сетки

В Illustrator’е можно рисовать прямые, дуги, прямоугольные и полярные сетки.

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

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

  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. 🖨 Печать

🔵 Общее

  • Клик одним из инструментов группы линий в свободной области, открывает настройки инструмента по умолчанию. Настройки линии
  • Рисование любой линии или фигуры с нажатой тильдой ~ — клонирование этой линии или фигуры. Клонирование линии
  • Центр фигур. Панель Attributes ➜ Показать центр. В дугах будет показан центр эллипса, по которому строился контур. Панель атрибутов

🔵 Дуги (Arc)

Инструмент «Дуга»

Горячие клавиши Arc

  • F — развернуть направление арки.
  • Стрелки вверх-вниз — увеличить/уменьшить изгиб арки. По умолчанию изгиб (slope) равен 50. Также его можно изменить перед вычерчиванием, вызвав диалог арки, кликнув инструментом на свободной области.

🔵 Инструменты Rectangle Grid

Чаще всего используется для создания пользовательских направляющих.

Количество колонок и строк будет на единицу больше количества разделителей в диалоге настроек. В примере, будет начерчена сетка 6×6.

Настройки прямоугольной сетки

Горячие клавиши

  • Стрелки вверх-вниз — увеличить/уменьшить количество строк.
  • Стрелки вправо-влево — увеличить/уменьшить количество колонок.

🔵 Инструмент Polar Grid

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

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

Полярная сетка

Горячие клавиши

  • Стрелки вверх-вниз — увеличить/уменьшить количество концентрических кругов.
  • Стрелки вправо-влево — увеличить/уменьшить количество радиальных разделителей.

🔵 Спираль

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

Decay (распад) — плотность витков внутри спирали. Чем выше процент, тем плотнее. 100% — витки сливаются во внешней окружности. Поэтому в большинстве случаев значение выбирается в диапазоне 70-90%.

Сегменты — это количество арок, из которых собирается спираль.

Настройки спирали

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

Направляющие для спирали

Горячие клавиши

  • Стрелки вверх-вниз — увеличить/уменьшить количество витков.
  • ⌘ — увеличить/уменьшить распад.
  • R — поменять направление.

Комментарии