Типографический логотип в 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
Перевод — Дежурка
Смотрите также:
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191