Как нарисовать многоугольный узор в стиле мемфис в Иллюстраторе

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

Banner for lessons 001.jpg

Пример HTML-страницы

Как нарисовать многоугольный узор в стиле мемфис в Иллюстраторе

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

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

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

1-1.jpg

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

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

Шаг 1

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

02.jpg

Шаг 2

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

02-2.jpg

Шаг 3

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

02-3.jpg

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

Шаг 1

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

3-1-1.jpg

Шаг 2

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

3-2.jpg

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

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

Шаг 1

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

04.jpg

Шаг 2

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

Шаг 3

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

4-3.jpg

Шаг 4

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

4-4.jpg

Шаг 5

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

4-5.jpg

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

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

Шаг 1

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

05-1.jpg

Шаг 2

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

05-2.jpg

Шаг 3

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

05-3.jpg

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

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

Шаг 1

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

Шаг 2

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

06-2.jpg

Шаг 3

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

06-3.jpg

Результат

Final.jpg

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


Ссылка на источник

Как нарисовать многоугольный узор в стиле мемфис в Иллюстраторе
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

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