Типографический логотип в Illustrator и Photoshop

В этом уроке вы узнаете как создать типографический логотип. Подобные работы сейчас в тренде и если вы любите быть в центре модных тенденций, потратьте буквально час на создание собственной работы.

Такие типографические работы полезно создавать и для тренировки. Для этого урока я покажу вам, как использовать простые инструменты Illustrator и Photoshop, чтобы создать очень модный логотип. Мы начнем работу в Illustrator, а закончим в Photoshop. Процесс достаточно прост и может быть применен ко всем видам логотипов и иллюстраций в ваших будущих дизайнах.

Шаг 1

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

media_1392002142885

Шаг 2

Давайте начнем с добавления эффектов. Первый из них это эффект перехода. Выделите слово New York и дублируйте его. Смените цвет нижней копии на белый, а верхнюю надпись оставьте темного цвета. Выделите обе копии и в меню выберите Object>Blend/Объект>Переход. Укажите 4 px в качестве расстояния между шагами (Specified Distance).

media_1392002179287

Шаг 3

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

media_1392002209628

Шаг 4

Выделите самую верхнюю надпись и в меню выберите Object>Envelope Distort>Envelope with Warp/Объект>Искажение оболочки>Деформация. Используйте стиль Arc/Дуга с параметрами как показано ниже.

media_1392002245851

Шаг 5

Повторите то же с нижней надписью.

media_1392002323212

Шаг 6

Выделите прямоугольник и текст, из которого создана ленточка и также примените к ней Object>Envelope Distort>Envelope with Warp/Объект>Искажение оболочки>Деформация. На этот раз укажите иные настройки, как показано ниже.

media_1392002388492

Шаг 7

Вот что получится в итоге.

media_1392002408215

Шаг 8

Теперь в Photoshop откройте фотографию, на которую хотите наложить лого. В примере использован снимок Нью-Йорка. Кадрируйте снимок при необходимости. В примере размер рабочего документа составляет 2880×1800 px.

media_1392002430915

Шаг 9

Добавьте новый слой и залейте его серым цветом. После этого укажите этому слою opacity/непрозрачность в 60%.

media_1392002449383

Шаг 10

Добавьте еще один слой и залейте его радиальным градиентом от белого (в центре) к черному. Смените Blend Mode/Режим наложенияслоя на Multiply/Умножение и снизьте непрозрачность до 80%.

media_1392002465788

Шаг 11

Копируйте логотип из Illustrator и вставьте его в Photoshop.

media_1392002497583

Шаг 12

В меню выберите Image>Adjustments>Invert/Изображение>Коррекция>Инвертировать. После этого смените Blend Mode/Режим наложения слоя на Lighten/Замена светлым.

media_1392002535228

Шаг 13

В меню выберите Layer>New Adjustment Layer>Photo Filter/Слой>Новый корректирующий слой>Фотофильтр. Используйте Cooling Filter/Охлаждающий фильтр на 25% Density/Плотности.

media_1392002551679

Результат

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

media_1392002567940

 

Автор урока —  Abduzeedo

Перевод — Planet Design

Add a comment

*