Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Геометрический бесшовный паттерн в Adobe Illustrator

7 ноября 2014 | Опубликовано в Уроки | 3 Комментариев »

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

 

Шаг 1

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

Vector Polygonal Background in Illustrator

Шаг 2

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

Vector Polygonal Background in Illustrator

Шаг 3

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

Vector Polygonal Background in Illustrator

Шаг 4

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

Vector Polygonal Background in Illustrator

Шаг 5

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

Vector Polygonal Background in Illustrator

Шаг 6

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

Vector Polygonal Background in Illustrator

Шаг 7

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

Vector Polygonal Background in Illustrator

Шаг 8

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

Vector Polygonal Background in Illustrator

Шаг 9

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

Vector Polygonal Background in Illustrator

Шаг 10

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

Vector Polygonal Background in Illustrator

Шаг 11

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

Vector Polygonal Background in Illustrator

Шаг 12

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

Vector Polygonal Background in Illustrator

Результат

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

Vector Polygonal Background in Illustrator

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

Автор урока abduzeedo

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

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




Комментарии

  1. Людмила
    Thumb up Thumb down 0

    Полезный урок! Спасибо!

    Ответить

  2. 11
    Thumb up Thumb down 0

    :-D

    Ответить

Оставить ответ


пять + = 8

Вставить изображение