Эффекты в Photoshop: Текст на размытом фоне

Фотография / 2010 Jan 31

Первый урок по Adobe Photoshop будет Сегодня я расскажу, как сделать текст на размытом фоне. Банальщина, но надо же с чего-то начинать. У нас получится нечто похожее на то, что вы видите справа (если дизайн и разметка сайта не изменились к моменту чтения этой статьи). По крайней мере, такой результат получился у меня, а у вас он будет другим. Вы же не будете повторять за мной вплоть до каждого клика и вплоть до каждого пикселя. Я показываю только действия, которые нужно выполнять, а вам же рекомендую экспериментировать и играть с настройками, и вы добьетесь большего.

Итак, создаем новый файл. Размер? Да фиг его знает, зависит от того, какого размера вы хотите получить результирующую картинку. Я выбрал для примера размер в 400 на 250 пикселей. Фон картинки можно залить каким-то цветом, а можно подложить какую-нибудь картинку в бакграунд. Я пока что –залил фон одним тоном, но в будущем это можно исправить и подсунуть под низ слой с симпатичной картинкой. Просто сейчас я не хочу, чтобы меня что-то отвлекало, поэтому выбрал однотонный фон.

Теперь пишем на поверхности какой-нибудь текст. Его можно сделать однообразным, из однородного шрифта одного размера, а можно разбросать по холсту как угодно, написать его разными шрифтами и разного размера. Содержимое текста может быть полным бредом, если вы захотите сделать его размыть до полной не читаемости. Можно оставить очертания после размытия так, чтобы они остались доступны для узнаваемости. В общем, выбора много и он зависит полностью от вас. Я сделал примерно вот такой текст:

Эффекты Photoshop – размытый тест

Когда мы вводим текст, то Photoshop автоматически создает новый слой для него. Причем текст на этом слое хранится в векторном виде шрифта. Щелкните правой кнопкой по слою и выберите Simplify Layer для растеризации слоя, т.е. превращения его в картинку.

Растеризация текста

Теперь нажмите Ctrl+J, чтобы сделать копию слоя с текстом (слой с текстом должен быть конечно же выделенным в окне Layers). В результате у вас должно быть два одинаковых слоя. С начале щелкните по верхнему из них, нажмите клавишу Ctrl и щелкните по второму из слоев. При этом щелкать нужно по изображению слоя, а не тексту. Photoshop создаст выделение, в котором будут выделены именно буквы текста.

Теперь наша задача – расширить выделение. Выберите меню Select | Modify | Expand. В появившемся окне можно оставить значение по умолчанию – 5. Вообще, можно выбирать от 3 до 8 (по моим ощущениям), но можете поиграть и с другими значениями. Чем больше вы укажите число, тем больше будет расширено выделение.

Расширение выделения в Photoshop

Теперь нужно добавить немного мягкости к выделению. Для этого выбираем меню Select | Feather. В появившемся окне так же оставляем значение по умолчанию – 5 будет в полнее достаточно.

Теперь нужно залить выделение. Это можно сделать несколькими способами. Во первых, можно выбрать немного отличающийся от текущего цвета текста цвет и выбрать меню Edit | Fill selection. Но это зальет текст плавно, но нечитабельно. Я предпочитаю использовать заливку. У этого способа есть преимущество, потому что текст останется читабельным, но внутри букв О будут не залитые области и их придется заливать по отдельности. Красота требует жертв.

Когда закончите с раскраской мелочей, можно добавить немного размытости. После этого банально пишем поверх полученной картинки текста еще один текст. Я написал его тем же цветом, что и фон. Это дает своеобразную привлекательность.

Расширение выделения в Photoshop

А вот еще один пример результата экспериментов:

Расширение выделения в Photoshop

Для создания этого эффекта, я размыл текст, как показано выше, залил выделение сначала тем цветом, которым написаны буквы, а потом залил это же виделение цветом фона.


Поделиться с друзьями:

Добавить Комментарий