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

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

Многоугольный узор в стиле мемфис в Adobe Illustrator

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

В этом уроке мы будем рисовать узор в стиле «Мемфис» в Adobe Illustrator. Для этого стиля характерны геометрические фигуры разных размеров и форм, декорированные другими фигурами. Имея это в виду, ми нарисуем забавный и цветной узор в светлых тонах. Мы будем работать с основными фигурами, режимами наложения, узорами.

 

1. Готовим документ

Для начала создайте новый документ в Illustrator (File>New/Файл>Создать) и укажите следующие параметры:

  • Размер: 800×600 px
  • Цветовой режим: RGB
  • Разрешение: 72 ppi

1-1

Также включите опцию “Align new objects to pixel grid/ Выравнивание новых объектов по пиксельной сетке”

2. Создаем фон с геометрическими фигурами

Шаг 1

Создайте прямоугольник инструментом Rectangle/Прямоугольник. Растяните фигуру так, чтобы она была размером с рабочую область, затем кликните по иконке “Align to Artboard/Выровнять по холсту”.

Sin título-1

Шаг 2

Инструментом Pen/Перо или Line Segment/Отрезок линии нарисуйте линии разной длины и под разными углами, чтобы в итоге получились различные геометрические фигуры.

ju6y

Шаг 3

Выделите фоновый прямоугольник и линии и в палитре Pathfinder/Обработка контура нажмите на иконку Divide/Разделить. Теперь мы можем выкрасить каждую фигуру в свой цвет.

Sin título-3

3. Раскрашиваем работу

Шаг 1

До того как мы начнем раскрашивать наши фигуры, нужно определить цветовую гамму, в которой будем работать. Мы будем использовать светлые цвета, типичные для стиля «Мемфис». Выберите все цвета в палитру, затем в меню выберите Swatches>New Color Group/Образцы>Новая цветовая группа. Так у нас получится папка с нашими цветами.

3-1

 

Шаг 2

Инструментом Selection/Выделение кликайте по фигурам и указывайте им цвета из палитры.

3-2

4. Применяем паттерны

Теперь мы укажем фигурам разные узоры, которые сделают работу круче. Мы используем полосы и точки.

Шаг 1

Выберите паттерны, которые хотите использовать. В нашем примере это стандартные узоры, которые вы можете найти в меню Swatches>Patterns>Basic Graphics/Образцы>Узоры>Базовая графика.

Sin título-4

Шаг 2

Выделите все наши фигуры, нажмите Ctrl+C, чтобы скопировать их, а затем Ctrl+F, чтобы вставить копии на передний план. Заблокируйте нижние слои, чтобы не мешали при работе.

Шаг 3

Теперь выделяем верхние копии фигур и указываем им различные паттерны.

4-3

Шаг 4

Чтобы паттерны смотрелись более органично, мы сменим их режим наложения и прозрачность. В палитре Transparency/Прозрачность выберите режим Multiply/Умножение и снизьте непрозрачность.

dfgf

Шаг 5

Теперь инструментом Direct selection/Прямое выделение мы будем менять или удалять фигуры или части фигур. Для этого кликайте по опорным точкам фигур и перемещайте их или удаляйте.

4-5

5. Декорируем работу

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

Шаг 1

Инструментом Star/Звезда (3 точки) нарисуйте синий прямоугольник и раскидайте его копии по всему паттерну. В палитре Transparency/Прозрачность укажите Blending mode>Color burn/Режим наложение/Затемнение основы на непрозрачности в 50%.

Captura

Шаг 2

Инструментом Ellipse/Эллипс нарисуйте круг без заливки, но с обводкой белого цвета толщиной в 3 pt. Также раскидайте копии по всему узору.

dgfr

Шаг 3

Инструментом Pen/Перо нарисуйте зигзагообразную линию как на картинке ниже. Укажите линии синий цвет обводки при толщине в 3 pt. Укажите закругленные концы, а затем также раскидайте по работе копии.

rtgrt

6. Завершающий эффект

В этом шаге мы добавим световой эффект, чтобы сконцентрировать внимание в центре работы.

Шаг 1

Создайте новый слой поверх остальных и инструментом Rectangle/Прямоугольник создайте прямоугольник по размеру холста.

Шаг 2

Укажите прямоугольнику радиальный градиент от белого к черному, и укажите белому цвету opacity/непрозрачность в 0%

hyjyu

Шаг 3

Укажите прямоугольнику режим наложения Color burn/Затемнение основы и снизьте непрозрачность слоя до 10%

uy7u7656

Результат

27_MEMPHIS

Автор урока María Vázquez

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

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




Комментарии

  1. Геннадий
    Thumb up Thumb down 0

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

    Артём Ответ:

    Thumb up Thumb down +1

    Если про шаг 2.3, то можно попробовать линии объединить в группу Ctrl+G или объединить в составной контур Ctrl+8 или же можно линии разобрать и объединить в один контур в панели Pathfinder/Обработка контура.