Эффект воды в фотошопе: Как сделать текстуру воды в фотошопе
Как создать эффект отражения в воде с помощью Photoshop
Автор Дмитрий Евсеенков На чтение 6 мин Просмотров 125 Обновлено
В программе Photoshop имеется один очень полезный, но не очень популярный инструмент — Карты смещения (Displacement Maps). Он незаменим при создании двумерных узоров, наложенных на складки или изгибы объекта с воспринимаемой глубиной. В этом материале я расскажу о применении «Карт смещения» на основе практического примера.
Вот фото, которое я взял для работы в этом примере:
И то, что у меня получилось в результате:
Давайте начнём. Открываем изображение в Photohop и, как обычно, с паомощбю нажатия клавиш Ctrl+J дублируем фоновый слой, для того, чтобы не повредить оригинал.
Т.к. мы будем добавлять изображение с отражением, ему потребуется дополнительное место, для этого в два раза увеличим холст изображения по вертикали.
Развернём по вертикали на 180° наш верхний слой, для этого идём по вкладке Редактирование —> Трансформация —> Отразить по вертикали (Edit —> Transform —> Flip Vertical), после чего инструментом «Перемещение» (Move Tool) перетаскиваем слой вниз:
После того, как слой с перевёрнутым изображением занял своё место, создаём новый слой:
Заливаем его белым. Для этого задаём в цветовой палитре цвета по умолчанию и нажимаем клавиши Ctrl+Delete для заливки слоя фоновым цветом, в нашем случае, белым.
А теперь займёмся подготовкой Карты смещения.
Для начала идём в Фильтр —> Галерея фильтров (Filter —> Gallery), где выбираем Эскиз —> Полутоновый узор (Sketch —> Halftone Pattern).
В версиях ниже CS6 этот путь немного другой: Фильтр —> Эскиз —> Полутоновый узор или Filter —> Sketch —> Halftone Pattern.
Задаём следующие параметры узора, но параметр «Размер» (Size) следует корректировать в зависимости от размера изображения
- Размер (Size)- 7
- Контрастность (Contrast) — 50
- Тип узора (Pattern Typpe) — Линия (Line)
В результате на новом слое получится вот такая матроска (или зебра):
Прежде чем мы сможем использовать наши черные и белые линии как водную рябь, мы должны их сгладить и создать равномерные, плавные переходы между ними. Для этого воспользуемся размытием по Гауссу. Перейдите по вкладке Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Смотрите на окно рабочего документа и увеличивайте значение радиуса в диалоговом окне фильтра пока переходы между линиями не станут плавными. В этом примере я использую маленькое изображение, поэтому мне подходит значение 4, но чем выше разрешение изображения, тем значение будет больше:
Теперь необходимо создать создать новый документ из нашего слоя с линиями, этот документ мы будем использовать как карту смещения для ряби воды.
На данный момент у нас активен слой с линиями. Откройте вкладку главного меню «Слой» (Layer) и выберите пункт «Дубликат слоя» (Duplicate Layer), после чего откроется диалоговое окно. В окне, в разделе Назначение» (Destination), нажмите на стрелку вниз справа от опции «Документ» и выберите «Новый» (New), с этой опцией из слоя будет создан новый документ PSD:
Нажмите ОК для выхода из диалогового окна, и наш слой с полосками откроется в виде нового документа в рабочем окне Фотошопа.
Этот вновь созданный документ будет нашей картой смещения, но, прежде чем мы сможем его использовать, мы должны его сохранить. После сохранения нужно его закрыть, т.к. в открытом виде он нам больше не понадобится. При попытке его закрыть, Photoshop выдаст обычное диалоговое окно, где нажмите кнопку «Да»:
Теперь слой с полосками следует удалить из основного документа, он нам больше не нужен:
Нажмите комбинацию клавиш Shift+Ctrl+Alt+E для того, чтобы два имеющихся в панели слоя слились в новом слое:
Пройдите по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), откроется диалоговое окно, где задайте следующие параметры:
Масштаб по горизонтали (Horizontal Scale) — 4
Масштаб по вертикали (Vertical Scale) 0
Растянуть (Stretch To Fit) — установить галку
Повторить граничные пиксели (Repeat Edge Pixels) — установить галку
Нажмите кнопку ОК в правом верхнем углу диалогового окна, и Photoshop откроет окно, где будет предложено выбрать файл, который будет использоватся в качестве карты смещения.
Выберите файл, который вы только что сохранили, у меня он называется «Карта Смещения.psd», и затем нажмите кнопку Открыть. Photoshop применит карту ко всему изображению, создавая имитацию ряби воды:
Теперь у нас появилась небольшая проблема на данный момент. Мы добавили эффект отражения в воде ко всему изображению, а нужно только к нижней половине. Мы можем это легко исправить, используя маску слоя.
Во-первых, зажимаем клавишу Ctrl и кликаем непосредственно на для слоя над фоновым в панели слоёв:
Вы увидите, как в рабочем документе появится выделение вокруг нижней половины изображения. Затем нажмите на иконку создания маски (активным должен быть верхний слой!) и в увидите, как у верхнего слоя появилась чёрно-белая маска, закрывающая верхнюю часть изображения верхнего слоя:
В окне документа в верхней половине отображается фоновый слой, т.к верхний слой скрыт маской, а внизу отображается верхний. Почти готово!
Теперь, думаю, следует размыть разделительную линию между нижней и верхней половиной в маске.
Для этого (а сейчас у нас активна маска, в панели слоёв вокруг неё имеется белая рамка, если рамки нет, то кликните по миниатюре маски) примените фильтр «Размытие по Гауссу» со значением радиуса 4.
И давайте сделаем хотя бы намёк на цвет отражения. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), примените к нему обтравочную маску, чтобы он применялся только к верхнему слою, поставьте галку у пункта «Тонирование» (Colorize), сдвиньте ползунок «Цветовой тон» (Hue) на значение примерно 218 и задайте значение непрозрачности около 25% :
Ну вот, в принципе и всё, смотрим на готовое изображение:
Бесплатные текстуры воды для фотошопа
Услуги Ретуши Фотографий > Бесплатные текстуры для Photoshop > Бесплатная текстура воды в Photoshop
Мы разработали большую коллекцию текстур воды для Photoshop, которая может стать отличным дополнением к вашему арсеналу, особенно если вы фотограф-путешественник или блогер. В нашей коллекции представлены красивые текстуры воды, которые сделают ваши изображения более безмятежными, веселыми, привлекательными или даже драматичными, в зависимости от того, какой вариант вы выберете.
Вода Текстура Photoshop #1 «Azure»
Улучшите свои фотографии пляжа и моря с помощью этой высококачественной текстуры лазурной воды и сделайте их еще более привлекательными.
Бесплатно
Текстура воды #2 «Sun in Water»
Добавьте воду к фону ваших изображений с помощью этой бесплатной текстуры воды, чтобы создать очаровательную летнюю атмосферу.
Бесплатно
Текстура глубокой воды #3 «Miracle»
Если ваши летние фотографии путешествий нуждаются в волшебстве, то эти лазурные текстуры воды с красивыми следами солнечного света — идеальный инструмент для работы.
Бесплатно
Текстура бегущей воды #4 «Paradise»
Если вы хотите добавить ощущение тропического рая к изображениям в блоге или использовать кристально чистую воду в качестве фона для открытки, календаря или брошюры, эта текстура морской воды поразит вас.
Бесплатно
Текстура воды в озере #5 «Dream»
Эта текстура озера из воды подходит ко всему. От улучшения качества воды на пляжных фотографиях до использования фона для рекламы или заголовков веб-сайтов.
Бесплатно
Текстура воды Photoshop #6 «Waves»
Если вы хотите создать яркое, веселое настроение, это просто обязательный элемент водной текстуры с небольшими волнами.
Бесплатно
Текстура речной воды #7 «Threads»
Вам нужны бесшовные текстуры воды для рекламных кампаний или фотографий из путешествий? Это определенно должно помочь.
Бесплатно
Текстура черной воды #8 «Ripple»
Хотите добавить текстуры с каплями воды, которые выглядят естественно и успокаивающе? Вам повезло найти этот набор текстур воды.
Бесплатно
Текстура прохладной воды #9 «Drops»
Рябь на воде всегда действует расслабляюще, медитирующе. Если вы хотите именно такого настроения, загрузите эту текстуру поверхности воды.
Бесплатно
Текстуры Photoshop # 10 «Sea Surface»
Это еще одна текстура Photoshop наложения воды, которая может служить идеальным фоном для всех видов рекламных кампаний о путешествиях.
Бесплатно
Бесплатные текстуры воды # 11 «Deep Dive»
Найти бесплатную высококачественную водную текстуру PNG с рябью не так просто, поэтому добавьте этот инструмент в свою коллекцию и откройте новые возможности дизайна.
Бесплатно
Скачать текстуры #12 «Sun Touches»
Наложения воды с солнечными текстурами идеально подходят для создания на ваших фотографиях бодрящей и веселой атмосферы, поэтому не пропустите этот эффект.
Бесплатно
Бесплатные текстуры # 13 «Light Blue»
Добавьте расслабления и безмятежности своему контенту с помощью этой бесшовной текстуры океана.
Бесплатно
Получите текстуру воды #14 «Splashes»
Нет лучшего способа передать свежесть и энергию лета, чем с помощью такого плагина Photoshop, как этот.
Бесплатно
Текстура водопада #15 «Relaxed Mood»
Передайте настроение полного расслабления с помощью этой бесшовной текстуры воды, которая заставит зрителей почувствовать себя в тропическом раю.
Бесплатно
Аква Текстура #16 «Underwater World»
Поразите своих зрителей этой яркой подводной текстурой, которая открывает множество возможностей для ваших проектов.
Бесплатно
Вода PNG Текстура # 17 «Crystals»
Эта завораживающая мультяшная текстура воды в приятных для глаз лазурных тонах — фантастический выбор для изображений путешествий, которые нуждаются в намеке на волшебство и тайну.
Бесплатно
Текстура брызг воды #18 «Sea Creatures»
Если вы хотите скрасить свой фон и фанат морской тематики, это одна из первых текстур для воды, которую вам следует скачать.
Бесплатно
Текстура капли воды #19 «Fantasy»
Дополните свои проекты графического дизайна этой пленительной текстурой черной воды, которая притягивает внимание зрителя и добавляет легкую нотку фантазии.
Бесплатно
Текстура воды океана #20 «Rough Sea»
Хотите передать суровую, несгибаемую природу с моря? Тогда эта бесплатная текстура воды должна быть вашей задачей.
Бесплатно
Текстура воды Photoshop #21 «Cruise»
Эта несколько грязная текстура воды — отличный выбор, если вы хотите использовать более реалистичный и естественный фон для своих путешествий.
Бесплатно
Photoshop Water Texture # 22 «Sea Foam»
Плагины Photoshop текстур воды, подобные этому, изображают силу и красоту океана, но при этом достаточно тонкие, чтобы служить фоном.
Бесплатно
Водные картинки #23 «Storm Power»
Из всех вариантов, представленных в этом пакете текстур воды, этот лучше всего передает это таинственное, захватывающее чувство надвигающегося морского шторма.
Бесплатно
Текстура воды в высоком разрешении #24 «Ocean Song»
Океан говорит со многими людьми, и ваши изображения также могут достучаться до них, если вы решите скачать эту текстуру воды в Photoshop.
Бесплатно
Текстуры воды #25 «Gentle Movement»
Добавьте ощущение спокойствия в свой контент с помощью бесплатных текстур воды, поскольку эти маленькие волны будут творить чудеса, делая изображение более привлекательным.
Бесплатно
Бесплатная текстура воды #26 «Breeze»
Эта бесшовная текстура воды может стать отличным дополнением к вашему набору дизайнерских инструментов, особенно если вы ищете что-то минималистичное и успокаивающее.
Бесплатно
Текстура воды PS # 27 «Before the Storm»
Добавьте глубины и творчества своим иллюстрациям и изображениям, используя эту бесшовную текстуру воды с небольшими волнами, которые делают ее более динамичной.
Бесплатно
Текстуры воды Free # 28 «Indigo»
Если вы ищете наложение Photoshop с текстурой воды с идеальным темно-синим цветом, вы не найдете лучшего инструмента, чем этот.
Бесплатно
Набор текстур воды #29 «Tiny Bubbles»
Подводные текстуры всегда красивого цвета, но иногда им не хватает визуальной зацепки. Этот вариант решает эту проблему, добавляя крошечные милые пузырьки.
Бесплатно
Текстура из воды #30 «At Water Depths»
Идеальный способ добавить глубины и элегантности дизайну на морскую тематику — использовать эту подводную текстуру высокого разрешения.
Бесплатно
Текстуры из воды #31 «Blue Sky»
Хотите добавить в свои проекты легкие голубые тона? Эта текстура воды в бассейне создана именно для таких целей! Примените его и оцените результаты.
Бесплатно
Набор текстур воды #32 «Brush Strokes»
Используйте эту текстуру отражения воды, и ваши изображения приобретут великолепные мазки кисти цвета моря.
Бесплатно
Текстура воды Free # 33 «Brown Wood»
Ищете уникальные текстуры воды в бассейне? Оцените эту бесплатную опцию и примените ее, чтобы произвести впечатление на своих подписчиков и клиентов.
Бесплатно
Подводная текстура #34 «Storm»
Не уверены, подходят ли штормовые текстуры для вашего дизайна? Попробуйте эту текстуру морской воды и посмотрите, так ли это на самом деле.
Бесплатно
Photoshop текстура воды #35 «Teal Blue»
Избегайте фонов с текстурой воды, потому что у вас был неудачный опыт их использования? Возможно, пора попробовать их еще раз. Оцените этот вариант!
Бесплатно
Подводные текстуры #36 «Faded Red»
Если вы хотите добавить яркости кадру, эта текстура воды в пруду — именно то, что вам нужно.
Примените его и будьте готовы к впечатляющим результатам.
Бесплатно
Текстура воды океана #37 «Multicolored»
Не любите яркие фоны? Посмотрите на эту текстуру воды в высоком разрешении, и она может изменить ваше отношение к красочным броским текстурам.
Бесплатно
Текстура воды Png # 38 «Green»
Дополните свои фото и дизайны этим набором водных накладок! Скачайте эту бесплатную текстуру в 1 клик.
Бесплатно
Сборник текстур PS #39 «Splashes»
Эти водные фоны заставят зрителей расслабиться и расслабиться. Применяйте их в своем рабочем процессе, и ваши клиенты будут восхищаться результатами.
Бесплатно
Лучшие текстуры воды # 40 «Glow»
Никогда не использовали текстуры воды в своем рабочем процессе? Все бывает впервые.
Протестируйте этот бесшовный водный фон и поделитесь своими впечатлениями.
Бесплатно
Текстуры темной воды # 41 «Purple Haze»
Если вы не знаете, подойдут ли текстуры воды вашему дизайну, попробуйте несколько вариантов и посмотрите результаты. Начните с этого универсального бесшовного наложения текстуры водопада или загрузите весь комплект!
Бесплатно
Текстуры из воды #42 «Moody»
Разнообразьте свои проекты с помощью этих эффектов карты текстуры воды!
Бесплатно
Photoshop Вода # 43 «Chaos»
У вас есть коллекция обязательных инструментов для редактирования изображений? Еще нет? Начните с этих водных фонов бассейна — они должны быть в распоряжении каждого профессионала.
Бесплатно
Бесплатные текстуры # 44 «Turquoise»
Загрузите эти текстуры водной поверхности в Photoshop, и вы сможете улучшить свои снимки и дизайн несколькими щелчками мыши!
Бесплатно
Текстура Photoshop #45 «Pink Dream»
Если вам нравятся текстуры воды, этот вариант может вас заинтересовать. Этот фон из морской воды добавит образу мечтательных оттенков.
Бесплатно
Текстура водной поверхности #46 «Warm»
Считаете, что подводный фон не подходит для ваших проектов? Протестируйте эти текстуры и посмотрите, как они преобразят ваш дизайн.
Бесплатно
Отражение в воде #47 «Jungles»
Ищете новые текстуры, чтобы обогатить свой набор инструментов? Поэкспериментируйте с этими фонами океана и сделайте свои изображения еще более броскими!
Бесплатно
Текстура морской воды #48 «Wet»
Эта текстура аква-узора профессионально улучшит снимок или дизайн за несколько секунд!
Бесплатно
Текстура воды в океане #49 «Pouring»
Вы хотите познакомиться с текстурами воды, но не знаете с чего начать? Оцените этот вариант текстуры цвета морской волны, и вы убедитесь, насколько он эффективен.
Бесплатно
Texture Photoshop #50 «Summer Rain»
Этот черный водный фон — не совсем то, что вы искали? Тогда попробуйте применить эту текстуру и будьте готовы к великолепным результатам!
Бесплатно
Набор текстур PS #51 «Fall»
Примените эту текстуру воды в высоком разрешении, и ваша фотография, дизайн или шаблоны приобретут совершенно новый вид.
Бесплатно
Текстуры для Фотошопа #52 «Cold Atmosphere»
Произведите впечатление на клиентов стильными эффектами! Попробуйте эти крутые фоны с текстурами воды, и ваши рисунки не останутся незамеченными!
Бесплатно
Бесплатные текстуры # 53 «Storm»
Текстуры водяного фона улучшат любое изображение или дизайн, не так ли? Если вы все еще сомневаетесь, посмотрите эту коллекцию, и результаты вас впечатлят!
Бесплатно
Скачать бесплатные текстуры #54 «Before the Rainbow»
Добавьте в рамку капли воды, чтобы сделать композицию стильной и креативной.
Нанесите эту текстуру водопада, и отличный результат гарантирован.
Бесплатно
Получите бесплатные текстуры #55 «Dreary Mood»
Привлекательная текстура темной воды для добавления в набор инструментов. Он идеально подойдет для вашего дизайна!
Бесплатно
Текстура воды # 56 «Heavy»
Независимо от того, с каким жанром фотографии вы имеете дело, эта струящаяся текстура воды — отличный выбор для большинства изображений.
Бесплатно
Water Images # 57 «Falling»
Этот черно-белый фильтр с текстурой воды — настоящая находка для профессионалов творчества. Примените его, и вы сделаете любой проект лучше.
Бесплатно
Получить Текстуры # 58 «Storm»
Не стесняйтесь экспериментировать с этой текстурой брызг воды! Используйте его для реализации самых креативных идей.
Бесплатно
Texture Photoshop #59 «Isolated»
Это один из самых универсальных вариантов текстуры водопада, который успешно работает в любых фотоманипуляциях и дизайне.
Бесплатно
Водная Текстура для фотошопа #60 «Bokeh»
Используйте эту текстуру неподвижной воды и улучшайте свой дизайн с минимальными усилиями!
Бесплатно
Черные текстуры # 61
Варианты черной текстуры кажутся мрачными и не привлекательными? Ознакомьтесь с этим набором и посмотрите, подойдут ли они для ваших изображений и дизайнов.
Бесплатно
Бесплатные скретч-накладки # 62
Ищете бесплатные текстуры царапин для завершения ваших изображений? Просмотрите эту коллекцию и выберите свои любимые.
Бесплатно
Бесплатные накладки с дождем # 63
С помощью этих текстур дождя вы добавите кадру романтических ноток или драматизма.
Бесплатно
Бесплатные текстуры мрамора # 64
Установите этот набор мраморных текстур, и вы сэкономите много времени! Это идеальные инструменты, которые дополнят ваш дизайн за считанные секунды.
Бесплатно
Бесплатные текстуры золота # 65
Вы знаете, что золотые фоновые изображения все еще в тренде? Скачайте эти текстуры и превратите свои изображения в стильные произведения искусства.
Бесплатно
Каменные текстуры # 66
Считаете, что текстуры камня не подходят для ваших изображений? Не волнуйтесь, эта прохладная текстура камня только сделает композицию глубже и насыщеннее.
Бесплатно
Бесплатные наложения грязи # 67
Пытаетесь найти эффективный инструмент, чтобы скрыть мелкие дефекты? Обратите внимание на эти грязные эффекты наложения — идеальный вариант вашей проблемы.
Бесплатно
Бесплатные текстуры дерева # 68
Не уверены, что что-то связанное с деревом и деревом подойдет вашему дизайну? Попробуйте одну из этих классных текстур дерева, и они произведут на вас впечатление.
Бесплатно
Текстура кожи # 69
Вы заметили, что кожаные фоны становятся все более популярными? Будьте в курсе тенденций современной фотографии и цифрового дизайна — примените эту классную текстуру кожи в своих проектах.
Бесплатно
Бесплатные текстуры бетона # 70
Думаете, бетонные текстурные фоны ушли в прошлое? Не спешите отказываться от этих инструментов, поскольку однажды они могут спасти ваш снимок или дизайн.
Бесплатно
Бесплатная Гранж Текстура # 71
Не знаете, как выделить объект в кадре? Гранж-текстура — отличный инструмент для решения этой задачи.
Бесплатно
Текстуры старой бумаги # 72
Добавьте винтажной атмосферы в свой дизайн, используя этот набор старых бумажных текстур! Универсальный инструмент, который сделает ваши изображения еще более привлекательными.
Бесплатно
Как сделать эффект отражения в воде в Photoshop CS6 — Российское фото
Как сделать эффект отражения в воде
в Photoshop CS6
25 сентября 2013
Текст:Стив Паттерсон
В этом уроке мы научимся создавать реалистичное отражение объекта в воде. Шагов в уроке будет много, но на деле спецэффект простой.
С его помощью можно обработать любую фотографию (хотя лучше для этого подходят те снимки, где воды изначально не было). Мы добавим рябь на воде с помощью пары фильтров Photoshop, в том числе фильтра Displace, где для искривления и искажения изображения предстоит создать и применить специальную карту смещения. Также в этой версии урока задействована возможность фотошопа создавать смарт-фильтры, которые позволят нам в самый последний момент подправить действие фильтра.
Этот снимок мы берем за основу:
Оригинальный снимок
А вот какое отражение мы получим в итоге:
Конечный результат
Шаг 1: Создаем копию слоя
Background LayerПервый шаг — сделать копию оригинала. Он находится в слое Background Layer, в настоящий момент он у нас в панели слоев единственный:
Панель слоев с оригинальным снимком Background Layer
Мы создадим его копию, открыв Layer в меню, расположенном в верхней части экрана, и нажав New, а затем Layer via Copy.
Еще можно нажать Ctrl + J (Win) / Command + J (Mac) на клавиатуре, так будет быстрее:
Открываем Layer > New > Layer Via Copy
Photoshop создает копию слоя с названием Layer 1, мы видим ее в панели слоев над слоем Background Layer:
Панель слоев с новым слоем Layer 1
Шаг 2: Добавляем снизу дополнительное пространство
Теперь давайте увеличим холст, добавив внизу место для нашего отражения. Открываем в верхнем меню Image и выбираем Canvas Size:
Открываем Image > Canvas Size
Photoshop откроет диалоговое окно Canvas Size. В первую очередь ставим галочку перед опцией Relative. Потом задаем ширину Width 0 Percent и высоту Height 100 Percent (убедитесь, что у вас выставлено именно Percent, а не Pixels, Inches или что-либо другое).
Под опцией Relative находится поле Anchor 3 × 3 клетки.
Выберите среднюю клетку в верхнем ряду. Photoshop добавит дополнительное пространство в низу фотографии. И хотя это не критично, но для того, чтобы знать, что мы все делаем одинаково, в опции Canvas extension color, которая находится в нижней части диалогового окна, выберите White:
Задаем размеры холста
Закончив, закройте диалоговое окно, нажав OK. Теперь наш холст стал вдвое больше, снизу добавился кусок белого цвета:
Снизу добавился холст белого цвета
Шаг 3: Перевернем вертикально фотографию в слое
Layer 1Теперь надо перевернуть фотографию в слое Layer 1, расположив ее вверх ногами под оригиналом, что даст нам эффект зеркального отражения. Для этого откройте Select в верхней части экрана и выберите All или же нажмите Ctrl + A (Win) / Command + A (Mac) на клавиатуре. Таким образом мы выбираем весь слой Layer 1, по его краям вы увидите контур:
Выбираем Select > All
После этого открываем меню Edit, затем Transform, затем Flip Vertical:
Открываем Edit > Transform > Flip Vertical
Фотография переворачивается вверх ногами по отношению к оригиналу, как нам и требовалось.
Прежде чем двигаться дальше, давайте уберем контур выделения. Для этого мы заходим в меню Select и выбираем Deselect либо нажимаем Ctrl + D (Win) / Command + D (Mac) на клавиатуре:
Выбираем Select > Deselect
Теперь у нас под оригинальной фотографией появилось ее зеркальное отражение:
Мы перевернули слой Layer 1 вертикально
Шаг 4: Объединим два этих слоя в один
Теперь нам нужно объединить оригинал и отражение в одном слое. Самый простой способ — сделать это с клавиатуры. Нажмите Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Как будто бы ничего не изменилось, но в панели слоев появился новый слой Layer 2, а на его миниатюре слева от названия мы видим, что он объединил в себе оба слоя, которые находятся под ним:
Слои Background Layer и Layer 1 теперь объединены в новом слое Layer 2
Шаг 5: Добавим чистый слой
Blank LayerНам нужно создать еще один слой, на этот раз чистый.
Для этого нажимаем на иконку New Layer в нижней части панели слоев:
Нажимаем на иконку New Layer
С изображением ничего не происходит, но в панели слоев в самом верху добавляется новый слой Layer 3:
Панель слоев с новым чистым слоем Layer 3
Шаг 6: Заливка нового слоя белым цветом
Новый слой необходимо залить белым. Для этого откройте Edit в верхней части экрана и выберите команду Fill:
Открываем Edit > Fill
Photoshop откроет диалоговое окно Fill. В опции Use, которая находится сверху, выберите White и убедитесь, что в опции Mode, которая находится ниже, установлено Normal, а значение Opacity — 100 %:
Опции Fill
Нажмите OK, окно закроется, и Photoshop зальет слой Layer 3 белым. На время он скроет из вида все остальное:
Так выглядит наше изображение после того, как слой Layer 3 залили белым
Шаг 7: С помощью фильтра
Halftone Pattern создаем черные и белые горизонтальные линииТеперь с помощью одного из фильтров Photoshop — Halftone Pattern — расчертим белый слой Layer 3 черными и белыми горизонтальными линиями.
Но предварительно следует убедиться, что цвета переднего и заднего планов выставлены по умолчанию (черный передний план и белый задний план). Это необходимо потому, что фильтр Halftone Pattern зависит от цветов переднего и заднего плана, а для целей данного урока нам необходимо, чтобы это были черный и белый цвета.
Проще всего восстановить настройки по умолчанию, нажав клавишу D (Defaults) на клавиатуре. В цветовых ячейках в нижней части панели инструментов вы должны увидеть, что слева вверху находится черный цвет (цвет переднего плана), а справа внизу — белый цвет (заднего плана):
Судя по цветовым ячейкам, цвета переднего и заднего планов заданы по умолчанию
Убедившись, что с цветами все нормально, выберем фильтр Photoshop CS6 Halftone Pattern. Он находится в галерее фильтров Filter Gallery. Открываем в верхнем меню Filter и выбираем Filter Gallery:
Открываем Filter > Filter Gallery
Открывается огромная галерея фильтров, большую часть которой занимает расположенная слева зона предварительного просмотра.
В среднем столбце находятся фильтры, разнесенные по различным категориям. Найдите категорию Sketch, щелкните по ее названию, и вы увидите список находящихся в ней фильтров. Выбираем Halftone Pattern:
Открываем категорию Sketch и выбираем фильтр Halftone Pattern
В правом столбце галереи фильтров появляются опции для настройки фильтра Halftone Pattern. Сначала выбираем Line в качестве Pattern Type. Затем, наблюдая за изменениями в зоне предварительного просмотра, сдвигаем ползунок Size, регулируя число черных и белых горизонтальных линий. Это наша будущая рябь на воде. Установим значение 10. Ниже находится ползунок Contrast, регулирующий четкость границ этих линий. Чем меньше значение, тем мягче эта граница. Нам понадобятся довольно мягкие линии, так что выставим Contrast 4:
Правый столбец с настройками фильтра Halftone Pattern
Нажмите OK, галерея Filter Gallery закроется, применив фильтр к слою Layer 3.
Теперь у вас должно получиться нечто в таком роде:
Изображение после применения фильтра Halftone Pattern
Шаг 8: Выделяем нижнюю половину изображения
Убедитесь, что у вас все еще выбран слой Layer 3 (он должен быть выделен синим цветом в панели слоев), после чего, удерживая клавишу Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре слоя Layer 1:
Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1
Выделится нижняя половина слоя Layer 3 (возможно, на скриншоте это не очень хорошо видно):
Выбрана нижняя половина слоя Layer 3
Шаг 9: Применяем команду
Perspective TransformВ верхней части экрана выберите Edit, затем Transform, затем Perspective:
Открываем Edit > Transform > Perspective
По углам нижней части слоя появляются манипуляторы (маленькие квадратики).
Щелкните мышью по нижнему левому или нижнему правому и переместите его немного от центра. Перемещая только один из них, вы увидите, что второй тоже смещается в противоположном направлении. Обратите внимание, что линии в нижней части слоя становятся толще, а у центра — тоньше. Это фильтр Perspective создает ощущение перспективы, что сделает нашу рябь более реалистичной, поскольку расстояние между кругами на воде будет увеличиваться пропорционально удалению от края:
Отводим левый манипулятор влево. Правый самостоятельно смещается вправо
Верхнюю половину слоя мы не трогаем, потому что эффект отражения будет применяться только к нижней половине изображения. Так что переживать за верхнюю половину смысла нет.
Закончив, нажмите Enter (Win) / Return (Mac), потом Ctrl + D (Win) / Command + D (Mac), чтобы убрать контур выделения (также можно открыть меню Select в верхней части экрана и выбрать Deselect, как мы уже делали раньше).
Теперь у вас должно получиться нечто подобное:
Слой после применения команды Perspective Transform
Шаг 10: Создаем копию слоя в новом документе
Из этого слоя мы сделаем карту смещений, но для начала нам нужно сохранить его в отдельном документе. Перейдите в меню Layer и выберите Duplicate Layer:
Открываем Layer > Duplicate Layer
Photoshop откроет диалоговое окно Duplicate Layer. В опции Document, которая находится в нижней половине окна, выберите New:
В опции Document устанавливаем New
Нажав OK, закройте диалоговое окно. Новый документ Photoshop откроется в новой вкладке. В верхней части экрана справа от первого документа появится вкладка с новым документом. Поскольку мы еще не задали его название (сделаем это сейчас), он называется Untitled-1:
Нажимая на вкладки, можно переключаться между открытыми документами
Шаг 11: Сохраним и закроем новый документ
Все, что нам нужно сделать с новым документом, это сохранить его и закрыть.
Перейдите в меню Layer и выберите Save As:
Нажимаем File > Save As
Откроется диалоговое окно Save As. Назовем свой документ water-ripples. Под названием файла находится опция Format, мы установим Photoshop.PSD, поскольку для создания карты смещений нам надо сохранить его как документ Photoshop. Не забудьте, куда вы сохраняете файл, чтобы потом его было просто найти. Сохраним файл в папке на рабочем столе. Закончив, нажмите Save, файл будет сохранен, а диалоговое окно закроется:
Дайте своему файлу название и сохраните его как Photoshop.PSD
Примечание: в зависимости от настроек Photoshop может открыться еще одно окно с опцией Maximize Compatibility. В таком случае просто нажмите OK и закройте окно.
Мы сохранили новый документ, так что теперь можно закрыть его, нажав на крестик рядом с его названием на вкладке. Вы заметите, что теперь у него новое название вместо Untitled-1 (в моем случае — water-ripples.
psd). А оригинальный документ остается открытым:
Закрываем новый документ, оставив оригинал
Шаг 12: Удаляем слой
Layer 3 в оригинальном документеВ оригинальном документе слой Layer 3 с линиями нам больше не нужен, так что выделите его в панели слоев и нажмите Backspace (Win) / Delete (Mac) на клавиатуре. Теперь у вас должно остаться три слоя, выделен верхний слой Layer 2:
Панель слоев после удаления слоя Layer 3
Шаг 13: Преобразуем слой
Layer 2 в смарт-объектТеперь мы готовы перейти к редактированию отражения с помощью фильтров, но сначала давайте преобразуем этот слой в смарт-объект. Таким образом и фильтры станут смарт-фильтрами, а это значит, что мы сохраним полный контроль над настройками этих фильтров до самого конца. Активировав слой Layer 2, нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:
Нажимаем на кнопку меню в панели слоев
Открывается меню с опциями, управляющими слоями.
Выбираем из списка вариант Convert to Smart Object:
Выбираем из списка вариант Convert to Smart Object
На первый взгляд как будто ничего и не произошло, но в правом нижнем углу миниатюры слоя Layer 2 появится значок Smart Object, а это значит, что операция выполнена успешно:
На миниатюре появился значок смарт-объект
Шаг 14: Применяем фильтр
Motion BlurДавайте для начала немного размоем этот слой. В верхней части экрана выберите Filter, затем Blur, затем Motion Blur:
Открываем Filter > Blur > Motion Blur
В диалоговом окне Motion Blur установим значение Angle 90°, чтобы задать вертикальное направление размытия, после чего сдвинем ползунок Distance, который находится в нижней части окна, немного вправо, добавив небольшое размытие (передвигая ползунок, следите за изображением).
Установим Distance 6 пикселей, но в данном случае фотография с небольшим разрешением. Если разрешение выше, то и число должно быть больше:
Открывается диалоговое окно с опциями фильтра Motion Blur
Нажмите OK, окно закроется, применив фильтр к изображению. Обратите внимание, размытие совсем небольшое. И не переживайте из-за того, что оно затронуло всю площадь кадра, вскоре мы это исправим:
Фотография после применения фильтра Motion Blur
Шаг 15: Применяем фильтр
DisplaceТеперь давайте создадим рябь на воде при помощи недавно созданной карты смещения. Вернитесь в меню Filter, выберите Distort, затем Displace:
Открываем Filter > Distort > Displace
Наложение фильтра Displace состоит из двух этапов. Сначала мы с помощью нескольких опций зададим степень воздействия карты смещения на пиксели изображения, а затем выберем файл, который будет служить картой смещения.
Основные опции мы зададим в появившемся диалоговом окне Displace. Нам понадобится горизонтальное искажение, похожее на расходящиеся в стороны круги на воде, для этого мы воспользуемся опцией Horizontal Scale, которая находится в верхней части окна. Зададим значение 4, но поскольку мы работаем со смарт-фильтром, в любой момент можно будет вернуться и изменить его.
Вертикальное движение нам не нужно, поэтому в опции Vertical Scale остается 0. Наконец, в опции Displacement Map выберите Stretch To Fit, а в опции Undefined Areas — Repeat Edge Pixels, если это не задано по умолчанию:
Задаем основные опции Displace
Нажав OK, закройте диалоговое окно. Появится второе окно, где мы выберем карту смещения. Откройте папку, в которую вы в 11-ом шаге сохранили файл water-ripples.psd. Выберите его и откройте при помощи кнопки Open:
Выбираем карту смещения
Когда мы открываем файл, Photoshop сразу же применяет карту смещения ко всему изображению, создавая ощущение водной ряби (опять же не переживайте, в следующем шаге мы это исправим):
Фотография после применения фильтра Displace
На панели слоев под слоем Layer 2 мы видим два смарт-фильтра (Motion Blur и Displace).
Хотя мы уже наложили оба этих фильтра, мы еще можем отрегулировать их. Если вы хотите попробовать изменить настройки, например, поменять значение Distance для фильтра Motion Blur или значение Horizontal Scale фильтра Displace, откройте любой из них двойным щелчком из панели слоев, и снова появится соответствующее диалоговое окно. В конце этого урока вы увидите, что настройки фильтра, которые дают превосходный результат на одной фотографии, не обязательно будут так же хорошо смотреться на другой. Всегда остается поле для экспериментов, поэтому наличие смарт-фильтров крайне полезно:
Под слоем Layer 2 находятся оба смарт-фильтра. Двойной щелчок откроет вам возможность отрегулировать их настройки
Шаг 16: Добавляем маску слоя
Теперь давайте уберем рябь с верхней половины фотографии с помощью маски слоя. Выбрав Layer 2, нажмите Ctrl (Win) / Command (Mac) на клавиатуре, а мышью выберите миниатюру слоя Layer 1:
Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1
Вокруг нижней части фотографии появится контур выделения:
В этот раз выделена нижняя половина снимка
В нижней части панели слоев выбираем Layer Mask:
Нажимаем Layer Mask
В панели слоев появится миниатюра маски слоя Layer 2, ее верхняя половина будет черная, а это значит, что она теперь скрыта из вида, а нижняя, белая, остается видна:
Панель слоев с новой маской слоя
Теперь рябь на воде видна только в нижней части изображения, а сверху — нетронутая оригинальная фотография:
Фотография после создания маски
Шаг 17: Раскрасим воду, создав новый слой для регулирования
Hue/SaturationЗавершим работу над спецэффектом, немного изменив оттенок воды.
Для этого нам понадобится новый корректирующий слой, но поскольку мы хотим отредактировать только нижнюю часть изображения, не забудьте нажать Alt (Win) / Option (Mac) на клавиатуре и мышью выбрать иконку New Adjustment Layer в нижней части панели слоев:
Удерживая Alt (Win) / Option (Mac), нажмите на иконку New Adjustment Layer
Из появившегося списка корректирующих слоев выберите Hue/Saturation:
Добавим слой для корректировки Hue/Saturation
Когда мы удерживаем Alt (Win) / Option (Mac), Photoshop открывает диалоговое окно для создания нового слоя, прежде чем его добавить. Выберите опцию Use Previous Layer to Create Clipping Mask. Photoshop «обрежет» корректирующий слой по слою, который находится ниже, то есть изменения будут затрагивать только нижнюю половину изображения (чтобы понять, как это работает, см. урок «Основы работы с Clipping Masks в Photoshop»):
Выбираем опцию Use Previous Layer To Create Clipping Mask
Нажмите OK, и диалоговое окно закроется, а Photoshop добавит новый слой для работы с Hue/Saturation непосредственно над слоем Layer 2 (с маской):
Корректирующий слой Hue/Saturation, ограничивающийся слоем Layer 2
Управлять новым слоем будем через панель Properties panel.
Сначала отмечаем опцию Colorize. Потом передвигаем ползунок Hue вправо примерно до 210, чтобы получить красивый голубой оттенок:
Опции Hue/Saturation в панели Properties
Вот что получилось, когда мы раскрасили нижнюю половину голубым:
Отражение в воде стало голубым
Шаг 18: Понижаем непрозрачность корректирующего слоя
Остался последний шаг: снизить непрозрачность корректирующего слоя, чтобы сделать добавленный голубой оттенок деликатнее. Опция Opacity находится в правом верхнем углу панели слоев. Снизим ее примерно до 25 %:
Значение Opacity снижено до 25 %
И все, готово! Вот окончательный вариант спецэффекта отражения в воде после снижения непрозрачности корректирующего слоя:
Конечный результат
Очень хорошо этот эффект смотрится и на пейзажах. Покажем его на примере одного снимка:
Оригинальный пейзаж
Фотография после создания спецэффекта.
В этот раз мы задали значение опции фильтра Motion Blur Distance 4 пикселя вместо 6 (шаг 14), в фильтре Displace (шаг 15) использовали значение Horizontal Scale всего 1 вместо 4, сделав всего лишь едва заметную рябь, а в последнем шаге (шаг 18) снизили Opacity корректирующего слоя Hue/Saturation до 10 % вместо 25 %. Как видите, конкретные показатели зависят от фотографии, так что экспериментируйте и оценивайте результат каждый раз заново:
Еще один пример применения того же спецэффекта.
Удачи вам!
Photoshop Эффект отражения воды
Автор сценария Стив Паттерсон.
В этом уроке Photoshop мы научимся легко добавлять реалистичное отражение воды к любой фотографии. Этот эффект очень легко создать, и вы можете добавить его к любой понравившейся фотографии, хотя лучше всего он работает с изображениями, в которых еще нет воды. Мы будем использовать простой фильтр и карту смещения, чтобы создать эффект ряби на воде, а также корректирующий слой Цветовой тон/Насыщенность, чтобы придать воде немного цвета.
Примечание к версии: Это руководство написано для Photoshop CS5 и более ранних версий. Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим совершенно новым учебным пособием по эффекту отражения в воде.
Вот фотография, с которой я буду работать в этом уроке:
Исходное изображение.
А вот как будет выглядеть наше изображение после добавления отражения воды:
Окончательный результат.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1: Дублируйте фоновый слой
С нашим изображением, недавно открытым в Photoshop, мы видим в палитре слоев, что в настоящее время у нас есть один слой, фоновый слой, который содержит наше изображение:
Исходное изображение на фоновом слое в палитре слоев.
Нам нужно продублировать фоновый слой, и мы можем сделать это с помощью сочетания клавиш Ctrl+J (Win) / Command+J (Mac). Теперь, когда я смотрю на свою палитру «Слои», я вижу, что теперь у меня есть два слоя — мой исходный фоновый слой внизу и новый слой «Слой 1» над ним, который является моей копией:
Нажмите «Ctrl+J» (Win) / «Command+J» (Mac), чтобы дублировать фоновый слой.
Шаг 2. Добавьте больше места на холсте внизу документа
Мы собираемся добавить наше отражение в воде под изображением, поэтому давайте добавим немного холста внизу нашего документа, чтобы освободить место для нашего отражения. Для этого перейдите в меню Изображение в верхней части экрана и выберите Размер холста . Это вызовет диалоговое окно Photoshop «Размер холста». Проще всего здесь добавить вдвое больше места на холсте, чем у нас есть сейчас, но мы хотим, чтобы он отображался только внизу документа, а не над ним или с какой-либо стороны, поэтому нам нужно указать Photoshop, где именно мы хотим, чтобы это дополнительное пространство холста исчезло.
Сначала введите 100 для высоты и установите измерение на процентов , как обведено красным ниже. Оставьте для параметра Width значение 0. Затем убедитесь, что установлен флажок Relative , который указывает Photoshop предоставить нам на 100% больше места на холсте, чем то, что у нас уже есть.
Под опцией «Относительно» находится сетка квадратов 3х3. Здесь мы сообщаем Photoshop, где мы хотим разместить дополнительное пространство холста. Щелкните внутри квадрата в середине верхнего ряда (опять же, как обведено ниже). Это говорит Photoshop не размещать дополнительное пространство холста над документом, а вместо этого размещать все это внизу:
Добавьте больше места на холсте с помощью диалогового окна «Размер холста».
Нажмите OK, чтобы выйти из диалогового окна, и Photoshop добавит дополнительное пространство холста внизу изображения:
хТеперь высота документа удвоена, а внизу добавлено дополнительное пространство холста.
Шаг 3. Отразите верхний слой по вертикали
Чтобы создать наше отражение, нам нужно перевернуть изображение вверх ногами, так что давайте сделаем это. С верхним слоем, выбранным в палитре слоев, перейдите к Edit меню в верхней части экрана, выберите Transform , а затем выберите Flip Vertical .
Фотошоп перевернет изображение вверх ногами в документе:
Перейдите в Редактирование > Трансформировать > Отразить по вертикали, чтобы перевернуть изображение на верхнем слое вверх ногами.
Шаг 4. Перетащите перевернутое изображение в нижнюю часть документа
Нам нужно, чтобы перевернутое изображение было внизу документа, поэтому возьмите инструмент Move Tool из палитры инструментов или нажмите V на клавиатуре для ярлыка:
Выберите инструмент «Перемещение».
Затем, выбрав инструмент «Перемещение», щелкните внутри документа и перетащите перевернутое изображение вниз до тех пор, пока его верхняя часть не совпадет с нижней частью исходного изображения над ним. Удерживайте нажатой Shift при перетаскивании, чтобы убедиться, что вы перетаскиваете вниз по прямой линии:
Перетащите перевернутое изображение ниже оригинала.
Шаг 5: Добавьте новый пустой слой
Теперь, когда у нас есть перевернутое изображение, мы можем начать создавать эффект ряби на воде.
Во-первых, нам нужно добавить новый пустой слой вверху палитры «Слои», поэтому с выбранным «Слой 1» щелкните значок 9.0007 Значок нового слоя внизу палитры слоев:
Добавить в документ новый пустой слой.
Шаг 6: Залейте новый слой белым цветом
Мы собираемся заполнить наш новый пустой слой белым цветом. Если белый в настоящее время не является вашим цветом фона, нажмите D на клавиатуре, что приведет к сбросу цветов переднего плана и фона Photoshop, сделав черный цветом переднего плана, а белый цветом фона. Затем используйте сочетание клавиш Ctrl+Backspace (Win) / Command+Delete (Mac), чтобы заполнить новый слой фоновым цветом (белым). Ваш документ будет заполнен сплошным белым цветом.
Теперь все изображение заполнено белым цветом.
Шаг 7. Примените фильтр «Полутоновый узор» для создания черно-белых горизонтальных линий
Перейдите в меню Filter в верхней части экрана, выберите Sketch , а затем выберите Halftone Pattern .
Это вызывает галерею фильтров Photoshop (в Photoshop CS и выше), для которой установлены параметры фильтра «Полутоновый узор» справа, с большим предварительным просмотром эффекта слева. Мы собираемся использовать этот фильтр, чтобы добавить к изображению серию черно-белых горизонтальных линий. Эти линии станут нашей рябью на воде. Чем больше у нас линий, тем больше ряби у нас будет.
Во-первых, мы хотим убедиться, что мы создаем линии, а не точки или круги, поэтому установите для параметра Pattern Type значение Lines . Мы контролируем количество строк, регулируя параметр Size . Более низкие значения дают нам больше линий, поскольку мы уменьшаем размер каждой строки, а более высокие значения дают нам меньше, но более толстые линии. Я собираюсь установить значение размера на 7, что, по моему мнению, лучше всего подходит для моего изображения. Вы можете поэкспериментировать с этим значением самостоятельно. Контраст 9Параметр 0008 под ним определяет, насколько острыми будут края линий.
Более низкие значения дают более мягкие линии, более высокие значения белого дают четкие линии краев. Установите это значение до 50 , чтобы придать вашим линиям острые края. Мы собираемся смягчить их сами с помощью фильтра Gaussian Blur через мгновение:
Настройте параметры фильтра «Полутоновый узор», чтобы создать серию черных и белых линий на изображении.
Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна, и Photoshop заполнит изображение сверху вниз вашими черными и белыми линиями:
Теперь изображение заполнено черными и белыми горизонтальными линиями.
Шаг 8: Примените фильтр «Размытие по Гауссу» к линиям
Прежде чем мы сможем использовать наши черные и белые линии в качестве водной ряби, нам нужно сгладить их и создать красивые плавные переходы между ними. Для этого снова перейдите в меню Filter , выберите Blur , а затем выберите Gaussian Blur , в результате чего откроется диалоговое окно «Размытие по Гауссу».
Следите за своим изображением и перетащите ползунок в нижней части диалогового окна, чтобы увеличить Значение радиуса , пока края линий не станут очень мягкими. Я использую маленькое изображение для этого урока, поэтому для меня хорошо подходит значение радиуса около 4 пикселей. Если вы используете более крупное изображение с высоким разрешением, вам нужно установить более высокое значение:
Используйте фильтр «Размытие по Гауссу», чтобы сгладить края линий.
Нажмите OK, чтобы выйти из диалогового окна и применить размытие к линиям.
Шаг 9: Дублируйте слой с линиями как новый документ
Мы собираемся создать новый документ из нашего слоя с линиями, который затем будем использовать в качестве карты смещения для нашей водной ряби. Выбрав слой линий, перейдите в меню Layer в верхней части экрана и выберите Duplicate Layer , что откроет диалоговое окно «Дублировать слой». В параметрах «Назначение» щелкните стрелку, указывающую вниз, справа от параметра Document и установите для него значение New , что создаст новый документ Photoshop из нашего слоя:
Установите для параметра «Документ» в диалоговом окне «Дублировать слой» значение «Новый».
Нажмите OK, чтобы выйти из диалогового окна, и ваш слой откроется в новом документе на экране.
Шаг 10: Сохраните новый документ и закройте его
Этот новый документ, который мы создали, станет нашей картой смещения, но прежде чем мы сможем его использовать, нам нужно его сохранить. Мы также закроем его после того, как сохраним, так как он нам больше не понадобится, и самый простой способ выполнить обе эти задачи — просто закрыть документ. Когда вы попытаетесь закрыть его, Photoshop скажет, что вы хотите сохранить документ перед его закрытием. Нажмите Да :
Выберите «Да», когда Photoshop спросит, хотите ли вы сохранить документ перед его закрытием.
Photoshop откроет диалоговое окно «Сохранить как ». Вы можете назвать свой новый документ как угодно. Я назову свою «Водяная рябь». Убедитесь, что вы сохранили его как файл Photoshop .PSD, так как это единственные файлы, которые Photoshop может использовать в качестве карты смещения.
Вы, вероятно, захотите сохранить документ на рабочий стол, так как нам нужно будет найти его снова через мгновение.
Шаг 11: Удалите слой линий
Теперь, когда мы использовали наши черные и белые линии для создания файла, который будем использовать в качестве карты смещения, мы можем избавиться от него. Для этого просто нажмите на него и перетащите вниз на значок корзины в нижней части палитры слоев:
Щелкните и перетащите слой с линиями («Слой 2») в корзину в нижней части палитры «Слои», чтобы удалить его.
Шаг 12: Объедините два слоя в новый слой
Прежде чем мы сможем добавить использование нашей карты смещения, нам нужно объединить два слоя изображения в новый слой над ними. Для этого, выбрав «Слой 1», используйте сочетание клавиш Shift+Ctrl+Alt+E (Победа) / Shift+Command+Option+E (Mac). В документе ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что оба слоя были объединены в новый слой вверху:
.
Оба слоя теперь объединены в новый слой «Слой 2».
Шаг 13: Используйте фильтр «Смещение», чтобы создать водную рябь
Мы готовы создать водную рябь, используя только что созданную карту смещения. С новым объединенным слоем, выбранным в палитре слоев, вернитесь к Меню Filter в верхней части экрана, выберите Distort и затем выберите Displace .
Это вызывает диалоговое окно фильтра Photoshop «Смещение». Здесь мы определяем силу нашего волнового эффекта, и мы делаем это с опцией Horizontal Scale вверху. Я собираюсь установить значение 4, что даст мне реалистичный эффект ряби. Вы можете поэкспериментировать с этим значением на своем изображении. Однако установка слишком высокого значения создаст слишком много горизонтальных искажений, и вы потеряете реализм.
Нам не нужны вертикальные искажения для создания нашего эффекта, поэтому установите для параметра Vertical Scale значение 0 .
Также убедитесь, что выбраны параметры Растянуть по размеру и Повторить пиксели края :
Выберите «Фильтр» > «Искажение» > «Смещение», чтобы открыть диалоговое окно «Смещение».
Нажмите OK в правом верхнем углу диалогового окна, и Photoshop спросит, какой файл вы хотите использовать в качестве карты смещения. Выберите файл, который вы только что сохранили минуту назад, который я сохранил на своем рабочем столе как «water-ripples.PSD», а затем нажмите «Открыть». Затем Photoshop применит карту смещения ко всему изображению, создав водную рябь:
Изображение после применения нашей карты смещения с фильтром «Смещение».
Шаг 14. Скройте рябь сверху с помощью слой-маски
Конечно, сейчас у нас небольшая проблема. Мы добавили эффект водной ряби ко всему изображению, и мы хотели, чтобы он был только в нижней половине. Мы можем легко исправить это, используя маску слоя. Во-первых, Удерживая нажатой клавишу Ctrl, щелкните (Win) / , удерживая нажатой клавишу Command, (Mac) непосредственно на миниатюре «Слой 1» в палитре «Слои», чтобы поместить выделение вокруг перевернутого изображения в нижней части документа:
«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) непосредственно на миниатюре слоя 1 в палитре «Слои», чтобы поместить выделение вокруг перевернутого изображения.
Вы увидите выделение вокруг нижней половины изображения в документе. Теперь, когда объединенный слой все еще выделен, щелкните значок Layer Mask в нижней части палитры слоев:
Щелкните значок «Маска слоя», чтобы добавить маску слоя к объединенному слою в верхней части палитры «Слои».
Photoshop добавит маску слоя к объединенному слою, и поскольку у нас было выделение вокруг нижней половины нашего документа, когда мы добавляли маску слоя, видимой остается только нижняя половина объединенного слоя. Верхняя половина становится невидимой, удаляя нежелательную рябь воды с этой части изображения:
Эффект ряби теперь скрыт в верхней половине изображения после применения маски слоя.
Шаг 15: Примените фильтр «Размытие по Гауссу» к маске слоя
Прежде чем мы добавим последний штрих, раскрасив воду, давайте немного смягчим края маски слоя, чтобы не было такой резкой разделительной линии между изображением сверху и водой внизу.
Для этого мы будем использовать фильтр Gaussian Blur, и, поскольку мы хотим применить его к маске слоя, нам нужно сначала выбрать маску. Мы можем сделать это, нажав на миниатюру маски слоя в палитре слоев:
Adobe Photoshop Tutorials: Нажмите на миниатюру маски слоя в палитре слоев, чтобы выбрать маску слоя.
Вы можете сказать, что маска слоя теперь выбрана по белой рамке выделения вокруг ее миниатюры. Мы собираемся применить фильтр Gaussian Blur к маске, поэтому вернитесь в меню Filter , выберите еще раз Blur , а затем выберите Gaussian Blur . Когда появится диалоговое окно, просто нажмите OK, чтобы применить то же значение радиуса, которое мы использовали ранее.
Шаг 16. Раскрасьте воду с помощью корректирующего слоя Hue/Saturation
Давайте закончим, добавив немного синего в нашу воду, и мы будем использовать для этого корректирующий слой Цветовой тон/Насыщенность. Мы хотим, чтобы корректирующий слой влиял только на нижнюю половину изображения, где есть водная рябь, поэтому удерживайте нажатой кнопку 9.
0007 Alt (Win) / Option (Mac), щелкните значок New Adjustment Layer в нижней части палитры слоев, затем выберите Hue/Saturation из списка корректирующих слоев:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый корректирующий слой», затем перетащите мышь на «Цветовой тон/Насыщенность», чтобы выбрать его.
Удерживая нажатой клавишу «Alt/Option», Photoshop открывает диалоговое окно «Новый слой» перед добавлением корректирующего слоя. Выберите Использовать предыдущий слой для создания обтравочной маски , установив флажок слева от него:
Выберите параметр «Использовать предыдущий слой для создания обтравочной маски» в диалоговом окне «Новый слой».
Этот параметр указывает Photoshop, что мы хотим, чтобы корректирующий слой влиял только на слой, находящийся непосредственно под ним в палитре слоев, и, поскольку слой под ним является слоем, содержащим нашу водную рябь, раскрашиваются только водные ряби, что мы и делаем.
хочу. Нажмите OK, чтобы выйти из диалогового окна.
Откроется диалоговое окно Цветовой тон/Насыщенность. Мы хотим раскрасить нашу воду, поэтому первое, что мы хотим сделать, это выбрать опцию Colorize в правом нижнем углу. Затем выберите желаемый цвет воды, перетащив ползунок Hue вверху. Я собираюсь перетащить ползунок вправо до значения около 218, что, по моему мнению, является хорошим цветом для моей воды:
.Используйте диалоговое окно Цветовой тон/Насыщенность, чтобы раскрасить воду.
Нажмите OK, чтобы выйти из диалогового окна, и вы увидите, что вода на дне окрашена, но в данный момент цвет слишком насыщенный.
Шаг 17: Уменьшите непрозрачность слоя Hue/Saturation
Чтобы уменьшить интенсивность цвета, который мы только что добавили к воде, все, что нам нужно сделать, это перейти к опции Opacity в правом верхнем углу палитры слоев и уменьшить значение непрозрачности. Я собираюсь снизить яркость до 25%, что добавит воде гораздо более реалистичный цвет:
.
Уменьшайте непрозрачность корректирующего слоя до тех пор, пока вода не приобретет лишь намек на цвет.
После того, как вы понизили непрозрачность корректирующего слоя, чтобы уменьшить интенсивность цвета воды, все готово! Вот мой окончательный результат «отражение в воде»:
Финальный эффект.
Просто для удовольствия, вот еще один пример точно такого же эффекта, примененного к другому изображению. Единственное, что я изменил здесь, это то, что я добавил только половину пространства холста под исходным изображением (я установил значение «Высота» в диалоговом окне «Размер холста» на 50% вместо 100%). Все остальное было сделано точно так же:
Еще один пример изображения с тем же эффектом.
И вот оно! Вот как можно добавить эффект отражения воды к изображению с помощью Photoshop! Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств по эффектам Photoshop!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Как создать идеальный эффект отражения в воде в Photoshop
В этом уроке вы узнаете, как создать идеальный эффект отражения в воде для различных объектов в Photoshop 2020.
На практическом примере вы научитесь создавать отражения, используя возможности Photoshop. Кроме того, получите общее представление о том, как это работает, чтобы адаптировать и модифицировать его по своему усмотрению.
Скачать PSD-файлы учебника бесплатно
PSD-файлы этого руководства можно бесплатно загрузить через PSD Vault Shop.
Что вы будете создавать
Мы посмотрим, как эффект отражения в воде выглядит в реальной жизни. Рассмотрим некоторые особенности и проблемы, связанные с назначением текстур и различными ситуациями, а также с тем, какие свойства они передают.
Мы рассмотрим несколько примеров цифрового творчества и создадим небольшую фотоманипуляцию, добавив к изображению отражение воды с помощью инструментов Photoshop. Мы начнем с подготовки места для отражения воды.
Мы преобразуем копию исходного изображения, чтобы имитировать зеркальное отображение. Далее мы применим фильтр, чтобы добавить искажения. Отрегулируйте тональный баланс, чтобы имитировать свойства воды в реальной жизни.
Напоследок несколько идей, как это можно улучшить, чтобы получить более интересный результат.
Учебные ресурсы
Ветряная мельница – Pixabay
Введение
Вода, она сияет и отражает все вокруг себя, и самое главное, она прозрачна.
В зависимости от многих условий поверхность воды меняется. Влияют ли на это погодные условия и масштаб, в котором вы это видите или хотите воссоздать? В сильный дождь или шторм это очень хаотично.
Учитывайте масштаб того, что вам нужно, текстуру и какой вид. Это поверхность океана, реки или небольшой лужи? Текстура меняется по мере приближения к зрителю. На горизонте он едва заметен, на переднем плане видна рябь или волны. Он не может содержать объекты на переднем плане, которые находятся очень далеко на поверхности земли.
Движущаяся вода может не иметь отражения, но направление ряби должно соответствовать движению воды. Вид воды издалека не так уж и прозрачен. Все цвета вокруг него отражаются и смешиваются с ним, иногда с большей насыщенностью и/или контрастностью.
Особенно пострадало небо и все на берегу. Даже большое скопление воды меняет свой цвет. Вы найдете еще больше возможностей, если уделите внимание наблюдению и изучению фотографий и реальной жизни.
Вам будет проще воссоздать это в цифровой работе, в зависимости от условий вашей задачи и результата. Главное передать суть/свойство/материал воды в своей работе и сохранить реализм.
Шаг 1
Давайте попробуем применить приведенные выше замечания на практике. Откройте изображение, к которому хотите применить отражение, в Photoshop. Перейдите в File > Open или используйте сочетание клавиш Cmd (Mac)/Ctrl (Win) + O . Если у вас есть свободное место на изображении, и оно не нарушит перспективу изображения, сделайте выделение этой области.
Используйте Rectangular Marquee Tool (M) или Polygonal Lasso Tool (L) и сделайте выделение, начиная с того места, где вы хотите определить береговую линию. Дублируйте содержимое выделения на новый слой, используя Cmd/Ctrl + J , или создайте новый слой и используйте Правка > Копировать/Вставить параметры .
Есть изображения, на которых нет свободного места для работы, поэтому вам нужно добавить пустое пространство на холст/рабочую область. Возьмите Crop Tool (C) и перетащите нижнюю границу вниз на желаемую величину и примените новые размеры документа.
Шаг 2
Дублируйте фоновый слой ( Cmd / Ctrl + J или Layer > Duplicate layer ) и перетащите его в верхнюю часть панели «Слои». Перейдите к Edit > Transform > Flip Vertical или сделайте то же самое с Free Transform Tool (Cmd / Ctrl + T или Edit > Free Transform > щелкните правой кнопкой мыши > Flip Vertical) . Создайте обтравочную маску из верхнего слоя с целевым изображением в слой из выделения ( Cmd/Ctrl + Opt/Alt + G или перейдите в Слой > Создать обтравочную маску ).
Шаг 3
Инструментом «Перемещение» (V) переместитесь вниз по слою, чтобы обе половины сошлись на одной линии или немного больше/меньше.
То есть зеркальное отражение – обе части смотрятся почти одинаково. Чтобы добиться более корректных результатов с физической, оптической или реалистичной точки зрения, нужно поиграть с положением слоя, а точнее его частей.
Шаг 4
Теперь давайте подготовим текстуру искажения и применим ее к воде. Цифровой аналог, из которого можно создать множество форм и поведения воды — текстуры облаков и шумов. Это одна из закономерностей природы, подмеченная учеными и воплощенная в цифровой версии. Создать новый слой (используйте значок в нижней части панели «Слои» или используйте сочетание клавиш Cmd/Ctrl + Opt/Alt + Shift + N ). Установите цвета фона и переднего плана на по умолчанию (D) . Примените фильтр «Fibers» ( Filter > Render > Fibers ). Вы можете поиграть с настройками, чтобы создать другую текстуру.
Шаг 5
Полученная текстура имеет неправильное направление. С помощью Free Transform Tool (Cmd/Ctrl+T или Edit > Free Transform) , поверните его на 90 градусов и трансформируйте так, чтобы он занимал всю рабочую область или больше.
Удерживайте Shift на клавиатуре для непропорционального преобразования. Сохраните это как новый документ с помощью File > Save As или Cmd/Ctrl + Shift + S на жестком диске. А пока скройте текстуру, щелкнув значок глаза рядом со слоем. Он понадобится позже.
Шаг 6
Примените фильтр «Смещение» ( Фильтр > Искажение > Смещение ) к перевернутому фоновому слою. Каждый рабочий случай, изображение и масштаб текстуры могут привести к разным результатам. Попробуйте найти то, что точно работает для вашего образа. Я использую настройки, как показано на изображении ниже. В диалоговом окне после нажатия ОК вас попросят указать текстуру, которую вы сохранили до этого. Вы можете применить фильтр еще несколько раз, но с другой текстурой, чтобы получить более интересную текстуру.
Шаг 7
Чтобы текстура после искажения выглядела более гладкой, продублируйте этот слой (Cmd/Ctrl + J).
Добавить фильтр «Размытие в движении» (Фильтр > Размытие > Размытие в движении) с Угол: 0 градусов, Расстояние: 10 пикселей . Вы можете добавить больше этого эффекта, и тогда большая часть деталей исчезнет. Это подходит для фотографий городов на расстоянии. Вы также можете задать небольшое направление с помощью настройки угла. С помощью маски слоя вы можете контролировать распространение размытия. В итоге я убрал размытие возле берега мягкой круглой кистью Brush Tool (B) . Для изображений дальнего действия в этом может не быть необходимости.
Шаг 8
Часть рисунка готова! Теперь давайте поработаем над цветовыми и тональными характеристиками для отражения. Во-первых, немного измените баланс света и тени. Для этого я использую корректирующий слой «Уровни» (Слой > Новый корректирующий слой > Уровни или используйте иконку в нижней части панели «Слои»). В моем случае я немного осветляю тени и удаляю блики с помощью ползунков, как показано на изображении ниже.
Для вашего изображения вам придется немного поиграть с настройками, чтобы найти значение, подходящее для вашего случая. Сделайте из этого слоя Clipping Mask для стека слоев отражения, нажав на кнопку в нижней части панели Properties.
Шаг 9
Теперь я могу сделать береговую линию немного темнее, а пространство с отражением, которое ближе к зрителю, светлее. Для этого создайте новый слой ( Cmd/Ctrl + Shift + N ) в качестве обтравочной маски (Cmd/Ctrl + Opt/Alt + G) к слою с отражением и возьмите Инструмент «Градиент» (G) . По умолчанию Черно-белый линейный градиент нарисуйте градиент от береговой линии к нижнему краю документа. Измените режим наложения на «Мягкий свет» и уменьшите непрозрачность примерно до 55% , заливку примерно до 30% .
Шаг 10
Созданная ранее текстура будет использоваться для добавления легкой ряби на поверхности.
Для этого вам нужно использовать Distort Tool ( Layer > Transform > Distort или Cmd/Ctrl + T ). Удерживая Opt/Alt + Shift , потяните за угол в сторону, трансформируйте слой так, чтобы он был больше на переднем плане и уменьшался по мере приближения к береговой линии. Опустите верхнюю границу вблизи уровня береговой линии. Примените фильтр Displace из Шаг 7 . При желании вы можете использовать такие фильтры, как «High Pass», «Emboss» и т. д., чтобы добавить больше глубины текстуре. Измените режим наложения на «Мягкий свет» или «Наложение» и уменьшите Заливку слоя примерно до 40% .
Резюме
Понаблюдайте вокруг себя или посмотрите на исходное изображение, где вы хотите применить эту текстуру, чтобы определить, какой вариант поможет вам больше всего передать желаемый эффект. Считайте это базовым рабочим процессом, но изменяйте, добавляйте все, что хотите, к каждому шагу, чтобы добиться максимально красивого и реалистичного результата.
Ведь это то, что вам нужно в конце работы. Не бойтесь выходить за рамки софта, стиля и жанра.
Самое главное, не стесняйтесь творить и экспериментировать! Спасибо за внимание и удачи вам в ваших творческих проектах! Есть что добавить или спросить? Используйте раздел комментариев ниже!
Теги: отражение воды
Эффект отражения в Photoshop | Создание отражений в воде в Photoshop
В Photoshop обычно используется ряд графических приемов улучшения и проектирования. Одна из таких замечательных техник, которая популярна и использует простые инструменты фотошопа, — это эффект отражения. Он широко используется в логотипах, рекламе и т. д. для текстовых эффектов и изображений для создания размытого зеркального эффекта, например, для создания обоев места для веб-сайта путешествий и туризма с местами, где есть озера и водоемы. Этот эффект может быть полезен для графического дизайна. Тем не менее, он использует очень мало компонентов, таких как движение и размытие по Гауссу, свободное преобразование, инструменты выделения и так далее.
Давайте попробуем создать несколько примеров, чтобы узнать об этом эффекте.
Эффект отражения воды в Photoshop
Это один из наиболее часто используемых эффектов отражения, который, вероятно, также можно быстро определить. На многих живописных фотографиях все отражения воды, и поверьте мне, многие из них действительно обработаны в Photoshop!!
Шаг 1: Прежде всего, возьмите изображение, отражение которого необходимо создать. Перейдите в Файл, выберите соответствующее изображение, и теперь мы можем редактировать все, что хотим.
Шаг 2: Я бы предложил сначала преобразовать слой и преобразовать его в обычный слой, сначала дважды щелкнув фоновый слой и присвоив ему имя Слой 0.
Шаг 3: Теперь выберите слой с изображением и, с помощью Rectangular marquee tool или Polygonal Lasso Tool вырезаем водную часть.
Шаг 4: Теперь продублируйте слой, выбрав Duplicate Layer и выбрав Edit and Transform, затем Flip Vertical.
Вы увидите перевернутое изображение вырезанной части. Итак, используя инструмент перемещения, поместите его под исходное изображение.
Шаг 5: Теперь пришло время создать водную рябь. Во-первых, пусть будет выбран дубликат слоя. Теперь выберите «Фильтр»> «Размытие»> «Размытие в движении». И установите значения следующим образом: Угол: 90 градусов, Расстояние: 30 пикселей. Вы увидите что-то вроде этого.
Шаг 6: Теперь пришло время придать воде эффект Smudgy. Поэтому я взял инструмент «Палец», и я много экспериментировал, поэтому меня наконец устроили эти значения. Вы можете создавать свои собственные значения в зависимости от изображения, которое вы выбрали для отражения воды. Итак, установите размер кисти: 150, жесткость: 0 и силу: 20 процентов.
Шаг 7: Обычно человек доволен тем, что мы создали, но давайте еще немного поэкспериментируем и добавим больше эффектов.
Во-первых, давайте создадим новый слой и заполним его белым цветом с помощью инструмента Заливка. Кроме того, давайте добавим к нему Noise Filter, чтобы придать водным волнам более естественный волнистый эффект. Итак, перейдите в «Фильтр»> «Шум»> «Добавить шум». Убедитесь, что вы выбрали новый слой здесь. Теперь установите следующие значения (опять же, они могут различаться в зависимости от изображения) Сумма: 400 %, Распределение: Гауссово и нажмите кнопку Монохроматический.
Шаг 8: Добавим еще один фильтр. Выберите «Фильтр» > «Размытие» > «Размытие в движении». Теперь вы можете установить следующие значения и поэкспериментировать. Угол: 0 градусов, Расстояние: 40 пикселей, и давайте также добавим немного контраста в цвета для улучшения параметров наложения позже. А также посмотрите, что получится, если использовать клавиши CTRL+L и инвертировать цвета. Таким образом, вы можете добавить и увидеть следующее, 1 ст тон: 147, средний тон: 1,53 и последний тон: 219.
Шаг 9: Давайте добавим перспективу, чтобы лучше видеть глаз. Таким образом, вы можете выбрать следующее Edit, Transform, затем Perspective. Теперь просто перетащите любой угол нижней части с помощью мыши в сторону в соответствии с вашим выбором.
Шаг 10: Теперь перетащите этот слой в сторону воды и настройте его по своему желанию.
Шаг 11: Теперь вы можете щелкнуть правой кнопкой мыши по слою и перейти к параметрам наложения. При этом установите следующие значения. Непрозрачность: 30 % и режим наложения: Мягкий свет. Это будет что-то вроде этого.
Шаг 12: И это финал!!!!… Пожалуйста, сделайте свои собственные эффекты отражения воды.
Ювелирная реклама Эффект отражения
Возможно, это самый распространенный из всех, но я решил сделать это, чтобы концепция отражения стала для вас более ясной. Мы будем использовать аналогичные методы здесь, чтобы сделать наше украшение более привлекательным для невооруженного глаза.
Шаг 1: Выберите «Файл» > «Поместить» и поместите изображение, которое необходимо отредактировать первым.
Шаг 2: Как только это будет сделано, я предлагаю выбрать инструмент «Кадрирование» на основе моего изображения и обрезать лишнюю часть изображения, чтобы мы могли создать отражение. Обычно, если у нас недостаточно места для отражения, мы можем даже использовать Image, затем Canvas Size и увеличить размер холста ниже, чтобы дать отражение ниже.
Шаг 3: Теперь давайте сделаем копию нашего украшения. Выберите инструмент «Волшебная палочка» слева. Теперь с помощью клавиши Shift на клавиатуре выберите всю область, кроме украшений, как показано ниже.
Шаг 4: Теперь перейдите в Select>Inverse, и вы обнаружите, что вместо этого выбрано My piece of jewelry. Теперь перейдите к Слою, нажмите «Создать», а затем выберите «Слой через копирование».
Это сделает копию ювелирных изделий.
Шаг 5: Теперь перейдите к Edit Transform и Flip Vertical. Теперь выберите непрозрачность до 30% и настройте по своему вкусу.
Шаг 6: Теперь я верю в использование самого простого способа, и это инструмент «Ластик». Пожалуйста, установите следующие значения, и вы сможете смягчить украшения по своему вкусу. Жесткость: 30 и кисть: 38 пикселей.
Шаг 7: Вы даже можете использовать этот эффект. Перейдите в «Фильтр»> «Размытие», затем «Размытие по Гауссу». Установите радиус на 1,5. Теперь ваше отражение выглядит естественно.
Вы даже можете использовать этот эффект в следующих областях. Этот эффект широко используется в любой рекламе с отражением, например, в бокале для вина или в посуде. Текстовые эффекты для создания эффекта отражения и т. д.
Заключение
Часто гораздо проще воспроизвести в Photoshop, чем поймать на пленке.
