• Авторизация


Photoshop. Надпись на запотевшем стекле 28-07-2011 19:06 к комментариям - к полной версии - понравилось!

Это цитата сообщения BraveDefender Оригинальное сообщение

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

[показать]

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

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

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

[601x329]

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

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

[586x553]

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

[438x252]

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

[700x525]

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

[651x556]

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

[456x248]

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

[700x525]

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

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

[350x155]

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

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

[700x155]

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

[332x256]

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

[700x492]

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

[623x437]

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

[542x375]

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

[385x227]

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

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

[700x525]

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

[410x294]

 

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

 

[690x404]

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

[442x189]

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

[700x525]

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

[379x245]

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

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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Photoshop. Надпись на запотевшем стекле | Malinka-241 - Malinka-241 | Лента друзей Malinka-241 / Полная версия Добавить в друзья Страницы: раньше»