ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
 Страница 1 из 2  » следующая
 женщина  Lexy 21 Марта 2008, 22:11
Пост №1 * 21 Марта 2008, 22:11

Размышляющие
1 305 постов
397°
Возраст: 35
Регистрация: 18.03.2006
Проживает: Ижевск
ЭФФЕКТ VINTAGE ДЛЯ ТЕКСТА.

Эффект vintage для текста *

Логотип Dragonforce, который вы видите выше, был создан на основе карандашного наброска на бумаге. Затем этот набросок был переведен в вектор - обведен в Illustrator при помощи Pen Tool.
Однако в этом уроке я не затрагиваю процесс рисования логотипа. Мне хочется остановиться подробнее на стильном эффекте "градиента из линий", который вы можете заметить в этом логотипе в середине букв. Такой "градиент" придает тексту дух старины; буквы становятся словно подписью, вырезанной на дереве. Эффект vintage, описанный в этом уроке, можно применить к абсолютно любому шрифту - принцип универсален.

Вот еще несколько примеров использования этой техники.

Эффект vintage для текста *

Эффект vintage для текста *

Эффект vintage для текста *

Для получения такого эффекта вам понадобится как Adobe Illustrator CS2 или выше, так и Adobe Photoshop.

В этом уроке я расскажу лишь о базовой технике, так что не бойтесь экспериментировать для получения собственных великолепных результатов. Итак, приступим.

Шаг 1. Подготовка базового логотипа/текста.

Эффект vintage для текста *

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

Шаг 2. Новый документ в Photoshop.

Эффект vintage для текста *

Создаем новый документ 2500×2500px, 300 DPI. Именно в этом файле мы будем создавать наш градиент из линий. Однако нам сперва нужно поместить текст из Illustrator в Photoshop.

Шаг 3. Копируем внутреннюю часть логотипа.

Эффект vintage для текста *

Вернувшись в Illustrator, выделяем и копируем (Ctrl+C или Edit>Copy) внутреннюю часть логотипа в буфер обмена. (Если Photoshop и Illustrator запущены одновременно, проще перетащить (drag-and-drop) нужный объект из одного окна в другое, не забивая буфер всякой ерундой. - прим. перев.)

Шаг 4. Вставляем скопированное в Photoshop.

Эффект vintage для текста *

Возвращаемся в Photoshop, жмем Ctrl+V или Edit>Paste, чтобы вставить текст/часть логотипа. В появившемся окне из вариантов вставки (Vector Smart Object, Shape Layer или Pixels) выбираем Pixels.

Шаг 5. Делаем текст черным.

Эффект vintage для текста *

Если текст и так черный, естественно, этот пункт пропускаем. biggrin.gif
А сделать текст черным можно по-разному - с помощью Levels, Brightness&Contrast, Gradient Map (а давайте придумаем еще 10 способов сделать это в ФШ tongue.gif - прим. перев.); можно просто щелкнуть на иконке слоя, удерживая Ctrl, и залить черным получившееся выделение. Делайте, как вам удобнее и понятнее.

Шаг 6. Белая обводка внутри текста.

Эффект vintage для текста *

В свойствах слоя с текстом добавляем белую обводку (Stroke) произвольной толщины внутри текста (Position - Inside).

Шаг 7. Отделяем черное.

Эффект vintage для текста *

В верхнем меню выбираем Select > Color Range, жмем ОК. По умолчанию там будут выделены все темные (т.е. черные) пикселы. Если этого не произошло, из выпадающего списка выбираем Shadows. (Попутно придумываем еще 10 способов выделения черного в Photoshop, tongue.gif - прим. перев.) Получив выделение, создаем новый слой и на нем заливаем это выделение черным. Все, нижний слой можно удалять. (Аналогичного результата можно добиться и сразу в Illustrator, кстати - пользуем Offset Path с отрицательными значениями и результат уже пихаем в ФШ. Плюс - видно, насколько "тоньше" становится область, отведенная для нашего эффекта, на общем фоне логотипа - прим. перев.).

Шаг 8. Полосочки!

Удерживая Ctrl, щелкаем по иконке слоя с "тонким" текстом, чтобы выделить его. Затем с помощью Gradient Tool рисуем черно-белый градиент снизу вверх. Переводим документ в Grayscale (Image>Mode>Grayscale). Выбираем Image>Mode>Bitmap, в появившемся окне - Halftone, 300 DPI.

Эффект vintage для текста *

Экспериментируйте с параметрами Frequency, Angle и Shape - от них зависит внешний вид готового эффекта.

Эффект vintage для текста *

Вот что получилось после конвертации градиента в битмап.

Эффект vintage для текста *

Шаг 9. Трассировка в Illustrator.

