Toderelt.ru

ПК Журнал ТодерельТ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Эффект отражения в воде в Photoshop

Эффект отражения в воде в Photoshop

В этом уроке я расскажу, как создать отражение дерева в воде с помощью программы Photoshop. Мы будем использовать инструменты «Свободная трансформация» (Free Transform) и различные фильтры штатные фильтры Photoshop.

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

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

Вот что получится у нас в результате. Чтобы посмотреть, как выглядит исходное фото, наведите мышку на картинку:

Итак, давайте приступим.

Переворачиваем изображение

Открываем исходное изображение дерева в Photoshop. Возьмите инструмент «Прямоугольная область» (Rectangular Marquee Tool) и выберите область с деревом, примерно такую, как показано на рисунке:

2

Затем нажмите Ctrl+J для копирования выделенной области на новый слой.

При активном новом слое, пройдите по вкладке главного меню Редактирование —> Трансформирование —> Отразить по вертикали (Edit —> Transform —> Flip Vertical), после чего вырезанная область отразится по вертикали.

Убедитесь, что у Вас активны опция «Привязки» во вкладке «Просмотр» (View —> Snap), если нет, то поставьте галку:

4

Поставьте горизонтальную направляющую так, чтобы она была привязана к нижнему краю нового слоя:

3

Возьмите инструмент «Перемещение» и перетащите слой вниз так, чтобы его верхний края касался направляющей:

5

Уберите направляющую (Просмотр —> Удалить направляющую или View —> Clear Guides).

Создание карты смещения (Displacement Maps)

Создайте новый слой (Ctrl+Shift+N) и залейте его белым цветом (клавиша D, затем Ctrl+Delete).

Пройдите по вкладке Фильтр —> Галерея фильтров (Filter —> Filter Gallery), в диалоговом окне галереи откройте вкладку «Эскиз», где выберите «Полутоновый узор» (Sketch —> Halftone Pattern). Задайте следующие параметры:
Тип узора (Pattern Type) — Линия (Line)
Размер (Size) — 12
Контрастность (Contrast) — 5

6

Нажмите кнопку ОК.

Теперь сохраним этот файл как карту смещения (Displacement Maps). Нажмите комбинацию клавиш Ctrl+Shift+S, выберите место для хранения файла и задайте файлу имя, у меня это будет ReflectionMap.psd, нажмите ОК.

Позже мы будем использовать этот файл как карту смещения.

Отключите видимость последнего слоя, к которому был применён фильтр «Полутоновый узор», у меня это «Слой 2»:

7

Придаём отражению волнистость

Кликните правой клавишей мыши по слою с отражением, у меня это «Слой 1», в раскрывшемся списке выберите «Преобразовать в смарт-объект» (Convert to Smart Object), в правом нижнем углу миниатюры слоя должен появиться соответствующий значок:

8

Пройдите по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), и затем установите значения «Масштаб по горизонтали» (Horizontal Scale) равным 5 и «Масштаб по вертикали» (Vertical Scale) равным 3. Остальные параметры оставьте по умолчанию:

9

Нажмите OK. Откроется диалоговое окно, где выберите файл ReflectionMap.psd и нажмите «Открыть».

Тонируем отражение

В панели слоёв нажмите на значок создания нового корректирующего слоя и выберите «Цвет. » (Solid Color):

10

В появившемся окне выбора цвета выберите тёмно-синий цвет #121db5 и нажмите ОК. Уменьшите непрозрачность слоя до 14% и измените режим наложения на «Цветность» (Color). После чего кликните правой клавишей мыши по корректирующем слою и в открывшемся контекстном меню нажмите на пункт «Создать обтравочную маску» (Create Clipping Mask) для того, чтобы корректирующий слой действовал только на слой, расположенный под ним (в нашем случае — слой с отражением):

Читать еще:  Как сделать зеркальное отражение в Paint.NET

11

Снижение контрастности и создание волнистости

Создайте ещё один корректирующий слой «Уровни» (Levels). В панели свойств слоя перетащите левый ползунок выходных значений на значение 29 и правый на 200. Также создайте обтравочную маску для этого слоя:

