В этом уроке мы будем создавать стильную и веселую типографическую работу. Вы узнаете как просто и интересно создать буквы как в нашем примере, а поняв принцип, сможете создавать собственные работы в этом стиле. Урок довольно прост и увлекателен, однако учтите что вам понадобится версия Adobe Illustrator CC из-за функции Live Corners/Динамичные углы. Или же аналог этой функции в плагине.

1. Настраиваем документ

Шаг 1

Создайте New Document/Новый документ в Adobe Illustrator CC. Назовите свой файл и укажите ему размеры 800 px на 800 px (или другие при желании).

Шаг 2

Инструментом Rectangular Grid/Прямоугольная сетка растяните квадратную секту по размеру вашего документа, указав значение «5» в поле Horizontal Dividers/Горизонтальные разделители и те же «5» в поле Vertical Dividers/Вертикальные разделители. Сетка понадобится нам чтобы буквы были одного размера.

Шаг 3

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

• Розовый: #ff6699
• Оранжевый: #ff9900
• Желтый: #ffcc00
• Лаймовый зеленый: #9adb1b
• Зеленый: #00cc66
• Бирюзовый: #00cccc
• Синий: #00ccff
• Фиолетовый: #6633cc
• Цвет фуксии: #ff66cc

2. Формируем буквы

Шаг 1

Начнем с розовой буквы «H».

1. Инструментом Rectangle/Прямоугольник (M) нарисуйте вертикальный узкий прямоугольник, толщиной примерно в треть (или чуть шире) первого квадрата сетки.
2. Копируйте (Control-C) и Вставьте (Control-V) этот прямоугольник и переместите копию в правый край квадрата сетки.
3. Вставьте еще одну копию и Rotate/Поверните ее на 90°, чтобы закончить построение буквы.
4. Нарисуйте еще два тонких прямоугольника по обеим сторонам вертикальный прямоугольников. Укажите всем элементам Blend Mode/Режим наложения Multiply/Умножение в палитре Transparency/Прозрачность.

Шаг 2

Перемещаемся в следующий квадрат сетки и беремся за букву «E„.

1. Вставьте прямоугольник из “H» и смените его цвет на оранжевый.
2. Дублируйте и поверните этот прямоугольник, затем разместите его как показано на второй картинке ниже.
3. Повторите процесс для нижнего края буквы «E».
4. В завершении нарисуйте более короткий прямоугольник посредине буквы. Укажите всем объектам Blend Mode/Режим наложение Multiply/Умножение.

Шаг 3

Возьмемся за букву «Y» в следующей клетке.

1. Создайте вертикальный прямоугольник (скопируйте его из одной из предыдущих, чтобы размер был тот же). Укажите новому прямоугольнику желтый цвет.
2. Инструментом Rectangle/Прямоугольник нарисуйте в верхней части клетки прямоугольник во всю ширину клетку и в половину ее высоты.
3. Инструментом Direct Selection/Прямое выделение (A) выделите две нижние точки этого прямоугольника и потяните внутрь Live Corners/Динамические углы.
4. Теперь наша буква «Y» готова! Укажите всем элементам Blend Mode/Режим наложения Multiply/Умножение.

Шаг 4

В следующей клетке мы создадим букву «S».

1. Нарисуйте прямоугольник в 2/3 клетки лаймового цвета и разместите его в верхней части клетки.
2. Копируйте и вставьте этот прямоугольник и разместите его в нижней части клетки, частично перекрыв верхний прямоугольник. Укажите обоим элементам Blend Mode/Режим наложения Multiply/Умножение в палитре Transparency/Прозрачность.
3. Инструментом Direct Selection/Прямое выделение выделите правые точки нижнего прямоугольника и потяните внутрь Live Corners/Динамические углы, чтобы скруглить фигуру. Сделайте то же с верхним прямоугольником и левыми точками.
4. У вас должна получиться буква «S» как на четвертой картинке ниже.

Шаг 5

На очереди буква «P».

1. Переместитесь в следующую клетку и вставьте наш стандартный прямоугольник в левую часть клетки.
2. Нарисуйте большой прямоугольник, на всю ширину клетки, перекрывающий предыдущий прямоугольник в верхней части, как на второй картинке ниже. Укажите элементам режим наложения Multiply/Умножение.
3. Инструментом Direct Selection/Прямое выделение выделите правые точки большого прямоугольника и потяните внутрь Live Corners/Динамические углы, чтобы скруглить нашу "P".

Шаг 6

Продолжим с буквой «R».

1. Копируйте букву "P" и вставьте копию в следующую клетку. Измените цвет элементов на бирюзовый.
2. Инструментом Pen/Перо (P), кликните в левый нижний угол клетки и потяните линию в центр буквы.
3. Создайте следующую точку в правом нижнем углу клетки.
4. Закройте контур объединив первую и последнюю точки.
5. Укажите всем элементам режим наложения Multiply/Умножение.

Шаг 7

Теперь беремся за самую простую букву «I»!

1. Нарисуйте горизонтальный прямоугольник в верхней части клетки.
2. Копируйте прямоугольник и вставьте копию в нижнюю часть клетки.
3. Дублируйте прямоугольник еще раз и, поверните его на 90°, укажите всем объектам синий цвет и режим наложения Multiply/Умножение.

Шаг 8

Следующая буква — «N».

1. Переместитесь в следующую клетку и нарисуйте вертикальный прямоугольник фиолетового цвета в левой части клетки.
2. Дублируйте его и разместите копию в правой части клетки.
3. Дублируйте один из прямоугольников и поверните копию на 45°. Укажите элементам режим наложения Multiply/Умножение.
4. Инструментом Pen/Перо нарисуйте треугольники в левом и правом углу буквы "N".
5. Unite/Объедините треугольники с диагональным прямоугольником в палитре Pathfinder/Обработка контура.

Шаг 9

Пришло время последний буквы — «G».

1. Нарисуйте прямоугольник цвета фуксии, который займет примерно половину клетки.
2. Дублируйте прямоугольник и поверните копию на 90°.
3. Выделите левые точки вертикального прямоугольника и скруглите их при помощи Live Corners/Динамических углов. Сделайте то же с нижними точками горизонтального прямоугольника.
4. Укажите элементам режим наложения Multiply/Умножение.

Результат

Используя этот принцип, вы можете создавать свои буквы и надписи. Удачи!

Автор урока Mary Winkler

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

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

• 30 типографических уроков для Adobe Illustrator
• Объемный разбросанный текст в Adobe Illustrator
• Рисуем кисть-веревку в Adobe Illustrator