Типографический логотип в Illustrator и Photoshop
5 февраля 2015 | Опубликовано в Уроки | Нет комментариев »
В этом уроке вы узнаете как оформить типографический логотип. Подобные работы сейчас в тренде и если вы любите быть в центре модных тенденций, потратьте буквально час на создание собственной работы. Такие типографические работы полезно создавать и для тренировки. Мы начнем работу в Illustrator, а закончим в Photoshop.
Шаг 1
В Illustrator создайте типографическую заготовку, используя базовые фигуры и различные шрифты. Шрифт, который использован в примере можно найти здесь.
Шаг 2
Давайте начнем с добавления эффектов. Первый из них это эффект перехода. Выделите слово New York и дублируйте его. Смените цвет нижней копии на белый, а верхнюю надпись оставьте темного цвета. Выделите обе копии и в меню выберите Object>Blend/Объект>Переход. Укажите 4 px в качестве расстояния между шагами (Specified Distance).
Шаг 3
Таким же способом создайте диагональные линии для орнамента левой разделительной линии.
Шаг 4
Выделите самую верхнюю надпись и в меню выберите Object>Envelope Distort>Envelope with Warp/Объект>Искажение оболочки>Деформация. Используйте стиль Arc/Дуга с параметрами как показано ниже.
Шаг 5
Повторите то же с нижней надписью.
Шаг 6
Выделите прямоугольник и текст, из которого создана ленточка и также примените к ней Object>Envelope Distort>Envelope with Warp/Объект>Искажение оболочки>Деформация. На этот раз укажите иные настройки, как показано ниже.
Шаг 7
Вот что получится в итоге.
Шаг 8
Теперь в Photoshop откройте фотографию, на которую хотите наложить лого. В примере использован снимок Нью-Йорка. Кадрируйте снимок при необходимости. В примере размер рабочего документа составляет 2880×1800 px.
Шаг 9
Добавьте новый слой и залейте его серым цветом. После этого укажите этому слою opacity/непрозрачность в 60%.
Шаг 10
Добавьте еще один слой и залейте его радиальным градиентом от белого (в центре) к черному. Смените Blend Mode/Режим наложения слоя на Multiply/Умножение и снизьте непрозрачность до 80%.
Шаг 11
Копируйте логотип из Illustrator и вставьте его в Photoshop.
Шаг 12
В меню выберите Image>Adjustments>Invert/Изображение>Коррекция>Инвертировать. После этого смените Blend Mode/Режим наложения слоя на Lighten/Замена светлым.
Шаг 13
В меню выберите Layer>New Adjustment Layer>Photo Filter/Слой>Новый корректирующий слой>Фотофильтр. Используйте Cooling Filter/Охлаждающий фильтр на 25% Density/Плотности.
Результат
Вот так меньше чем за час вы можете сделать модный типографический лого. Конечно, это тренд и вряд ли стоит считать такую работу полноценным логотипом, зато это отличное упражнение в работе с Illustrator и Photoshop. Также вы можете использовать этот модный стиль в других целях.
Автор урока abduzeedo
Перевод — Дежурка
Смотрите также: