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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Результат

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

Photoshop & Illustrator speedart: Bass Boost Logo design by Swerve™

Интересные записи

• Фотошту4ка -
• Создаём 3D анимацию логотипа в Фотошоп
• Как сделать макет или дизайн сайта в Photoshop
• Как вырезать и вставить объект в фотошопе
• Веб дизайн сайтов, редизайн
• Бесплатный онлайн редактор фотографий и изображений на русском языке(аналог Фотошоп онлайн)