Перетаскиваем получившиеся полоски в Illustrator (проще всего с помощью drag and drop, но можно сохранить файл с полосками, а затем открыть в Illustrator или вставить - File > Place). Не снимая выделения со вставленной растровой картинки с полосками, выбираем Live Trace, чтоб перевести ее в вектор. После трассировки жмем Expand. Разгруппировываем получившийся результат (Shift+Ctrl+G), потом "волшебной палочкой" (Y) щелкаем по любому белому фрагменту, чтоб выделить все не нужные нам белые плашки, а затем удаляем все, что выделилось. Другой способ: выделить любой белый фрагмент, затем Select > Same > Fill Color и удалить результат выделения. Нам потребуются только черные части, которые нужно выделить и сгруппировать (Ctrl+G).

Эффект vintage для текста *

Шаг 9. Накладываем получившиеся полоски на логотип.

Эффект vintage для текста *

Возможно, придется немного сжать или растянуть их, чтоб "вписать" в логотип.

Вот что получилось у меня.

Эффект vintage для текста *

Эту технику создания стильных винтажных халфтонов можно применять не только лоя логотипов, но и, например, для фонов и т.п. Попробуйте воспользоваться готовыми векторными клипартами с различными халфтонами. Оригинальные халфтоны можно также получить при помощи фильтра Andromeda Screens. В примерах ниже волнистые "градиенты" сделаны этим фильтром. Попробуйте, и вы не пожалеете.

Эффект vintage для текста *

Эффект vintage для текста *

Эффект vintage для текста *

Оригинал.

Перевод: Lexy.


Отредактировано: Dark Wood — 12 Августа 2013, 20:55
ключевые слова: Halftone эффект, создание эффекта вырезанной надписи на дереве в photoshop, векторные стильные фоны, вставить надпись, как сделать эффект металла в иллюстраторе, как изогнуть текст в иллюстраторе, как залить выделение черным в фш, эффекты с текстом, old fonts, шрифт винтаж
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  Bors 21 Марта 2008, 23:38 (спустя 1 час 26 мин.)
Пост №2 * 21 Марта 2008, 23:38 (спустя 1 час 26 мин.)

Размышляющие
17 постов
Возраст: 48
Регистрация: 2.01.2008
Проживает: Монреаль
Lexy, Спасибо!!! Очень эффектно.
 женщина  Zel 22 Марта 2008, 13:45 (спустя 14 часов 7 мин.)
Пост №3 * 22 Марта 2008, 13:45 (спустя 14 часов 7 мин.)

Размышляющие
294 поста
224°
Возраст: 33
Регистрация: 10.06.2007
Проживает: Москва
ооочень красиво и здоровски!! спсасибо за урок! )
 мужчина  Zero_Toleranz 24 Марта 2008, 15:18 (спустя 2 дня 1 час)
Пост №4 * 24 Марта 2008, 15:18 (спустя 2 дня 1 час)

Размышляющие
70 постов
20°
Возраст: 45
Регистрация: 6.03.2008
Проживает: Брянск
шик!!!
 мужчина  dead ragazm 24 Марта 2008, 19:07 (спустя 3 часа 48 мин.)
Пост №5 * 24 Марта 2008, 19:07 (спустя 3 часа 48 мин.)

Размышляющие
211 постов
50°
Возраст: 32
Регистрация: 21.01.2006
Проживает: скрывает
Что есть, то есть ! По хардкору !
 мужчина  Smad 28 Марта 2008, 14:37 (спустя 3 дня)
Пост №6 * 28 Марта 2008, 14:37 (спустя 3 дня)

Размышляющие
707 постов
17°
Возраст: 33
Регистрация: 20.07.2007
Проживает: Алма-Ата
Respect forever! wink.gif
 женщина  adehoidar 29 Марта 2008, 09:18 (спустя 18 часов 40 мин.)
Пост №7 * 29 Марта 2008, 09:18 (спустя 18 часов 40 мин.)

Размышляющие
133 поста
Возраст: скрывает
Регистрация: 1.07.2007
Проживает: Архангельск
Очень стильно smile.gif
Lexy, вам +! smile.gif
 мужчина  itt 30 Марта 2008, 05:05 (спустя 19 часов 47 мин.)
Пост №8 * 30 Марта 2008, 05:05 (спустя 19 часов 47 мин.)

Демиурги
5 789 постов
508°
Возраст: 65
Регистрация: 16.09.2006
Проживает: Варна
Lexy,
+1 biggrin.gif
 женщина  Lexy 30 Марта 2008, 09:08 (спустя 4 часа 3 мин.)
Пост №9 * 30 Марта 2008, 09:08 (спустя 4 часа 3 мин.)

