О чем думаете?

 -Рубрики

 -Всегда под рукой

 -Поиск по дневнику

люди, музыка, видео, фото
Поиск сообщений в BraveDefender

 -Подписка по e-mail

 
Получать сообщения дневника на почту.

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Дата регистрации: 27.03.2008
Записей в дневнике:
Комментариев в дневнике:
Написано сообщений: 124250
Популярные отчеты:
кто смотрел дневник по каким фразам приходят

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

Четверг, 30 Июня 2011 г. 16:13 (ссылка)
Процитировано 63 раз + в цитатник

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

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 и кликаем левой кнопкой мыши на иконку копии фонового слоя (того, к которому применялись фильтры). Вокруг букв должны побежать «муравьишки» – создана маска текстового слоя – контур надписи.

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. Что-то картинки немного перепутались в уроке, но переделывать пока не буду.

Рубрики:  Уроки Photoshop [Photoshop Lessons]
Теги:  
Понравилось: 18 пользователям

BraveDefender   275 3 +4 обратиться по имени Четверг, 30 Июня 2011 г. 16:58 (ссылка)
гавно какое-то получилось
пойду лучше рекламу напишу
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 18:32 (ссылка)
Классно получилось Я так не умею =))
ЗЫ: дизайн приятный:)
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Четверг, 30 Июня 2011 г. 18:52 (ссылка)

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

Мне казалось, что такие посты пишутся для того, чтобы другие тоже умели :)

Иначе, не вижу никакого смысла.
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 18:59 (ссылка)

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

Правильно говоришь! - Такие посты пишутся для того, чтобы другие тоже умели!!!
Но это только я такая противная, которая не хочет заниматься фотошопом =)) Я не в счет, ладно???:)
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Четверг, 30 Июня 2011 г. 19:37 (ссылка)

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

Ладно.
Вчера, когда с тобой говорили я хотел сказать, что даже если бы не было никакой интернет-рекламы, то занимался бы блогом. Но сейчас сам сильно в этом сомневаюсь :)
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 19:46 (ссылка)

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

Во всём должна быть гармония - сочетать приятное с полезным!:)
А когда одно из двух, то это клиника =)) Ну, ИМХО, естесссссно!
ЗЫ: только блог имею ввиду, а то опять скажешь, что не понял =))
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Четверг, 30 Июня 2011 г. 19:52 (ссылка)

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

Мог бы поспорить, что "полезное" - это не только деньги, но не буду :)
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 19:53 (ссылка)

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

И не надо! Потому как ТОЛЬКО деньги я вовсе не имела ввиду!:)
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Четверг, 30 Июня 2011 г. 19:54 (ссылка)

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

"Ввиду того, что..."

Так... Вспомнил свой недавний пост.
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 19:56 (ссылка)

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

Про то, что имею, то и ... ?
Ответить С цитатой В цитатник
Beryozka   114 0 +1 обратиться по имени Четверг, 30 Июня 2011 г. 20:14 (ссылка)

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

Каюсь! ОписАлась - "в виду" надо было написать раздельно!!!
Ответить С цитатой В цитатник
-SAHARA   54 1 +1 обратиться по имени Четверг, 30 Июня 2011 г. 23:06 (ссылка)
Опять повторюсь: ты чересчур самокритичен. Пост отличный!
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   77 1 обратиться по имени Четверг, 30 Июня 2011 г. 23:59 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
LIKA9966   7 0 обратиться по имени Пятница, 01 Июля 2011 г. 06:50 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
tonnyboo   14 0 обратиться по имени Пятница, 01 Июля 2011 г. 09:45 (ссылка)
спасибо!
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 10:31 (ссылка)
-SAHARA, спасибо!
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 10:31 (ссылка)
НАТАЛИЯ_КОНОВАЛЕНКО, спасибо за цитату!
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 10:32 (ссылка)
LIKA9966, пожалуйста :)
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 10:32 (ссылка)
tonnyboo, не за что!
Ответить С цитатой В цитатник
Nur16   74 0 обратиться по имени Пятница, 01 Июля 2011 г. 10:36 (ссылка)
Благодарю за урок!
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 10:45 (ссылка)

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

Пользуйтесь на здоровье :)
Ответить С цитатой В цитатник
Vega49   29 0 обратиться по имени Пятница, 01 Июля 2011 г. 11:02 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
мурзик49   149 0 +1 обратиться по имени Пятница, 01 Июля 2011 г. 11:06 (ссылка)
спасибо
Ответить С цитатой В цитатник
helen-ka   3 0 обратиться по имени Пятница, 01 Июля 2011 г. 11:12 (ссылка)
Спасибо! Мысль хорошая. Натуральности немного не хватает...
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 11:12 (ссылка)

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

Не за что!
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 11:12 (ссылка)

Ответ на комментарий мурзик49

Пожалуйста!
Ответить С цитатой В цитатник
лиса47   19 0 обратиться по имени Пятница, 01 Июля 2011 г. 11:14 (ссылка)
спасибо за урок, возьму себе в копилочку.
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 11:18 (ссылка)

Ответ на комментарий helen-ka

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

Нужно экспериментировать...
Ответить С цитатой В цитатник
BraveDefender   275 3 +4 обратиться по имени Пятница, 01 Июля 2011 г. 11:19 (ссылка)

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

Не за что!
Ответить С цитатой В цитатник
Бахыт_АБМ   127 0 обратиться по имени Пятница, 01 Июля 2011 г. 15:10 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Подписаться
Отписаться
К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: показать смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
Подписаться на комментарии
Подписать картинку

Найти дневники