Vectorboom
Статьи / Теория / Comments: 0

Инструмент Rectangular Grid Tool (прямоугольная сетка)

Eugene S. Chiayinick
24.11.2015

Что в векторной графике может сблизить между собой такие сущности как природные (не компьютерные) пропорции в наброске рисунка, создание таблицы, а также построение фигур и объёмной инфографики на основе ортогональных проекций...

Создавая свою иллюстрацию, художник в ряде случаев стремится придать ей природные пропорции, применяя законы золотого сечения, лежащие в основе этих пропорций. Бывают случаи, когда следует быстро создать эскиз будущей иллюстрации или же получить более авторски-аутентичные (не "компьютерные" и не "фотографические") очертания отдельных арт-объектов, которые были бы проникнуты "автортским почерком". В таких случаях при рисовании карандашом по бумаге, начинающий художник мог бы использовать в качестве "опоры" ряд удаляемых вспомогательных линий на основе прямоугольной сетки.

или же саму сетку...

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

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

Эскиз чертежа, сделанный на плоскости, несложно переделать для любой из ортогональных проекций (где нет точки схода перспективы). Стоит лишь добавить несколько линий под нужным углом. Выдержать угол и длину добавленных в чертёж деталей также поможет сетка с заданным скосом.

То же самое можно сказать и про элементы инфографики — столбчатые диаграммы, объёмные детали графиков из разного рода примитивов, которые их образуют,

а также изометрические иконки и т.п...

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

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

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

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

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

Наш рассказ о ещё одном замечательном инструменте группы Line... — Rectangular Grid Tool (прямоугольная сетка).

Особенности интерфейса

Как уже было сказано кнопка с инструментом Rectangular Grid Tool в панели Tools (инструменты) находится в одной группе с инструментом Line Segment Tool (отрезок линии). По умолчанию клавиша быстрого доступа не назначена.

Чтобы выбрать Rectangular Grid Tool, щёлкните указателем на кнопке инструмента Line Segment Tool и некоторое время удерживайте указатель нажатым. После того, как отобразится всплывающее окно с группой инструментов, перетащите указатель к кнопке инструмента Rectangular Grid Tool.

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

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

Как и все инструменты группы Line... Rectangular Grid Tool также имеет своё собственное диалоговое окно, позволяющее рисовать сетки со строго заданными параметрами. Окно вызывается двойным щелчком по пиктограмме инструмента или же простым нажатием на клавишу ENTER при уже выбранном инструменте. Подробнее о диалоговом окне Rectangular Grid Tool Options рассказано в конце статьи.

Простое рисование прямоугольных сеток и объектов на их основе

Обычным протаскиванием Rectangular Grid Tool по арт-борду и протаскиванием с модификаторами можно создать несколько разновидностей прямоугольных сеток, которые показаны на рисунке.

Последующая обработка инструментами трансформации существенно расширяет этот набор.

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

Или просто сделайте щелчок в любом месте рабочей области, а затем нажмите на кнопку ENTER.

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

Клавиши-модификаторы

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

Нажатие и удержание клавиши SHIFT при протаскивании указателя создаст сетку, имеющую в своей основе квадрат.

Нажатие и удержание клавиши SPACE (пробел) в момент протаскивания приведёт к перемещению сетки вслед за указателем.

Нажатие на клавишу ↑ или ↓ в момент рисования прямоугольной сетки соответственно увеличивает или уменьшает количество строк сетки на одну строку. При этом настройки строк и столбцов сохраняются для повторного рисования. (Для сброса или изменения см. далее).

Нажатие на клавишу ← или → в момент рисования прямоугольной сетки соответственно увеличивает или уменьшает количество столбцов сетки на один столбец. При этом настройки строк и столбцов сохраняются для повторного рисования. (Для сброса или изменения см. далее).

Нажатие на клавишу F в момент рисования создаёт логарифмическую сетку, уплотняя строки вниз... Нажатие на клавишу V — уплотняет строки вверх. Нажатие на клавиши X и C — соответственно уплотняет колонки влево и вправо. Каждое однократное нажатие на эти кнопки изменяет логарифмическую шкалу на 10% и оставляет сохранёнными настройки сетки для повторного рисования.

Данные опции позволяют создать в проекте некий аналог логарифмической бумаги, или логарифмическую шкалу, без которой нельзя наглядно отобразить графики функций, изменяющихся в большом диапазоне значений. На этом рисунке показан процесс ускоряющегося расширения Вселенной, который измерялся по красному смещению цефеид Нашей Галактики и её спутника БМО в течение 100 дней. Обратите внимание, как по-логарифмически сжата временнАя шкала. Вряд ли график выглядел бы так же эффектно, если бы временная шкала являлась линейной функцией.

Рисование инструментом Rectangular Grid Tool в "режиме кисти"

