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

Adobe Illustrator для веб-дизайнера 10) Советы и хитрости

Artbord’ы вместо snapshot’ов. В AI нет истории, снимков (snapshot’ов) и композиций слоев. Вместо этого можно дублировать монтажный области — см. п. 1 «Файлы и монтажные области».

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

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

  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. 🖨 Печать
  • Быстрое выделение множества похожих объектов. Выбрать один из параметров кнопки Select Similar Objects. А затем нажать саму кнопку.

    Adobe Illustrator — советы и хитрости

    Если контрольная панель скрыта, можно выбрать Select ➜ Same ➜ [Тип сходства]

    Adobe Illustrator — советы и хитрости

  • ☝️🧐 Чтобы восстановить настройки по умолчанию любого инструмента, надо перегрузить программу.

  • Просмотр выборочного слоя в виде контуров (Outline). ⌘-клик на значке «глаз»

    Adobe Illustrator — советы и хитрости

  • Чтобы сохранить пропорции эффектов, толщины обводки, радиуса углов при масштабировании, в панели Transform надо поставить флаги Scale Corners и Scale Strokes & Effects.

    Adobe Illustrator — советы и хитрости

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

    Adobe Illustrator — советы и хитрости

  • Измерять расстояние удобнее не инструментом Measure — а прямоугольником. Он лучше прилипает к краям.

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

  • Другой способ измерения расстояний. Переместить объект до прилипания к чему-то еще — другому объекту, направляющей — и нажать Enter. Появится диалог перемещения, в котором будет зафиксировано последнее перемещение.

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

    А потом передвинуть на часть исходного расстояния, выполнив расчёты прямо в поле диалога Move. Например, чтобы передвинуть линию из примера, на половину расстояния, надо:

    • сначала вернуть её в исходное положение — - 0,5046 и нажать Enter
    • повторно нажать Enter, ввести 0,5046/2 и снова Enter.

      Adobe Illustrator — советы и хитрости

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

    Adobe Illustrator — советы и хитрости

    Adobe Illustrator — советы и хитрости

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

    Adobe Illustrator — советы и хитрости

  • Графику из файла можно экспортировать как ресурсы (assets), то есть отдельные объекты — все сразу или выборочно.

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

    Adobe Illustrator — советы и хитрости

    Можно также нужно открыть окно экспорта ресурсов.

    Adobe Illustrator — советы и хитрости

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

    Переименовать ресурсы, заменив AssetN осмысленными именами.

    Выбрать графический формат.

    Adobe Illustrator — советы и хитрости

    Теперь в любой момент при вызове команды Export for Screens, из вкладки Assets можно будет экспортировать ресурсы — все разом или выборочно.

    Adobe Illustrator — советы и хитрости

  • Поля координат и размеров выполняют арифметические операции: сложение, умножение, вычитание, деление. Но только одну операцию за раз.

  • Закрепить выделенное (Object ➜ Lock ➜ Selection (⌘2)). Выделив объект целиком, или хотя бы одну опорную точку, можно закрепить его, чтобы спокойно выделять, перемещать и изменять соседей.

  • Обводка эллипсом при срисовывании фотографий. Когда нажимаешь во время рисования эллипса курсор, который обычно находится в углу bounding box, ложится на окружность. Так легче срисовывать фотография и сканированные эскизы.

  • Кляксы для подложек можно делать из прямоугольников с помощью эффекта Distort & Transform ➜ Tweak / Zig Zag / Roughen, меняя размер от 1 до 100 процентов.

    Adobe Illustrator — советы и хитрости

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

    Adobe Illustrator — советы и хитрости

Изометрическая сетка

  • Создать слой направляющих.
  • Нарисовать вертикальную линию примерно минимум вдвое длиннее высоты монтажной области. Начинать выше и правее верхнего левого угла — на четверть ширины и высоты artboard’а. Толщина — 0. Включить контурное представление слоя.
  • Сделать копию, alt-перетаскиванием на расстояние самой мелких деталей иллюстрации: например, 8 пикселей, или 10, или 16, или 24.
  • ⌘D Продублировать линию, так чтобы разлиновка была закончилась за правой границей artboard’a — минимум на четверть его ширины.
  • Сгруппировать разлиновку.
  • Сделать копию: ⌘C, ⌘F.
  • Повернуть на 30%.
  • Object ➜ Transform ➜ Reflect ➜ Axis:Verical ➜ Copy.
  • Выровнять все три группы по вертикальному и горизонтальному центру монтажной области.
  • Подвинуть вертикальную разлиновку так, чтоб она проходила через пересечения диагональных.
  • Сделать из объектов направляющие: ⌘5.

Комментарии