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

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

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

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 — поменять направление.