Сегодня нас с вами ждет урок по созданию геометрического бесшовного паттерна в Adobe Illustrator. Ниже описан отличный способ создания таких типов фона, а также простой и гениальный выход для создания бесшовного эффекта. Урок рассчитан на пользователей, которые уже знакомы с Adobe Illustrator. Также для окраски узора вам понадобится Adobe Photoshop, однако это необязательно. Урок очень простой и полезный.

Шаг 1

Откройте Illustrator и создайте новый документ. Инструментом Rectangle/Прямоугольник нарисуйте квадрат, как показано на картинке ниже.

Шаг 2

Дублируйте квадрат, и переместите его вправо. удерживая Option/Ctrl+Shift. Убедитесь что между квадратами нет свободного пространства.

Шаг 3

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

Шаг 4

Инструментом Direct Selection/Прямое выделение (A) выделите верхнюю и нижнюю точку одной из колонок. Затем переместите их  в любом направлении. Очень важно на этом этапе производить это действие именно с этими двумя точками одно колонки. Так вы обеспечиваете бесшовность паттерна.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Выделите фигуры одного цвета и дублируйте их. В меню выберите Window>Swatch Libraries>Patterns>Basic_Graphics_Lines/Окно>Библиотека образцов>Узоры>Базовые графические линии. Выберите вариант с горизонтальными линиями.

Шаг 9

Выделите созданное изображение и в меню выберите Object>Expand/Объект>Разобрать. После этого сгруппируйте все элементы узора и в меню выберите Object>Pattern>Make/Объект>Узор>Создать. Настройте параметры узора как показано ниже. Параметр H и V spacing (Расстояние по горизонтали и вертикали) меняйте методом проб, пока ваш узор не сойдется.

Шаг 10

Вот как паттерн может получиться у вас в итоге:

Шаг 11

В Photoshop создайте новый документ. В примере использован размер 2880×1800 px. Копируйте большой прямоугольник, залитый созданным нами паттерном из Illustrator и вставьте его в документ в Photoshop.

Шаг 12

Создайте новый слой поверх этого и смените его Blend Mode/Режим наложения на Overlay/Перекрытие. Вы можете попробовать залить этот слой любым цветом и выбрать наиболее вас устраивающий. Также при помощи Levels/Уровней вы можете менять степень контрастности.

Результат

Теперь разместите ваш логотип на паттерне и работа готова!

Вы можете скачать файл .ai

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:

• Лучшие уроки по созданию паттернов
• Рисуем зимний паттерн в Adobe Illustrator
• Рисуем шестиугольный геометрический узор в Adobe Illustrator