Учимся создавать отражение изображения в фотошопе. Как сделать реалистичное отражение в воде

  • 17.06.2019

Если вы не любите «работать руками», то специально для вас разработан отличный . Урок по отражению иконок и простых объектов . В сегодняшнем же уроке вы узнаете, как создавать правдоподобный эффект отражения в воде для любой фотографии. Кратко суть урока — берем изображение, увеличиваем размер холста по вертикали, дублируем слой, отражаем по вертикали. На отдельном документе при помощи фильтров создаем текстуру воды, которую в дальнейшем вставляем при помощи фильтра «Стекло» на отраженный слой исходного документа. Итак, приступим. Результат:

  1. Вначале нужно создать текстуру воды. Создаем новый документ с настройками 1000 x 2000 пикселей, 72 dpi, цвет фона — белый, режим RGB.
  2. Выберите Фильтр -> Шум -> Добавить шум с настройками 400%, по Гауссу, поставьте галочку напротив «Монохромный». если у вас англоязычный фотошоп, то ваши действия: Filter > Noise > Add noise (400%, Gaussian, Monochromatic) .
  3. Команда Фильтр -> Размытие -> Размытие по Гауссу в 2,0 px. Filter > Blur > Gaussian Blur — 2.0 pixels

  4. В панели слоев откройте вкладку «каналы», сделайте активным красный канал примените к нему фильтр Filter > Stylize > Emboss… — 180 degrees, 1 pixel, 500%, в русском фотошопе это соответствует команде Фильтр -> Стилизация -> Тиснение (угол 180°, высота 1 пиксель, эффект 500% .

  5. К зеленому каналу применяем тот же фильтр Тиснение с настройками: угол 90º, высота 1 пиксель и эффект 500%. Filter > Stylize > Emboss… — 90 degrees, 1 pixel, 500%

  6. Синий канал оставляем без изменений. Включите все каналы.
  7. Возвращаемся в панель «Слои» LAYERS.
  8. Переведите из заднего слоя в обычный слой (клик правой кнопкой мыши по слою и выбор соответствующего пункта).
  9. Выберите команду Редактирование -> Трансформирование -> Перспектива. Тяните нижний правый угол рамки право (или нижний левый влево) до тех пор, пока ширина изображения не будет равна 600%. Смотри скриншот ниже. Edit > Transform > Perspective Pull.

  10. Выделите все изображение. Выделение -> Все (горячие клавиши CTRL + A), или Select > All
  11. Снова повторите пункты 9 и 10.
  12. Команды Трансформирование -> Масштабирование, установите значение высоты на уровне 50%. Edit > Transform > Scale (height 50%)
  13. Не снимая выделение, кадрируйте изображение при помощи команд Изображение -> Кадрирование, или Image > Trim
  14. Откройте снова вкладку «Каналы» (CHANNELS), выберите красный канал и нажмите на клавишу Q, чтобы добавить быструю маску.
  15. Возьмите градиент от белого к черному и проведите им вертикально сверху вниз так, чтобы он проходил через все изображение.
  16. Снова нажмите на клавишу Q, чтобы отключить быструю маску.
  17. Залейте полученное выделение 50% серым цветом.
  18. Снимите выделение (клавиши CTRL + D) и выберите зеленый канал. Добавьте быструю маску (клавиша Q),
  19. Возьмите градиент от белого к черному и проведите сверху вниз на протяжении 15-20% высоты изображения:

  20. Снова нажмите клавишу Q для отключения быстрой маски.
  21. Залейте выделение 50% серым цветом. (Это цвет #808080).
  22. Включите все каналы (выберите RGB).
  23. Вернитесь в панель слои и примените размытие по Гауссу радиусом 1,5.
    У вас должно получиться такое изображение
  24. Сохраните изображение в формате PSD, включив максимальную совместимость.

Следующим этапом мы будем накладывать нашу текстуру на изображение, в котором мы хотим добиться эффекта отражения в воде.

  1. Откройте исходное изображение в фотошоп, откадрируйте его при необходимости,

  2. Дублируйте слой (горячие клавиши CTRL + J),
  3. Изображение -> Размер холста (Image>Canvas Size), переведите единицы измерения в проценты и увеличьте высоту в 2 раза (200%). Не забудьте поместить изображение в верхнюю часть холста. Смотри скриншот ниже.

  4. Дубликат слоя отразите по вертикали (Редактирование -> Трансформирование -> Отразить по вертикали) и переместите отражение ниже каринки:

  5. Переведите фоновый слой в обычный. Возьмите инструмент «волшебная палочка» и выделите белый фон на нижнем слое, нажмите Delete на клавиатуре. Так мы получим прозрачность.

  6. Измените порядок слоев: верхний слой — исходное изображение, отражение — на нижнем слое.
  7. Добавьте новый слой и расположите его под всеми слоями. Залейте нижнюю половину слоя голубым цветом.
  8. Снимите выделение и добавьте маску слоя к слою «Отражение». Свяжите слои «Отражение в нижележащим слоем «вода». Выберите инструмент «Градиент» от белого к черному и проведите им сверху вниз от центральной части изображения вниз (активна — маска слоя «Отражение»):

  9. Кликните по иконке маски слоя «Отражение» с зажатой клавишей CTRL — загрузится выделение:

  10. Теперь сделайте активным иконку слоя «Отражение» (просто кликните по ней) и примените фильтр Размытие -> Размытие в движении (Filter>Blur>Motion Blur,) с настройками 90º и смещение 10 px.

  11. Снимите выделение. Кликните по иконке слоя «Отражение» с зажатой клавишей CTRL — выделиться нижняя половина изображения. Команды Фильтр -> Искажение -> Стекло (Filter — Distort — Glass). Здесь нужно нажать на иконку, как показано на скриншоте и через кнопку «загрузить текстуру» выбрать тот сохраненный файл «вода», который мы делали в первом шаге. Выставьте значения фильтра: искажение — 16, смещение — 2.

  12. Последний штрих, добавляющий реалистичности эффекту «Отражение в воде». Создайте новый слой поверх всех, сделайте узкую полоску выделения в середине изображения и залейте зеркальным градиентом от черного к прозрачному (проведите от центра выделения вверх):
  13. Снимите выделение и примените фильтр Размытие по Гауссу с радиусом 1,9 px. Примените к верхнему слою режим наложения Мягкий свет (Soft Light) и уменьшите непрозрачность слоя до 80%
  14. Мы можем добавить воде прозрачности. В этом случае. Дублируем слой 0 (с основным изображением), отражаем его по вертикали и перемещаем на область отражения (в нижнюю часть картины). Переместите этот слой под все слои. Сделайте слой с голубой заливкой полупрозрачным (непрозрачность — 40-50%). Результат:

Да. Данный видеокурс можно смотреть как в Windows, так и в OS X (Mac OS), так и в любых других системах, где есть веб-браузер и поддержка видеоформата MP4.

Куда обращаться при возникновении вопросов по курсу?

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

Нужно ли активировать курс перед просмотром?

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

Есть ли версия курса на диске?

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

Могу я оформить заказ сегодня, а оплатить его позже?

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

Где скачать и как установить Фотошоп?

Чем отличается «Photoshop для чайников, 57 практических уроков» от «Фотошоп с нуля в видеоформате 3.0»?

В курсе «Photoshop для чайников, 57 практических уроков» нет подробного описания инструментов и команд программы Adobe Photoshop. Здесь представлены только практические уроки по различным направлениям: реставрация и ретушь снимков, создание коллажей и оформление фотографий, рисование, дизайн, создание текстур и текстовых эффектов.

В какой версии Фотошоп записаны уроки курса?

Часть уроков записаны с использованием CS6, а большинство в версии СС 2014, СС 2015.

Я не из России, могу ли я купить курс?

Да, конечно. Доступные способы оплаты для вас: Карты Visa/MasterCard/Maestro, Яндекс.Деньги, RBK Money, WebMoney, QIWI, Денежные переводы, Paypal. После оплаты вы получите письмо со ссылкой на закачку курса на ваш компьютер, если же при оформлении была выбрана доставка на флешке, то кроме этого письма мы отправим вам курс на флешке бандеролью авиапочтой.

Я не нашел ответ на свой вопрос. Как быть?

Обратитесь к нашему онлайн-консультанту. Кнопка онлайн-консультанта расположена в нижнем правом углу страницы. Либо вы можете написать в нашу службу поддержки по адресу:

Вы когда-нибудь видели эти струящиеся, легкие фоны для рабочего стола, которые отображались на экранах компьютеров по умолчанию? Это именно то изображение, о котором я думала, когда возилась с Photoshop для подготовки этого урока. Хотя они не точно такие же, но эти простые градиенты и формы, объединяясь, навевают небольшую ностальгию. И поэтому в этом уроке мы разберем как сделать фон в фотошоп, как раз такой минималистичный и легкий.

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

Удобная обработка фотографий в Photoshop с помощью смарт-объектов

Хотите ли вы быть уверенным, что получаете максимум информации из своего снимка? Как на счет того, чтобы ни один из ваших шагов в постобработке не был деструктивным? Это звучит как действительно умный способ правильно настроить свой рабочий процесс обработки?

Adobe RGB vs sRGB – какое цветовое пространство выбрать и почему

Как часто вы заходили в настройки камеры для переключения между цветовыми пространствами Adobe RGB и sRGB? Вы даже знаете, что означают эти термины или что такое цветовое пространство? Еще несколько лет назад я не знал об этих технических терминах, но быстро осознал их важность.

Что такое пиксели, разрешение и как правильно изменять размер в Photoshop

Размер, разрешение и форматы... Что происходит с пикселями? Вы покупаете камеру из-за количества мегапикселей? У вас есть проблемы с размещением фотографий в Интернете? Отличается ли печать ваших фотографий низким качеством, даже если они выглядит великолепно на экране? Кажется, есть некая путаница между пикселями и байтами (размер изображения и размер файла), качеством и количеством, размером и разрешением. В этом уроке мы разберем эту крайне важную для любого фотографа информацию

Как сделать снег в фотошоп. Разбор 2-х способов

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

4 быстрых способа добавить виньетирование при постобработке

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

Делаем выразительные пейзажи в Adobe Camera Raw и Photoshop

Многие сделав пейзажное фото красивейшего места удивляются, почему оно выглядит на снимке совсем не очень. Как получить такой результат, который вы видите у профессионалов на разных сайтах в соцсетяк VK, Инстаграм и т.п? Ответ очевиден, любая фотография любого профессионала претерпевает ту или иную обработку. Если вы видите красивое фото и автор говорит, что не обрабатывал его не верьте! В этом уроке по фотошоп мы рассмотрим прием обработки пейзажной фотографии, которым пользуются многие профессионалы.

Урок фотошоп. Как добавить объекты на фото при помощи наложений

Обычно, когда речь идет о цифровом наложении, люди первым делом думают о наложении экспозиций. Это правильно, но оно может быть гораздо шире. Есть несколько ситуаций, в которых цифровое наложение может пригодиться. Оно может не только помочь в создании более интересной фотографии, но и облегчит ваш опыт съемки. В этой статье я расскажу о том, как использую цифровое наложение в Photoshop, чтобы создавать интересные композиции.

Как сделать солнечный блик в Фотошоп, 2 быстрых способа

Солнечный блик может сделать скучное изображение довольно драматичным. Очень сложно получить хороший снимок естественного солнечного блика, особенно, когда используется только естественный свет и контраст между светлыми и темными участками изображения настолько сильный, что даже функция Active-D lighting с ним не справится. К счастью, у нас есть Photoshop и множество специальных эффектов, таких как солнечный блик, которые могут быть волшебным образом созданы, добавлены, улучшены, используя функциональные возможности программного обеспечения.

Как делать ночные снимки без штатива и с небольшой помощью Photoshop

В этой статье я хочу показать вам, как делать удивительные ночные снимки без штатива с небольшим количеством шума. На этой фотографии я был на мосту Академии в Венеции, чтобы встретить закат. Там было множество фотографов, делающих снимки с длинной экспозицией, настолько много, что мне не удалось найти место, чтобы установить штатив. Поэтому я задал диафрагму f/4, выдержку 1/10 секунды и ISO 1250.

Фотошоп или Лайтрум: что лучше для начинающих?

Если вы новичок в области фотографии, вы, вероятно, задаетесь вопросом, как обрабатывать или редактировать свои фотографии. Существует широкий выбор программного обеспечения для редактирования фотографий, но о двух вы, вероятно, слышали чаще всего, - это Adobe Photoshop и Lightroom. Итак, каковы основные отличия и какая программа лучше всего подходит для новичков и для вас? Ознакомьтесь с базовым обзором!

Как исправить искажение перспективы в Adobe Camera Raw легко и быстро

Adobe Camera Raw является одним из мощнейших инструментов для обработки RAW файлов. Эта программа дает не только полный контроль над базовыми настройками, такими как яркость, контрастность и цвет, но вы также можете сделать более точные локализированные настройки, включая коррекцию объектива и точку обзора.

Как создать красивое боке при помощи Photoshop

В этом уроке по фотошоп мы разберем как добавить фотографии красивое боке на передний план, и сделаем это при помощи наложения. Наложение боке – это прекрасный способ придать портретам модный и стилизованный вид. Такие наложения можно приобрести, а можно сделать и свои собственные. Это легко, весело и бесплатно!

Урок по Фотошоп, как создать фантазийный лес

Вы реалист или фотохудожник? Вы предпочитаете фотографии как они есть из камеры или выполняете обширное редактирование своих изображений в Photoshop? Делая фотографии, вы фиксируете или создаете? Мнения всегда не однозначны, когда речь идет о «сколько слишком много» в редактировании. Лично я всегда предпочитал обрабатывать свои снимки до того предела, чтобы не нарушить их реалистичность. До недавнего времени…

Как передать настроение и атмосферу в фотографиях

Почему так трудно уловить уютную атмосферу кафе в фотографии? Или непринужденную атмосферу у костра с друзьями летней ночью? Изучение того, как передать настроение и атмосферу сцены – это навык, неуловимый для многих фотографов. Это связано с тем, что готовый продукт заключается не только в правильности настроек и композиции. Изображение должно вызывать эмоции; оно должно передать глубинные аспекты сцены, обзор, звуки, запахи таким образом, чтобы каждый раз, глядя на фотографию, вы могли вернуться в тот момент.

Добавление простого отражения изображения — это замечательный маленький трюк, который можно выполнить с помощью команды .

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

Вот как можно создать простое отражение изображения в фотошопе:

1. Откройте фотографию и продублируйте слой, на котором находится изображение (скорее всего, это фоновый слой).

Дублируйте слой, нажав сочетание клавиш Ctrl+J. Попутно дважды щелкните мышью по исходному фоновому слою, чтобы он стал доступным для редактирования, если вы еще этого не сделали. Назовите копию «Отражение».

Вы можете продублировать элемент в процессе трансформации, нажав клавишу Alt при выборе команды меню Редактирование => Трансформирование или Редактирование => Свободное Трансформирование. В этом случае будет трансформирован дубликат элемента на копии слоя.

2. Добавьте немного пространства холста.

Чтобы освободить место для отражения в нижней части документа, необходимо . Нажмите клавишу С, чтобы выбрать , нарисуйте рамку вокруг изображения, а затем перетащите нижний маркер рамки вниз примерно на 5 см. Нажмите клавишу Enter, чтобы выполнить кадрирование.

3. Отразите дубликат слоя.

Выделив дубликат слоя, нажмите сочетание клавиш Ctrl+T для вызова команды Свободное трансформирование. Щелкните правой кнопкой мыши (кнопкой мыши, удерживая клавишу Ctrl внутри ограничительной рамки и в появившемся контекстном меню выберите пункт Отразить по вертикали (Flip Vertical). Когда слой отразится, нажмите клавишу Enter или дважды щелкните мышью внутри ограничительной рамки, чтобы выполнить трансформирование.

4. Переместите отражение под другую фотографию.

Нажмите клавишу V, чтобы выбрать инструмент Перемещение, а затем, удерживая клавишу Shift, перетащите отражение в нижнюю часть документа. Два слоя должны почти соприкасаться.

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

5. Добавьте маску градиента, чтобы сделать отражение исчезающим.

К дубликату слоя (внизу палитра слоев выглядит как прямоугольник с маленьким белым кружочком), а затем нажмите клавишу G для выбора инструмента Градиент (Gradient). На панели параметров щелкните по крошечному направленному вниз треугольнику рядом с окном предварительного просмотра, чтобы открыть палитру наборов градиентов. Из раскрывающегося списка выберите вариант От черного к белому (Black to White), а затем укажите тип градиента Линейный (Linear).

6. Нарисуйте градиент.

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

7. Используя ползунковый регулятор, вы можете снизить непрозрачность слоя с отражением, чтобы сделать его менее заметным. Но тут, как говорится, дело вкуса.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

1. откройте ваше изображение в Photoshop.

2. Дважды кликните на слое "Background" и переименуйте его в "Reflection".

3. Если у вас в файле не отображаются линейки (Rulers), нажмите View > Rulers или нажмите сочетание клавши Control+R.

4. Дважды щелкните или нажмите правой кнопкой мышки на одной из линеек и из появившегося меню выберите Percent:

5. В меню Image > Canvas size установите в полях "width " и " height" следующие значения:

Для позиции Anchor кликните на среднем квадратике в верхней линии, как показано на рисунке.

6. Нажмите V , чтобы выбрать инструмент Move . Удерживая клавишу Shift, нажмите на клавиатуре стрелку указывающую вниз, несколько раз, что бы изображение слегка сдвинулось вниз.

7. В главном меню выберите Layer > Duplicate layer . Назовите новый слой "Photo".

8. Сделайте активным слой "Reflection".

9.Из меню выбирете Edit > Transform > Flip Horizontal .

10. и Edit > Transform > Rotate 180 .

11. Нажмите V , удерживая Shift, нажмите клавишу «стрелка вниз» и передвиньте изображение ниже, чем слой Photo. Как на рисунке.

12. Cамое время добавить слой Canvas. Удерживая клавиши Control+Alt, кликните на иконке Create a new layer внизу палитры слоев.

Это очень удобно, так как мы создаем новый слой прямо над активным слоем.

13. Переименуйте новы слой в Canvas.

14. Нажмите D, чтобы установить черный цвет foreground color и выберите из меню Edit > Fill > Foreground color или нажмите Alt+Delete (Windows) или Command+Delete (Mac OS), чтобы залить холст черным цветом.

15. Затем выберите слой "Reflection". Нажмите кнпку Add a layer mask в палитре слоев. Рядом с иконкой слоя появится белая иконка маски слоя.

16. В палитре инструментов выберите инструмент Gradient .

Под главным меню у вас появятся настройки инструмента Gradient.

По умолчанию у вас стоит черно-белый градиент. Если вы ранее загружали другие цвета,вам нужно сбросить предыдущие настройки. Для этого сделайте шаги 1, 2, 3 как на рисунке.

Сбросив градиенты, выберите первый черно-белый градиент.

17. Выберите инструмент gradient, затем нажмите на иконке маски на слое "Reflection". Удерживая клавишу Shift, кликните мышкой вверху вашего изображения (точка А) и тяните вниз к точке В.

Отпустите мышку и клавишу Shift. Ну вот! Вы и сделали эффект! Сейчас откорректируйте opacity слоя "Reflection" по вашему желанию. Вы можете кликнуть на слое "Reflection" (помните, что сейчас у вас активна маска слоя!) и затем нажмите Filter > Distort > Ripple . Поиграйте ползунком и вы получите эффект водной ряби, как будто ваше изображение отражается в воде.

Маска - превосходный инструмент. Когда мы рисуем белым по слою, пиксели 100% непрозрачны. Когда мы рисуем черным - пиксели становятся прозрачными. Мы можем выборочно рисовать по маске черным цветом, для того чтобы спрятать определенные пиксели слоя. Или мы можем применить черно-белый градиент (как в этом уроке) и создать плавный переход от 100% opacity к 0%.

Вы можете поэкспериментировать с различными слоями canvas для достижения других эффектов.