Главная >> Эффекты с текстом >> Создание простого и элегантного текстового эффекта

Создание простого и элегантного текстового эффекта

Автор: Виктория   
03.03.2010 07:06

Создание простого и элегантного текстового эффектаВ этом уроке фотошопа мы рассмотрим, как создать элегантный текстовый эффект всего за 13 шагов. Использовать мы будем Иллюстратор для придания реалистичности контуру текста. Затем немного поэкспериментируем с настройками смешивания в Фотошопе, чтобы создать эффект нажатия. Этот стиль идеально подойдет для подзаголовка сайта или дизайна постера.

 

 

Результат:

Используемый шрифт: Creampuff font

Шаг 1:

Если вы обратили внимание на конечный результат, то заметили, что он состоит из двух элементов: текста и обводки. Самый легкий способ создания теста и его обводки это Иллюстратор. Итак, создаем новый документ размером 2000×1500 пикселей и пишем что – нибудь используя шрифт Creampuff. Размер шрифта – 280 pt.

 

 

Шаг 2:

Мы должны превратить наш текст в путь (Path). Дальше идем Type>Create Outlines (Текст -> Преобразовать в контуры). Не снимая выделения, идем Object>Path>Offset Path (Объект-> Путь -> Сдвинуть путь) и вводим значение 25 пикселей.

 

Шаг 3:

Используя инструмент Direct Selection Tool (Прямое выделение (A)) выбираем только обводку букв. Соединяем её в один элемент с помощью Window>Pathfinder (Обработка контуров)

Совет: если вы хотите выбрать больше чем один элемент, удерживайте нажатой клавишу Shift пока выбираете элементы.

 

 

Шаг 4:

Сделать невидимым путь с обводкой (отключить видимость на панели слоев) и выбрать буквы с помощью Direct Selection Tool (Прямое выделение (A)). Группируем их (Ctrl+G) и меняем цвет, чтобы отличить от обводки. Цвет – на ваше усмотрение. Теперь можете включить видимость обводки.

 

Шаг 5:

Открываем Фотошоп и создаем новый документ 2000×1500 пикселей. Заполняем фон серым цветом (#3f3f3f).

 

Шаг 6:

Копируем и вставляем текст и путь с обводкой в 2 отдельных слоя. Убедитесь, что вы вставили их как объекты Smart. Так мы можем изменять их без потери качества.

 

Шаг 7:

Для начала поработаем с обводкой, для этого спрячем текст. Правый щелчок мышки на слое с обводкой и в контекстном меню выбираем Blending Options (Параметры наложения). Поставим непрозрачность (Opacity) 0%.

 

Шаг 8:

Добавим темно – синий (#242424) в наложении цвета

 

Шаг 9:

Как создать эффект вдавливания? Очень просто, добавить Inner Shadow (Внутренняя Тень).

 

Шаг 10:

На этом этапе можно сделать текст видимым. Мы все ещё продолжаем работать с настройками смешивания. Опять зададим непрозрачность (Opacity) 0%. Затем изменим цвет текста на цвет фона (#3f3f3f).

 

Шаг 11:

Далее добавим Bevel and Emboss (Скос и Рельеф).

 

Шаг 12:

Наш текст готов. Последний шаг состоит в добавлении шума. Создаем новый слой и заполняем его серым (#3f3f3f). Теперь установите этот же серый как цвет переднего плана и белый, как фоновый (Foreground & Background colors). Далее следуйте Filter>Noise>Add Noise (Фильтр -> Шум -> Добавить шум).

 

Шаг 13:

Установить тип смешивания Screen для этого слоя и непрозрачность (Opacity) 10%. Все, мы закончили!

 

Оригинал: wegraphics.net

Перевод: Виктория для сайта graphic-tutorials.ru

При копировании урока активная ссылка на сайт graphic-tutorials.ru обязательна!

Комментарии (7)


Показать/скрыть комментарии
...
У меня не получается уже второй шаг! А можно подробнее!!!!
elen , 11-03-2010
...
Нууу...У меня там всё вышло. Смотрите, написали текст, потом идём Type>Create Outlines (Текст -> Преобразовать в контуры), потом сразу же Object>Path>Offset Path (Объект-> Путь -> Сдвинуть путь), должно появиться маленькое окошко, в котором нужно задать указанные параметры. Вроде все.
Виктория , 11-03-2010
...
Я вот тоже непонял второй шаг) Где там раздел "Type"?) Написал текст, дальше то что?)
Sanchella , 23-03-2010
...
Там в описании урока сказано, что для этого эффекта используется не только Фотошоп, но и Иллюстратор (Illustrator). Вот как раз в Иллюстраторе и находится это меню Type.
Получается первые 4 шага делаются в Иллюстраторе, а дальше Фотошоп.

Вот, кстати, то что вышло у меня (делала, чтобы проверить понятность и правильность перевода, после первого вопроса)
Виктория , 23-03-2010
...
Сделать невидимым путь с обводкой (отключить видимость на панели слоев) и выбрать буквы с помощью Direct Selection Tool (Прямое выделение (A)). Группируем их (Ctrl+G) и меняем цвет, чтобы отличить от обводки. Цвет – на ваше усмотрение. Теперь можете включить видимость обводки. PLEASE HELP I NEVER UNDERSTOOD HERE....
Sumon Angelo , 13-07-2010
...
Я без иллюстратора делал...
Написал текст, сделал обводку, создал слой из обводки, разместил ее под слой текста smilies/smiley.gif

вот результат
topilovo , 04-03-2011
...
Громоздкий урок, то же самое можно выполнить не влезая в Иллюстратор (соответственно не напарываясь на проблему с разделением контуров, подтверждаю, там косяк).
Суть: нам нужно 2 фотошоп-слоя с текстом, нижний больше, верхний меньше, затем мы их "оденем" так как показано с шага 7. Пишем текст, копируем на второй слой, трансформируем размер = 2 слоя с текстом. Усё.
Veter AV , 05-08-2011

Написать комментарий

меньше | больше

busy