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

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

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

5 февраля 2015 | Опубликовано в Уроки | Нет комментариев »

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

 

Шаг 1

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

Typography Stencil in Illustrator

Шаг 2

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

Typography Stencil in Illustrator

Шаг 3

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

Typography Stencil in Illustrator

Шаг 4

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

Typography Stencil in Illustrator

Шаг 5

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

Typography Stencil in Illustrator

Шаг 6

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

Typography Stencil in Illustrator

Шаг 7

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

Typography Stencil in Illustrator

Шаг 8

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

Typography Stencil in Illustrator

Шаг 9

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

Typography Stencil in Illustrator

Шаг 10

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

Typography Stencil in Illustrator

Шаг 11

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

Typography Stencil in Illustrator

Шаг 12

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

Typography Stencil in Illustrator

Шаг 13

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

Typography Stencil in Illustrator

Результат

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

Typography Stencil in Illustrator

Typography Stencil in Illustrator

Автор урока abduzeedo

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

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




Коментарии запрещены.