При помощи нажатия модификатора ` "обратный апостроф" (находится на той же клавише, что и знак ~ "тильда"), инструмент Rectangula rGrid Tool превращается в своего рода "кисть", которая "рисует сетками". В качестве примера — вот пара набросков, которые я успел небрежно нарисовать сетками минут за десять, используя модификаторы, описанные ниже.

Клавиша ` ,удерживаемая в момент рисования, обеспечивает создание "паутины" прямоугольных сеток, каждая из которых, накладывается в стопке объектов на предыдущую сетку, всё больше и больше возрастая по диагонали. Фактор плотности генерирования сеток в "паутине" в некоторых пределах настраивается при помощи изменения масштаба просмотра изображения.

Если в момент протаскивания указателя при нажатом модификаторе ` удерживать нажатой клавишу SHIFT, то "паутина" из квадратных сеток приобретёт более строгую направленность вне зависимости от извилистости траектории движения указателя.

Нажатие на клавишу SPASE (пробел) после нажатия клавиши ` в момент рисования создаёт "сетчатую кисть", которая рисует одинаковыми сетками. Плотность "штриха" из сеток задаётся масштабом просмотра на экране.

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

Диалоговое окно Rectangular Grid Tool Options

Как уже говорилось ранее, это диалоговое окно целесообразно использовать, если нужно создать сетку с заранее заданными параметрами или для сброса настроек. Для вызова диалогового окна Rectangular Grid Tool Options сделайте двойной щелчок на пиктограмме инструмента. А если инструмент уже выбран, то сделайте щелчок в пустой области рабочего окна. Или просто нажмите на клавишу ENTER. В открывшемся окне отобразятся параметры предыдущей прямоугольной сетки или настройки по умолчанию.

Область Default Size (исходный размер) в себя включает:

  • параметр Width: (ширина). Этот параметр настраивает ширину сетки в выбранных единицах вводом значения с клавиатуры;
  • параметр Height: (высота) — настраивает высоту сетки в выбранных единицах;
  • прямоугольник с маркерами. Этот прямоугольник позволяет определить исходную точку рисования сетки в её собственном габаритном контейнере.

Переключение маркеров осуществляется щелчком указателя по ним.

Область Horizontal Dividers (горизонтальные разделители) имеет следующие опции:

  • Number: — параметр, настраивающий количество горизонтальных разделителей в сетке;
  • Skew: (смещение строк) — ползунок, настраивающий смещение горизонтальных разделителей вверх или вниз в процентах.

Область Vertical Dividers (вертикальные разделители) имеет следующие опции:

  • Number: — параметр, настраивающий количество вертикальных разделителей в сетке;
  • Skew: — ползунок, настраивающий смещение вертикальных разделителей влево или вправо в процентах.

Чек-бокс Use Outside Rectangle As Frame (в качестве рамки используется прямоугольник) — при установленном флажке позволяет использовать в качестве ограничивающей рамки замкнутый прямоугольник. При снятом флажке ограничивающая рамка будет состоять из четырёх прямолинейных незамкнутых сегментов (если не стоит отметка в чек-боксе Fill Grid).

Чек-бокс Fill Grid (заливка сетки) — при установленном флажке позволяет создать заливку ограничивающей рамки текущим выбранным цветом.

Навигация по большинству опций диалогового окна осуществляется нажатиями на клавишу TAB, с помощью которой наводится фокус.
Либо нажатием на клавишу, буква которой в диалоговом окне подчёркнута.

Сброс настроек

Сброс всех настроек к настройкам по умолчанию осуществляется щелчком указателя по кнопке Reset. Эта кнопка появляется на месте кнопки Cancel, когда нажата и удерживается клавиша ALT.

Резюме

Rectangular Grid Tool является самым подходящим стандартным средством для рисования пользовательских сеток. Созданная сетка имеет те же свойства, что и любая другая группа контуров и для ещё лучшего удобства в применении может быть легко повёрнута или скошена инструментами трансформирования для более детальной подгонки под актуальную задачу. На основе сетки можно также создать арт-объект со свойствами направляющих...

Следует заметить, что в программе Adobe Illustrator существуют и другие стандартные средства генерирования сеток. В первую очередь — это Perspective Grid Tool (сетка перспективы). Можно также отметить команду меню Viev > Show Grid (CTRL+'). Она делает видимой на арт-борде статическую измерительную сетку, по которой осуществляется привязка объектов к системе координат монтажного стола. И команду Object > Path > Split Into Grid... которая создаёт сетку из отдельных пользовательских ячеек — замкнутых контуров на основе прямоугольного габаритного контейнера отдельного объекта. Но ни одно из этих не менее значимых средств не обеспечит вам создание сеток с той же лёгкостью, на которую способен инструмент Rectangular Grid Tool.

В заключение хочется ещё раз отметить, что применение пользовательских (созданных и трансформированых вами) сеток в любом случае задаст все предпосылки для получения правильной пропорции, которая и будет лежать в основе вашего рисунка.
Такая сетка будет служить вам хорошим подспорьем при рисовании и редактировании векторных объектов, поскольку в любой момент времени можно:
- легко изменить положение и форму её инструментами трансформирования;
- применить или отменить команды привязки объектов к узлам этой сетки;
- превратить в семейство направляющих для рисования или вычерчивания объектов с повышенной точностью;
- и многое-многое другое...

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

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.