Главная >> Эффекты с текстом >> Создание простого и элегантного текстового эффекта
Создание простого и элегантного текстового эффекта |
| Автор: Виктория |
| 03.03.2010 07:06 |
|
Результат:
Используемый шрифт: 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)Показать/скрыть комментарии ...
Нууу...У меня там всё вышло. Смотрите, написали текст, потом идём Type>Create Outlines (Текст -> Преобразовать в контуры), потом сразу же Object>Path>Offset Path (Объект-> Путь -> Сдвинуть путь), должно появиться маленькое окошко, в котором нужно задать указанные параметры. Вроде все.
,
11-03-2010
...
Я вот тоже непонял второй шаг) Где там раздел "Type"?) Написал текст, дальше то что?)
,
23-03-2010
...
Там в описании урока сказано, что для этого эффекта используется не только Фотошоп, но и Иллюстратор (Illustrator). Вот как раз в Иллюстраторе и находится это меню Type.
Получается первые 4 шага делаются в Иллюстраторе, а дальше Фотошоп. Вот, кстати, то что вышло у меня (делала, чтобы проверить понятность и правильность перевода, после первого вопроса) 
,
23-03-2010
...
Сделать невидимым путь с обводкой (отключить видимость на панели слоев) и выбрать буквы с помощью Direct Selection Tool (Прямое выделение (A)). Группируем их (Ctrl+G) и меняем цвет, чтобы отличить от обводки. Цвет – на ваше усмотрение. Теперь можете включить видимость обводки. PLEASE HELP I NEVER UNDERSTOOD HERE....
,
13-07-2010
...
Я без иллюстратора делал...
Написал текст, сделал обводку, создал слой из обводки, разместил ее под слой текста  вот результат 
,
04-03-2011
...
Громоздкий урок, то же самое можно выполнить не влезая в Иллюстратор (соответственно не напарываясь на проблему с разделением контуров, подтверждаю, там косяк).
Суть: нам нужно 2 фотошоп-слоя с текстом, нижний больше, верхний меньше, затем мы их "оденем" так как показано с шага 7. Пишем текст, копируем на второй слой, трансформируем размер = 2 слоя с текстом. Усё.
,
05-08-2011
Написать комментарий |