12.png

Создайте новый слой и пройдите по вкладке Фильтр —> Рендеринг —> Облака (Filter —> Render —> Clouds), документ заполнится дымчато-серым:

13

Затем выберите Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur), задайте радиус 80 и нажмите кнопку ОК.

Создайте обтравочную маску для этого слоя.

Нажмите Ctrl+T для активации инструмента «Свободная трансформация». Кликните правой клавишей мыши в центре холста и выберите из контекстного меню «Искажение» (Distort).
Сделайте трансформацию слоя, как показано на рисунке:

14

Нажмите Enter. Вот как выглядит теперь документ и панель слоёв:

15

Измените режим наложения слоя на «Мягкий свет» (Soft Light) и уменьшите его непрозрачность но 65%:

Отражение в воде.

Photoshop water tutorialВ этом уроке программы Фотошоп я показываю создание водной поверхности в Adobe Photoshop CS3.

Воду в Фотошопе довольно просто создать. В основном мы нуждаемся в двух вещах, чтобы создать воду в Фотошопе — мы нуждаемся в отражении, и мы нуждаемся в волнах. Именно этому вы и научитесь в данном уроке. Метод, который предложу вам я, конечно не единственный, но думаю, вполне удобный и простой.

Этап 3: создаем отражение

Теперь можно приступить, непосредственно, к долгожданному созданию самого отражения.

  1. Убираем видимость самого верхнего слоя с текстурой и переключаемся на слой с отраженным изображением.Отключение видимости и переключение между слоями в Фотошопе
  2. Переходим в Галерею фильтров, расположенную в меню “Фильтр”.Переход в Галерею фильтров в Photoshop
  3. Раскрываем группу “Искажение”, в которой выбираем фильтр “Стекло”. Щелкаем по значку в виде списка, и затем – по появившейся команде “Загрузить текстуру”.Выбор и настройка фильтра Стекло в Фотошопе
  4. Открываем ранее сохраненную текстуру в формате “psd”.Загрузка текстуры для фильтра Стекло в Фотошопе
  5. Настраиваем параметры искажения и смягчения на свое усмотрение (ориентироваться можно на наши значения). При этом, корректировать значение масштаба не нужно.Настройка фильтра Стекло в Photoshop
  6. Переключаемся на слой с текстурой и включаем его видимость обратно. В параметре “Режим наложения” выбираем вариант “Мягкий свет” и уменьшаем непрозрачность (ориентировочно, до 20-30%).Настройка режима наложения и непрозрачности слоя в Photoshop
  7. В целом, можно сказать, что все сделано. Однако есть небольшой нюанс. Дело в том, что в водной глади отражаются не только горы, трава и т.д. Нельзя забывать и про небо. Отражение объекта в воде в Фотошопе
  8. Поэтому, создаем новый пустой слой, нажав на специальный значок в палитре.Создание нового слоя в Фотошопе
  9. Берем за образец цвет нашего неба (с помощью инструмента “Пипетка”) и заливаем новый слой, используя “Заливку”, которую можно выбрать на боковой панели.Заливка слоя цветом в Фотошопе
  10. Размещаем этот слой над слоем с отраженным изображением, после чего зажав клавишу Alt на клавиатуре щелкаем по границе межу слоем с отраженным изображением и слоем с залитым цветом.Комбинация Alt+клик при работе со слоями в Фотошопе
  11. Создаем слой-маску, нажав на соответствующий значок в редакторе слоев.Создание слоя-маски в Фотошопе
  12. На боковой панели инструмента выбираем инструмент “Градиент”.Выбор инструмента Градиент в Photoshop
  13. Щелкнув по стрелке вниз рядом с текущим вариантом градиента, раскрываем список, в котором выбираем “От черного к белому”.Выбор градиента в Фотошопе
  14. Находясь на слое с маской, зажав левую кнопку мыши, тянем градиент от точки чуть выше верхней границы вниз, но не до конца, а примерно как показано на рисунке ниже.Заливка слоя градиентом в Фотошопе
  15. Должен получиться примерно такой результат.Создание отражения объекта в Photoshop
  16. Устанавливаем непрозрачность слоя с залитым цветом примерно на уровне 50-60%.Настройка непрозрачности слоя в Photoshop
  17. На этом можно сказать, что наша работа по созданию отражения гор в воде завершена.Отражение объекта в воде в Фотошопе
Читать еще:  Список программ для обновления других программ

Эффекты воды в «Фотошопе»

3399763_water6

Вновь перейдите к нижнему слою. Его перспективу теперь необходимо чуточку изменить. В какую сторону — не важно. Это просто позволит добавить на нарисованную нами воду ещё больше бликов и волн.
Теперь оба слоя необходимо размыть. Для этого перейдите по пути «Фильтр>>Размытие>>Размытие по рамке». Радиус размытия нижнего слоя — 5 пикселей. У верхнего слоя радиус размытия доведите только до двух пикселей. На выходе получится эффект, будто бы съемка водной поверхности производилась при достаточно длительной выдержке. Если вам это не нравится, то радиус размытия можно сделать ещё меньше.

3399763_water7

Эффект воды в Фотошопе практически готов. Но получившейся картинке ещё чего-то недостает… Нужно сделать воду в Фотошопе неоднородной. В бассейнах вы не раз замечали, что в одних местах вода чуть более светлая, чем в других. Такой эффект можно получить при помощи инструмента «Осветлитель». Сделайте им в нескольких областях изображения светлые пятна.

Читайте также

Университет воды, огня и медных труб

Университет воды, огня и медных труб Чтобы понять, где и как учиться SEO, нужно определиться с тем, ради чего именно ты садишься за виртуальную парту. Все потому, что «сеошник» в Рунете – это не одна — единственная профессия с метриками из Палаты мер и весов, а совокупность

Совет 26 Камешек в ведре воды

Совет 26 Камешек в ведре воды Что произойдет, если ты встанешь и выйдешь из офиса, чтобы никогда туда не возвращаться? Я знаю многих программистов, которые утешаются, представляя подобную сцену. Ты просто встаешь, идешь в кабинет начальника и кладешь ему на стол заявление

ПИСЬМОНОСЕЦ: Круговорот воды в природе

ПИСЬМОНОСЕЦ: Круговорот воды в природе Автор: Владимир ГуриевКупил сегодня №44 (760), и взгляд зацепился за обложку, на которой изображена фантазия дизайнера на тему "ученик принес в школу папино ружжо и жестоко всем отомстил" — разгром в муниципальном образовательном

С защитой от воды

С защитой от воды Автор: Олег ВолошинНечасто бывает, что названия некоторых ноутбуков ассоциируются с прочностью. Серия Panasonic Toughbook — как раз тот самый случай, благо большинство из нас слышало про защищенные модели ноутбуков этой уважаемой фирмы. Посему я чрезвычайно

Световая разметка для дороги, видимая из-под воды Николай Маслухин

Световая разметка для дороги, видимая из-под воды Николай Маслухин Опубликовано 14 мая 2013 В районах, где часто случаются наводнения, автомобили застревают и даже тонут по причине того, что дорожное полотно быстро скрывается под водой и

Промзона: Походный фильтр для воды Николай Маслухин

Промзона: Походный фильтр для воды Николай Маслухин Опубликовано 10 августа 2010 года Кто хоть раз бывал в походе, хорошо знает — там каждый лишний грамм на счету. Нужно взять еду, снаряжение, одежду… В результате, вес рюкзака порою сравним с весом

Дмитрий Вибе: Немного холодной воды у солнца Дмитрий Вибе

Дмитрий Вибе: Немного холодной воды у солнца Дмитрий Вибе Опубликовано 28 октября 2011 года Вода — основа жизни на Земле. Её роль в биохимических процессах неимоверно велика, и нам, безусловно, сильно повезло, что на нашей планете вода столь обильна.

Промзона: Взгляд из-под воды Николай Маслухин

Промзона: Взгляд из-под воды Николай Маслухин Площадь океанов, как известно, составляет 71% от всей поверхности Земли. Все материки и острова вместе взятые занимают вдвое меньше. А поскольку население планеты растет невиданными темпами, то человечеству

Читать еще:  d3dx9 43 dll скачать бесплатно для windows 7 xp и др...

Съемка движущейся воды

Съемка движущейся воды Воду, как и любое движение, фотографировать сложно. На снимке она то представляется осколками стекла, то размывается и становится похожей на вату. Казалось бы, что тут сложного? Установи длинную выдержку – и получишь эффект движения. Но мягких,

Nintendo и Microsoft: порознь во враждебные воды Юрий Ильин

Nintendo и Microsoft: порознь во враждебные воды Юрий Ильин Опубликовано 17 июня 2010 года Стереоскопия сегодня на подъёме. Тренд, заданный кинематографом немногим более года назад, изменил значение термина 3D. Понятие «3D-игры» тоже стремительно преображается,

Эти кристаллы способны впитывать воды в 500 раз больше собственного веса и позволяют консервировать ее впрок Николай Маслухин

Эти кристаллы способны впитывать воды в 500 раз больше собственного веса и позволяют консервировать ее впрок Николай Маслухин Опубликовано 12 августа 2013 Мексиканский инженер-химик Серхио Хесус Веласко работал над усовершенствованием

5.5. ПРИМЕР РАЗРАБОТКИ ОПИСАНИЯ ПРОЦЕССА "КИПЯЧЕНИЕ ВОДЫ В ЧАЙНИКЕ"

5.5. ПРИМЕР РАЗРАБОТКИ ОПИСАНИЯ ПРОЦЕССА "КИПЯЧЕНИЕ ВОДЫ В ЧАЙНИКЕ" Ниже показано пошаговое выполнение проектной процедуры на примере разработки описания процесса "Кипячение воды в чайнике". Дополните данное описание наглядными рисунками на листе 1 самостоятельно.Лист 2.

Дмитрий Вибе: Немного холодной воды у солнца

Дмитрий Вибе: Немного холодной воды у солнца Автор: Дмитрий ВибеОпубликовано 28 октября 2011 годаВода — основа жизни на Земле. Её роль в биохимических процессах неимоверно велика, и нам, безусловно, сильно повезло, что на нашей планете вода столь обильна. Поэтому интересно

Шаг 4. Завершающие штрихи: делаем отражение в воде реалистичным

Далее изображению следует добавить реалистичности. Поставленную задачу можно частично решить, если немного затемнить область уреза воды. Для этого на новом слое поверх остальных создаем узкое выделение вдоль линии горизонта. Залив его черным цветом, снимаем выделение и размываем фильтром «Размытие по Гауссу» с радиусом порядка 20 px. Затем на этом слое меняем режим наложения на «Мягкий цвет» и снижаем непрозрачность примерно до 80 %. При необходимости можно немного снизить насыщенность изображения, выставив значение около 30 на корректирующем слое «Цветовой тон/Насыщенность».

отражение в фотошопе

Корректировка отражения

Добавьте к верхнему слою слой-маску. Выберите инструмент Кисть (Brush) с чёрным цветом, с большим размером кисти и жесткостью 0%, непрозрачность 20%.

Создание реалистичного отражения для фотографий в Photoshop

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

Создание реалистичного отражения для фотографий в Photoshop

Выделите оба слоя «Низ» и объедините их в один. Перейдите Изображение (Image) -> Коррекция (Adjustments) -> Кривые (Curves). Щелкните середину линии кривых и перетащите ее вниз, чтобы затемнить отражение. Отрегулируйте его, чтобы оно выглядело естественно.

Создание реалистичного отражения для фотографий в Photoshop

Выполните эти шаги несколько раз и поэкспериментируйте с переменными. Не существует правильного или неправильного способа сделать отражение в Photoshop. Результат будет зависеть от ваших личных предпочтений и выбранных фотографий.

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

Создание реалистичного отражения для фотографий в Photoshop

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector