Уроки Работа с текстом John Jackson 4 марта 2013

Создаём светящийся текст в Фотошоп

Сложность урока: Легкий

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

Материалы для урока:

Архив

Шаг 1

Откройте наш главный инструмент Adobe Photoshop и создайте новый документ с черным задним фоном.

Шаг 2

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

Шаг 3

Создайте маску слоя Layer - Layer Mask - Reveal All (Слой - Слой-маска - Показать все). Используя инструмент Brush Tool (B) (Инструмент "Кисть"), кисть мягкая, цвет черный, удалите ненужные места. Что именно убрать, смотрите на изображении ниже.

Шаг 4

На данной стадии нам необходимо очистить место для нашего текста, убрав нить накаливания. Используем простой способ закрашивания: с помощью инструмента Eyedropper Tool (I) (Инструмент "Пипетка") выберите приблизительно необходимый цвет, создайте новый слой, с помощью Brush Tool (B) (Инструмент "Кисть") закрасьте нить. Помните, используя кисть, так же можно вызывать пипетку, зажав клавишу Alt!

Шаг 5

Для следующего шага нам понадобится шрифт Exmouth. Загрузив его из просторов интернета и установив в Windows, выберите инструмент Type Tool (T) (Инструмент "Горизонтальный текст"). Установите необходимый размер, например 82 пт, цвет белый, напишите слово, как показано на изображении ниже. Измените режим наложения текстового слоя на Color Dodge (Осветление основы). Создайте группу слоев, и переместите в нее текстовой слой.

Шаг 6

Применим размытие Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу), радиус 4 пикс.

Шаг 7

Благодаря режиму наложения Color Dodge (Осветление основы) и белому цвету текста вы можете видеть, как его части взаимодействуют с задним фоном, создавая таким образом красивый световой эффект.

Шаг 8

Дабы добавить больше реализма мы добавим блик из фотографии, загрузив его из интернета в Adobe Photoshop. Открыв изображение, первым делом сотрите ненужные области, оставив один блик. Далее уберите цвет с помощью команды Image - Adjustments - Desaturate (Изображение - Коррекция - Обесцветить).

Шаг 9
Измените режим наложения на Screen (Осветление), данный режим очень популярен при создании световых эффектов, так как он делает черные и серые области полностью прозрачными, оставляя только необходимые нам элементы.

Шаг 10

Создайте новый слой поверх всех остальных. Проверьте соответствие цвета основного и заднего фона черному и белому, нажав на клавишу "D". Примените фильтр Filter - Render - Clouds (Фильтр - Рендеринг - Облака).

Шаг 11

Измените режим наложения слоя с облаками на Color Dodge (Осветление основы). Создайте новую группу слоев и перенесите данный слой в группу, измените режим наложения группы на Overlay (Перекрытие).

Шаг 12

В этой же группе создайте новый слой, но ниже слоя с облаками. Выберите инструмент Brush Tool (B) (Инструмент "Кисть"), кисть мягкая, цвет #f5d38b. Нарисуйте пятна по центру текста, измените режим наложения нового слоя на Overlay (Перекрытие).

Шаг 13

Добавим последний слой, создав его выше всех остальных. Чтобы сделать свет более сильнее, снова возьмите мягкую кисточку и создайте большое белое пятно по середине светового эффекта. Далее изменим цвет в настройках стиля Layer - Layer Style - Color Overlay (Слой - Стиль слоя - Наложение цвета) на #ffd648, режим наложения Linear Burn (Линейный затемнитель). Теперь вы знаете, что большинство световых эффектов создается благодаря смешиванию цветов и фотографий. Поэтому Adobe Photoshop является мощным инструментом для создания подобных работ.

Автор: Abduzeedo

 

Источник: abduzeedo.com

Комментарии 119

Спасибо за урок, хотя местами его описание оставляет желать лучшего.

А вы можете все файлы просматривать?
В текстовом документе даны ссылки на лампочку и шрифт.
Прежде чем винить автора, сначала изучите архив, будьте внимательней, в том, что вы слепые не автора вина, а ваша.

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

Почему в архиве нет картинки с именно этой лампочкой. да и вообще никакой нет

Если "Создайте группу слоев, и переместите в нее текстовой слой."
Перенести туда слой-текст и всё ?
Просто к папке применить РАЗМЫТИЕ нельзя.
А если к тексту то выходит *****.

летом прошлого года мне замечательный человек сделал такую красивую картинку с моим именем. Пришлось учиться ФШ, чтобы вернуть "долг")))

Полезный урок! Спасибо!

Ну
Я попыталась
Из урока не все поняла

Спасибо за урок!

Спасибо за урок)

Плохой урок, честно. не в обиду, но можно было лучше на много сделать!

Все претензии к автору этого урока. Это всего лишь перевод.

Всё перепутала. В итоге получилось это)

Поэкспериментировал в конце с корректирующими слоями - получил весьма неплохой результат :)

Хороший урок. Но в нём явно что-то не так указано, т.к. что бы ни делал, не получался такой плавный переход текста.

Спасибо за урок!

Хороший урок

Работа моей дочери 13 лет. растим новых фотошоперов

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

Не очень получилось (

оцените не знаю получилась или нет ,лампочку саму не знаю как сделать(

у меня нет Color Dodge((

Это осветление основы.

спасибо за урок!

Спасибо за урок)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее