Уроки фотошопа, графика, дизайн
arrow

Футуристический текст

В этом Photoshop уроке вы научитесь делать красивый эффект футуристического текста с неоном. Этот эффект подойдёт для создания логотипа сайта, или поможет вам украсить свою работу. Приступим!

Футуристический текст

1. Создайте новый документ (я выбрал размер 1280x1024px), и залейте его чёрным цветом.

Футуристический текст: рисуем карбон

2. Нам нужно создать текстуру карбона для фона изображения. Для этого откройте новый документ размером 50x50px. Возьмите чёрный карандаш  6px и поставьте им точку на новом слое. Затем смените размер карандаша до 1px, и дорисуйте «точку» до чёрного квадрата:

Рисуем карбон для футуристического текста

3. Дублируйте слой, расположите дубликат справа от первого квадрата и переместите его на 3 пикселя вверх. Проделайте эту операцию ещё 3 раза. Сейчас вам нужно выделить все слои с квадратами, дублировать и сдвинуть их на 6 пикселей вверх. А затем раскрасить примерно таким образом:

Рисуем карбон для футуристического текста

4. Повторите все эти операции ещё несколько раз, пока у вас не будет по меньшей мере 6 рядов с квадратами (пользуйтесь копированием). Теперь с помощью Rectangular Marquee Tool (M) создаём выделение как на изображении ниже, и идём в Edit (Редактирование) -> Define Pattern (Определить узор). Называем наш новый узор Carbon и жмём ОК.

Рисуем карбон для футуристического текста

Работу с этим файлом мы закончили, узор определён, и можно возвращаться к нашему первому документу.

Футуристический текст: создаём фон

5. Дважды щёлкните на слое Background, чтобы перейти в Layer Style. Выставьте здесь такие настройки:

Футуристический текст

Футуристический текст

Всё, наш фон готов! :)

Футуристический текст

Футуристический текст: основная часть

6. Вот мы и дошли до самого интересного. Напишите свой текст, и перейдите в Layer Style. Здесь нам понадобятся следующие установки:

Футуристический текст

Футуристический текст

Футуристический текст

7. Отлично, теперь давайте добавим тексту неоновое свечение. Для этого возьмите Line Tool (U) с размером 3px и начинайте рисовать заготовки для неоновых ламп:

Футуристический текст

Футуристический текст

Для того, чтобы передвигать, искривлять и сгибать линии, используйте инструменты Direct Selection Tool (A) и Convert Point Tool (из стека инструмента Pen Tool). А для добавления новых точек используйте Add Anchor Point Tool (из стека всё того же Pen Tool). 8.Объедите все слои с только что созданными заготовками в 1 (выделите их и нажмите Crtl+E). Перейдите в Layer Style и установите там следующие значения:

Футуристический текст

Футуристический текст

Футуристический текст

Получаем вот такой симпатичный текст:

Футуристический текст

Футуристический текст: финальные штрихи

9. Теперь доработаем немного наш футуристический эффект для текста. Возьмите мягкую кисть с размером от 15 до 25px (в зависимости от толщины ваших неоновых ламп). Создайте новый слой, установите для него Blending Options на Color Dodge, и начинайте рисовать блики на лампах:

Футуристический текст

Футуристический текст

10. Теперь сделайте дубликат всех слоёв, и объедините их в один (Ctrl+E). Затем Filter (Фильтр) -> Blur (Размытие) -> Gaussian Blur (Размытие по Гаусс) со значением 9px:

Футуристический текст

Скопируйте слой с размытием, и установите для него Blending Option на Screen, Opacity 50%. А для первого слоя с размытием Blending Options на Overlay и Opacity 50%. На этом всё, я заканчиваю урок по созданию футуристического текста. Вот наш финальный результат:

Футуристический текст

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

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

  1. Адвокат:

    безумно стильная вещь, большое спасибо за урок! Надо попробовать для баннера сделать такое

  2. Mazinger:

    Какой вы использовали шрифт?

  3. Pr9nik:

    С карбоном круто

  4. Игорь:

    Трудновато… Что-же, буду стараться…

  5. Nastya:

    Перезалейте изображения, пожалуйста.

Оставить комментарий

Имя: *

Сообщение: