[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Логотип Dragonforce, который вы видите выше, был создан на основе карандашного наброска на бумаге. Затем этот набросок был переведен в вектор – обведен в Illustrator при помощи Pen Tool.
Однако в этом уроке я не затрагиваю процесс рисования логотипа. Мне хочется остановиться подробнее на стильном эффекте «градиента из линий», который вы можете заметить в этом логотипе в середине букв. Такой «градиент» придает тексту дух старины; буквы становятся словно подписью, вырезанной на дереве. Эффект vintage, описанный в этом уроке, можно применить к абсолютно любому шрифту – принцип универсален.
Вот еще несколько примеров использования этой техники.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Для получения такого эффекта вам понадобится как Adobe Illustrator CS2 или выше, так и Adobe Photoshop.
В этом уроке я расскажу лишь о базовой технике, так что не бойтесь экспериментировать для получения собственных великолепных результатов. Итак, приступим.
Шаг 1. Подготовка базового логотипа/текста.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Я буду использовать логотип Dragonforce в качестве основы, но вы можете просто напечатать любое слово тем шрифтом, который вам нравится. Главное, чтобы шрифт был достаточно жирным.
Шаг 2. Новый документ в Photoshop.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Создаем новый документ 2500?2500px, 300 DPI. Именно в этом файле мы будем создавать наш градиент из линий. Однако нам сперва нужно поместить текст из Illustrator в Photoshop.
Шаг 3. Копируем внутреннюю часть логотипа.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Вернувшись в Illustrator, выделяем и копируем (Ctrl+C или Edit>Copy) внутреннюю часть логотипа в буфер обмена. (Если Photoshop и Illustrator запущены одновременно, проще перетащить (drag-and-drop) нужный объект из одного окна в другое, не забивая буфер всякой ерундой. – прим. перев.)
Шаг 4. Вставляем скопированное в Photoshop.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Возвращаемся в Photoshop, жмем Ctrl+V или Edit>Paste, чтобы вставить текст/часть логотипа. В появившемся окне из вариантов вставки (Vector Smart Object, Shape Layer или Pixels) выбираем Pixels.
Шаг 5. Делаем текст черным.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Если текст и так черный, естественно, этот пункт пропускаем. [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
А сделать текст черным можно по-разному – с помощью Levels, Brightness&Contrast, Gradient Map (а давайте придумаем еще 10 способов сделать это в ФШ [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]- прим. перев.); можно просто щелкнуть на иконке слоя, удерживая Ctrl, и залить черным получившееся выделение. Делайте, как вам удобнее и понятнее.
Шаг 6. Белая обводка внутри текста.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
В свойствах слоя с текстом добавляем белую обводку (Stroke) произвольной толщины внутри текста (Position – Inside).
Шаг 7. Отделяем черное.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
В верхнем меню выбираем Select > Color Range, жмем ОК. По умолчанию там будут выделены все темные (т.е. черные) пикселы. Если этого не произошло, из выпадающего списка выбираем Shadows. (Попутно придумываем еще 10 способов выделения черного в Photoshop, [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]- прим. перев.) Получив выделение, создаем новый слой и на нем заливаем это выделение черным. Все, нижний слой можно удалять. (Аналогичного результата можно добиться и сразу в Illustrator, кстати – пользуем Offset Path с отрицательными значениями и результат уже пихаем в ФШ. Плюс – видно, насколько «тоньше» становится область, отведенная для нашего эффекта, на общем фоне логотипа – прим. перев.).
Шаг 8. Полосочки!
Удерживая Ctrl, щелкаем по иконке слоя с «тонким» текстом, чтобы выделить его. Затем с помощью Gradient Tool рисуем черно-белый градиент снизу вверх. Переводим документ в Grayscale (Image>Mode>Grayscale). Выбираем Image>Mode>Bitmap, в появившемся окне – Halftone, 300 DPI.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Экспериментируйте с параметрами Frequency, Angle и Shape – от них зависит внешний вид готового эффекта.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Вот что получилось после конвертации градиента в битмап.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 9. Трассировка в Illustrator.
Перетаскиваем получившиеся полоски в Illustrator (проще всего с помощью drag and drop, но можно сохранить файл с полосками, а затем открыть в Illustrator или вставить – File > Place). Не снимая выделения со вставленной растровой картинки с полосками, выбираем Live Trace, чтоб перевести ее в вектор. После трассировки жмем Expand. Разгруппировываем получившийся результат (Shift+Ctrl+G), потом «волшебной палочкой» (Y) щелкаем по любому белому фрагменту, чтоб выделить все не нужные нам белые плашки, а затем удаляем все, что выделилось. Другой способ: выделить любой белый фрагмент, затем Select > Same > Fill Color и удалить результат выделения. Нам потребуются только черные части, которые нужно выделить и сгруппировать (Ctrl+G).
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 9. Накладываем получившиеся полоски на логотип.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Возможно, придется немного сжать или растянуть их, чтоб «вписать» в логотип.
Вот что получилось у меня.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Эту технику создания стильных винтажных халфтонов можно применять не только лоя логотипов, но и, например, для фонов и т.п. Попробуйте воспользоваться готовыми векторными клипартами с различными халфтонами. Оригинальные халфтоны можно также получить при помощи фильтра Andromeda Screens. В примерах ниже волнистые «градиенты» сделаны этим фильтром. Попробуйте, и вы не пожалеете.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]]