Photoshop. Надпись на запотевшем стекле

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

image001 (700x525, 122Kb)

Фактически все заключается в следующем:

  1. Обработка слоя под «запотевшее стекло»
  2. Создание контура надписи
  3. Удаление участка фото под надписью

Нужно открыть картинку в Photoshop и копировать слой-фон. Есть несколько способов это сделать, например: через опции верхнего меню, нажатием Ctrl+J или перетаскивание иконки слоя в палитре слоев на специальный значок-пиктограмму.

image003 (601x329, 40Kb)

Нужно размыть и сделать «мутным» изображение верхнего слоя, с которым будут производиться дальнейшие манипуляции. Для этого применяются фильтры Photoshop.

Фильтр: «Фильтр» – «Шум» – «Добавить шум» (Add Noise).

image004 (586x553, 76Kb)

Степень шума около 25%. Распределение – по Гауссу. Монохромный.

image005 (438x252, 30Kb)

У меня получилось вот что:

image006 (700x525, 306Kb)

Фильтр для смягчения шума: «Фильтр» – «Размытие» – «Размытие в движении» (Motion Blur).

image008 (651x556, 100Kb)

Направление размытия 90 градусов (как падает дождь). Смешение – около 30 пикселей.

image009 (456x248, 19Kb)

Сейчас моё фото выглядит примерно так:

image010 (700x525, 116Kb)

Следующий этап – создание надписи на фотографии. Для этого нужен инструмент «Горизонтальный текст» (Horizontal Type).

Смотрите также:   Я не мил тебе?

Примечание: под некоторыми значками на панели инструментов прячется несколько опций. Один из способов добраться до скрытой – нажать на значок и удерживать левую клавишу мыши.

image012 (350x155, 18Kb)

Выбираем подходящий шрифт. Например, Comic Sans MS, который установлен по умолчанию в системе Windows (и который люто ненавидят дизайнеры).

Почти все настройки шрифта можно найти в панели настроек под верхним меню Photoshop: название шрифта, его начертание (выбираем bold – полужирный), размер. Цвет надписи в данном случае значения не имеет. Затем, чтобы сделать текст еще более жирным, открываем палитру символов. Кнопка справа вверху или...

image013 (700x155, 30Kb)

…или справа на панели окон Photoshop. Нужно нажать кнопку «Псевдожирный» (Faux Bold).

image015 (332x256, 22Kb)

С помощью клавиатуры набирается текст. Затем нужно выбрать инструмент «Перемещение» (Move) для дальнейшей работы со слоями (и масками).

image016 (700x492, 71Kb)

Далее происходит нечто, очень похожее на то, что описывалось в очень красивом уроке «Текст из картинки в Photoshop CS5». Держим нажатой клавишу Ctrl и кликаем левой кнопкой мыши на иконку копии фонового слоя (того, к которому применялись фильтры). Вокруг букв должны побежать «муравьишки» – создана маска текстового слоя – контур надписи.

Смотрите также:   Быстрый и бесплатный хостинг изображений Fastpic

image017 (623x437, 43Kb)

Этот контур нужно удалить со второго слоя-копии фона. Для этого переходим на него (кликаем мышкой) и нажимаем клавишу Delete. Зрительно ничего не меняется, так как удаленную область закрывают буквы верхнего слоя.

image018 (542x375, 49Kb)

Верхний слой нужно удалить или скрыть (нажать на «глазик» слева от иконки слоя).

image019 (385x227, 23Kb)

Убираем выделение через опцию верхнего меню «Выделение/Отменить выделение» или используя комбинацию клавиш Ctrl+D.

Иногда этого бывает достаточно для получения нужного эффекта:

image021 (700x525, 122Kb)

Чтобы сделать надпись более заметной, применяем к верхнему слою стиль «Тиснение» (или «Скос и рельеф», или Bevel and Emboss). Стиль можно поменять в верхнем меню «Слои/Стиль слоя» или в палитре слоев, нажав на пиктограмму стилей.

image022 (410x294, 34Kb)

 

В окне настроек тиснения можно выбрать его стиль,, глубину, направление и так далее. По вкусу. Особое внимание нужно обратить на параметр «Контур глянца» (Gloss Countour).

 

image023 (690x404, 53Kb)

Пример моих настроек:

image025 (442x189, 16Kb)

У меня получилась такая картинка – не самая лучшая, но и ничего так...

image001 (700x525, 122Kb)

Иногда можно уменьшить непрозрачность верхнего слоя, если «пейзаж за окном» плохо виден.

Смотрите также:   Янко Цветкова и его «Атлас предрассудков»

image026 (379x245, 24Kb)

Такой вот урок...

P.S. Что-то картинки немного перепутались в уроке, но переделывать пока не буду.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

1 × три =