Размышляющие
1 305 постов
397°
Возраст: 35
Регистрация: 18.03.2006
Проживает: Ижевск
Ня! biggrin.gif
 мужчина  KrTr 30 Марта 2008, 11:50 (спустя 2 часа 41 мин.)
Пост №10 * 30 Марта 2008, 11:50 (спустя 2 часа 41 мин.)

Дебютанты
7 постов
Возраст: 42
Регистрация: 20.08.2007
Проживает: скрывает
А почему бы вместо Photoshop не испльзовать тот же Illustrator?
Абсолютно идентичный способ достижения этого эффекта в Илле описан выше.
ИМХО smile.gif
 женщина  Lexy 30 Марта 2008, 12:29 (спустя 39 мин.)
Пост №11 * 30 Марта 2008, 12:29 (спустя 39 мин.)

Размышляющие
1 305 постов
397°
Возраст: 35
Регистрация: 18.03.2006
Проживает: Ижевск
KrTr, в смысле? Где выше описан?Сразу в люстре градиент растрировать что ли?
Да в принципе каждый др**ит как он хочет, и любой урок "как сделать то-то и то-то" подразумевает массу вариантов и обходных путей достижения конечного результата. Здорово, когда люди это видят, понимают и делают по-своему. Я очень радуюсь, когда это так. biggrin.gif
 мужчина  TheReda 31 Марта 2008, 02:23 (спустя 13 часов 53 мин.)
Пост №12 * 31 Марта 2008, 02:23 (спустя 13 часов 53 мин.)

Размышляющие
172 поста
Возраст: 75
Регистрация: 21.02.2008
Проживает: Россия
Вапще классно clapping.gif

Особенно понравилась надпись Hollywood Ave
 женщина  ambassador 2 Апреля 2008, 10:20 (спустя 2 дня 7 часов)
Пост №13 * 2 Апреля 2008, 10:20 (спустя 2 дня 7 часов)

Дебютанты
9 постов
Возраст: 37
Регистрация: 20.04.2007
Проживает: Харьков
Отличный урок. Респект. Держи + clapping.gif
 мужчина  Vikoff8 2 Мая 2008, 13:08 (спустя 1 месяц)
Пост №14 * 2 Мая 2008, 13:08 (спустя 1 месяц)

Размышляющие
83 поста
Возраст: 37
Регистрация: 2.05.2008
Проживает: Москва
Отлично! пригодиться, нравиться результат!
 мужчина  Zero_Toleranz 4 Мая 2008, 16:20 (спустя 2 дня 3 часа)
Пост №15 * 4 Мая 2008, 16:20 (спустя 2 дня 3 часа)

Размышляющие
70 постов
20°
Возраст: 45
Регистрация: 6.03.2008
Проживает: Брянск
Пишем название группы, немного изогнуть и сжать
Эффект vintage для текста *
Эффект vintage для текста *
Рисуем две полоски сверху прямую, снизу изогнутую. удаляем заливку, у верхней ставим размер 60 у нижней 1
Эффект vintage для текста *
Эффект vintage для текста *
Вызываем Бленд ставим количество 15
Эффект vintage для текста *
получившийся бленд Обджект експанд и повторить еще раз Обджект экспанд.
Эффект vintage для текста *
Эффект vintage для текста *
Объеденяем надпись и полученные полоски(не забываем скопировать надпись в буфер обмена). Pathfinder-substract from shape area
Эффект vintage для текста *
Вставляем надпись под низ и заливаем все нужными нужными цветами.
Эффект vintage для текста *
Вот в принципе можно и обойтись без фотошоповских фильтров и сделать все в Иллюстраторе.
Эффект vintage для текста *
 Страница 1 из 2  » следующая
« Предыдущая тема · Уроки Adobe Illustrator · Следующая тема»
 Похожие темы
Отрисовка. Часть 3. Редактируемые стили для текста
Авторский урок
Dark Wood 7 10685 +4 3 Августа 2015 - 22:32
» к последнему сообщению
Эффект долото. Часть 2: высеченный текст
Lethe 18 28557 12 Февраля 2014 - 14:11
» к последнему сообщению
"Смятый" текст и другие эффекты
используем эффекты Warp и Envelope.
Lexy 45 30874 +2 6 Апреля 2017 - 19:46
» к последнему сообщению
Создание векторного текст-эффекта с блестками
Create a Vector Glitter Text Art Effect
Mangorielle 14 13168 +7 6 Февраля 2013 - 20:19
» к последнему сообщению
Создаем вязаный текст-эффект
Create a Knitted Text Effect
Dark Wood 52 24651 +13 23 Июля 2015 - 13:46
» к последнему сообщению

0 посетителей в этой теме