ЭФФЕКТ VINTAGE ДЛЯ ТЕКСТА.
Логотип 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. В примерах ниже волнистые "градиенты" сделаны этим фильтром. Попробуйте, и вы не пожалеете.
Оригинал.
Перевод: Lexy.
Логотип 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. В примерах ниже волнистые "градиенты" сделаны этим фильтром. Попробуйте, и вы не пожалеете.
Оригинал.
Перевод: Lexy.
Отредактировано: Dark Wood — 12 Августа 2013, 20:55
