Создание вложенных сеток в Illustrator.

В настоящее время я использую Illustrator и Photoshop CS6, и моя цель — создать пользовательский интерфейс для игры «Морской бой». Я смотрю на это, чтобы использовать в качестве ссылки:

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

Я также начинаю с «вложенной» сетки, но то, как я это делаю сейчас, довольно утомительно, я делаю вложенную сетку 2x2 вручную с помощью копипаста. Это не только занимает много времени, но и не соответствует эталонному изображению:

Могу ли я получить некоторые предложения или советы о том, как сделать мою сетку более похожей на ту, что указана выше?

почему бы не использовать инструмент сетки?

Ответы (2)

Вот очень простой способ сделать это.

  1. Создайте один квадрат вашей сетки, включая вложенную сетку
  2. Выберите этот квадрат и сгруппируйте его, нажав Command+G
  3. Убедитесь, что интеллектуальные направляющие включены, нажав Command+U
  4. Теперь, когда эта группа выбрана, удерживайте Shiftи перетащите фигуру в сторону, пока она не «щелкнет» в следующую фигуру.
  5. Повторяйте этот шаг с новой фигурой, нажимая Command+, Dпока не получите полную строку сетки.
  6. Теперь выберите всю эту строку и повторите шаги 4 и 5, но на этот раз вниз по странице.

Этот метод приведет к сетке, состоящей из совпадающих квадратов, которая, как вам может показаться, немного переработана для того, что вам нужно. Более простой способ создать сетку — использовать пересекающиеся линии. Сделать это:

  1. Нарисуйте одну линию
  2. Выберите его, удерживайте Shiftи перетащите в сторону, чтобы создать следующую линию сетки.
  3. Выберите эту линию сетки и на панели «Обводка» измените ее на пунктирную линию.
  4. Выберите обе линии сетки и, удерживая Shift, перетащите их в сторону, чтобы сделать копии. Нажмите Command+ Dнесколько раз, чтобы повторить этот шаг.
  5. Теперь выберите все линии сетки и на панели «Выравнивание» нажмите «Распределить пространство по горизонтали».
  6. Выберите все линии сетки и нажмите Command+ G, чтобы сгруппировать их.
  7. Перейти Object > Transform > Rotateи нажать Copy( OK)чтобы не создавать копию группы повернутой на 90 градусов
  8. Выберите обе группы линий и с помощью панели «Выравнивание» отцентрируйте их по горизонтали и вертикали.

Это звучит как отличная работа для мощного инструмента шаблонов Illustrator.

  1. Создайте одну ячейку вашей сетки. Например, квадрат с «перекрестием» внутри;
  2. Выберите все элементы этой одной ячейки и перетащите их в свою Swatchesпалитру. Это приведет к тому, что миниатюра ячейки появится в виде образца узора;
  3. Нарисуйте прямоугольник со сторонами, длина которых кратна длине стороны вашей элементарной ячейки;
  4. Выберите новый образец в качестве заливки прямоугольника.

Вы можете даже double-clickобразец в Swatchesпалитре, чтобы войти в редактор шаблонов, где вы можете изменить шаблон. Поскольку образец является так называемым «глобальным» образцом, любые изменения, которые вы в него вносите, будут применяться ко всем объектам, на которых вы использовали образец.