Эффект воды в фотошопе: Как сделать текстуру воды в фотошопе
Красивый эффект водной ряби в Adobe Photoshop
В этом уроке мы научимся создавать водный эффект. Урок довольно прост, но несмотря на то, что его выполнению не сопутствуют трудности, результат выглядит очень классно! Мы будем использовать различные фильтры, работать с режимом наложения и совсем немного пользоваться кистью.
Шаг 1
Откройте Photoshop и создайте документ размером 2880×1800 px. Залейте фон черным цветом.
Шаг 2
Нам понадобится хорошее фото воды и волны. В примере использована фотография An image of a beautiful water background, но вы можете взять любую другую похожую. Вставьте фото в документ и снизьте opacity / непрозрачность слоя до 60%.
Шаг 3
Зайдите в Layer>New Adjustment Layer>Hue and Saturation / Слой > Новый корректирующий слой > Цветовой тон и насыщенность. Укажите для параметра Hue / Цветовой тон значение в 0, для Saturation / Насыщенности значение в -71, и для Lightness / Свет значение 0.
Шаг 4
Зайдите в Layer>New Adjustment Layer>Levels / Слой > Новый корректирующий слой > Уровни. Укажите значения 0, 0.5 и 255.
Шаг 5
В меню выберите Layer>New Adjustment Layer>Brightness and Contrast / Слой >Новый корректирующий слой > Яркость и контраст. Укажите Укажите 0 для Brightness / Яркости и -35 для Contrast / Контраста.
Шаг 6
Создайте новый слой поверх остальных. Залейте слой черным цветом и смените Blend Mode / Режим наложения на Multiply / Умножение. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью белого цвета рисуйте в центре изображения. Наша цель — сделать виньетку. Сохраните документ как копию, назвав его Displace.psd.
Шаг 7
Вставьте в документ ваш логотип, или то, к чему вы хотите применить эффект.
Шаг 8
Не снимая выделения с нового слоя, выберите FIlter>Distort>Displace / Фильтр > Искажение >Смещение. Укажите параметры как на картинке ниже. После чего используйте файл Displace.psd, который вы сохранили в шестом шаге.
Шаг 9
Вот что у вас должно получиться. Значения параметров могу варьировать в зависимости от изображений, которые вы используете. Так что экспериментируйте с параметрами, чтобы добиться наилучшего результата.
Шаг 10
Выберите в меню Filter>Blur>Gaussian Blur / Фильтр >Размытие > Размытие по Гауссу. Укажите радиус в 3 px. Также после этого можете применить Tilt-Shift blur, чтобы размыть края…
Шаг 11
Добавьте маску слою с логотипом. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью черного цвета рисуйте по краям логотипа сверху и снизу. Нам нужно сделать эти части темнее — ведь они под водой.
Завершение
Последнее что нам нужно сделать — это дублировать оригинальный слой с водой и поместить копию поверх всех остальных слоев. Для этого слоя смените Blend Mode / Режим наложения на Overlay / Перекрытие. Вот и всё!
Автор урока abduzeedo
Перевод — Дежурка
Смотрите также:
- Создание подводной сцены в Photoshop
- Рисуем дождь в Adobe Photoshop
- Подводный мир в фотошопе
- Опубликовано в Уроки, февраля 22, 2014
- Метки: водная рябь, подводный мир фотошоп, урок adobe photoshop, урок photoshop, урок фотошоп, урок фотошопа, уроки фотошоп, уроки фотошопа
Tweet
�
Комментарии
[an error occurred while processing the directive]
Бесплатные текстуры воды для фотошопа
Услуги Ретуши Фотографий > Бесплатные текстуры для 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 Эффект отражения воды
Автор сценария Стив Паттерсон.
В этом уроке 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 Tutorial
Автор сценария Стив Паттерсон.
В этом уроке Photoshop Effects , мы научимся легко добавлять реалистичные водные ряби к изображению! Photoshop поставляется с фильтром, разработанным специально для создания эффекта водной ряби, но вы никогда не узнаете об этом из названия фильтра (нет, это не Ripple или Ocean Ripple, это было бы слишком просто).
Фильтр, который мы будем использовать, неплохо справляется сам по себе, но, как мы увидим в этом уроке, запустив фильтр дважды, используя каждый раз разные настройки, а затем объединив результаты, мы можем создать более реалистичную воду. Волновой эффект.
В этом уроке я буду использовать Photoshop CS5, но подойдет любая последняя версия.
Вот изображение, с которого я начну:
Исходное изображение.
Вот как это будет выглядеть после добавления ряби на воду, как будто капли дождя падают на поверхность:
Окончательный эффект водной ряби.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1: выберите инструмент Elliptical Marquee Tool
Первое, что нам нужно сделать, это нарисовать выделение вокруг области, где появится водная рябь. Так как водная рябь имеет эллиптическую форму, мы будем использовать эллиптический инструмент выделения. Выберите инструмент Photoshop Elliptical Marquee Tool на панели инструментов. По умолчанию он вложен за инструментом «Прямоугольная область», поэтому щелкните значок инструмента «Прямоугольная область» и удерживайте кнопку мыши нажатой в течение секунды или двух, пока не появится всплывающее меню, затем выберите в меню инструмент «Овальная область»:
Выберите инструмент Elliptical Marquee Tool.
Шаг 2. Растяните эллиптическое выделение
Выбрав инструмент Elliptical Marquee Tool, растяните эллиптическое выделение там, где вы хотите, чтобы на изображении появилась первая водная рябь. Попробуйте сопоставить форму выделения с перспективой изображения, чтобы водная рябь ближе к вам казалась более круглой, чем рябь дальше на расстоянии:
Нарисуйте свое первое эллиптическое выделение.
Шаг 3. Сделайте две копии выбранной области
С контуром выделения нажмите Ctrl+J (Win) / Command+J (Mac) на клавиатуре дважды , чтобы сделать две копии выделенной области (вы также можете перейти к Layer , выберите New , а затем дважды выберите Layer через Copy , но сочетание клавиш намного быстрее). Каждая копия будет добавлена к своему слою на панели «Слои». Будет выбран верхний слой (выделен синим цветом):
Две копии выделенной области появляются над фоновым слоем.
Шаг 4. Временно отключите верхний слой
На данный момент нам нужно скрыть верхний слой, поэтому щелкните его значок видимости слоя (глазное яблоко) в крайнем левом углу слоя на панели «Слои», что временно скроет слой из поля зрения в окне документа:
Глазное яблоко исчезнет, когда вы щелкнете по значку, сообщая, что слой теперь скрыт.
Шаг 5: выберите слой под ним
Теперь, когда верхний слой скрыт, щелкните слой под ним на панели «Слои», чтобы выбрать его:
Щелкните в нижней части двух слоев, чтобы выбрать его.
Шаг 6. Загрузите выделение вокруг содержимого слоя
Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните непосредственно миниатюру предварительного просмотра слоя на панели «Слои»:
Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните миниатюру предварительного просмотра слоя.
Это помещает контур выделения вокруг содержимого слоя в документе, что означает, что контур выделения, который вы нарисовали минуту назад, снова появится. Причина, по которой мы загружаем контур выделения перед выбором фильтра, что мы и сделаем дальше, заключается в том, чтобы ограничить эффект фильтра областью внутри выделения, иначе Photoshop применил бы его ко всему изображению:0003
Контур выделения снова появляется в документе.
Шаг 7. Применение фильтра ZigZag
Как я упоминал в начале урока, Photoshop на самом деле поставляется с фильтром, созданным специально для добавления водной ряби к изображению, но вы никогда не догадаетесь, какой именно, просто взглянув на названия фильтров. Нам нужен не Ripple или Ocean Ripple. Он называется ZigZag (да, правильно, ZigZag). Перейдите к меню Filter в строке меню в верхней части экрана, выберите Distort , а затем выберите ZigZag внизу списка:
Выберите «Фильтр» > «Искажение» > «Зигзаг».
Фильтр ZigZag искажает изображение, придавая ему форму водной ряби. В нижней части диалогового окна фильтра находится параметр Style , который определяет, как Photoshop искажает изображение. Есть три варианта: Вокруг центра , Вне центра и Рябь пруда (настройка по умолчанию). Каждый из них дает немного отличающийся эффект водной ряби, и один обычно дает лучшие результаты, чем два других, в зависимости от выбранной области изображения. Попробуйте каждый из них и оцените результаты в окне предварительного просмотра в левом верхнем углу диалогового окна. Я останусь с Pond Ripples по умолчанию, но вам может подойти другой вариант:
Выберите параметр «Стиль», который лучше всего подходит для выбранной области изображения.
Ползунок Amount регулирует интенсивность эффекта водной ряби, а ползунок Ridges изменяет количество выступов. Следите за окном предварительного просмотра в диалоговом окне, чтобы просмотреть результаты при перетаскивании ползунков влево и вправо (эффект фактически не применяется к изображению, пока вы не нажмете «ОК»). Мы собираемся запустить фильтр ZigZag дважды, по одному разу на каждом из двух созданных нами слоев. Для этого начального эффекта ряби добавьте много гребней. Когда мы закончим, они появятся вокруг внешнего края ряби. Я собираюсь увеличить значение Ridges примерно до 9.0007 12 и я увеличу интенсивность эффекта, установив значение Amount примерно на 70 :
Измените внешний вид водной ряби с помощью ползунков «Количество» и «Хребты».
Когда закончите, нажмите OK, чтобы выйти из диалогового окна и применить фильтр к выбору:
Начальный эффект водной ряби.
Шаг 8: выберите верхний слой и снова включите его
Щелкните верхний слой на панели «Слои», чтобы выбрать его, затем щелкните его значок видимости слоя , чтобы снова включить слой в документе:
Выберите и включите верхний слой.
Шаг 9. Повторное применение фильтра ZigZag
Нам нужно снова применить фильтр ZigZag, на этот раз к верхнему слою. Поскольку это был последний фильтр, который мы использовали, мы можем быстро получить доступ к его диалоговому окну, нажав Ctrl+Alt+F (Win) / Command+Option+F (Mac). Эффект, который мы применяем к этому верхнему слою, станет центральной областью водной ряби, а центр обычно имеет меньше выступов, чем внешний край, а это значит, что на этот раз нам понадобится более тонкий эффект. я собираюсь изменить свой Style option до Out From Center и я уменьшу значение Ridges до 4 . Стиль Out From Center имеет тенденцию давать менее интенсивный результат, чем два других стиля, поэтому для компенсации я увеличу значение Amount до 100 :
.Измените внешний вид ряби на воде с помощью ползунков «Количество» и «Хребты».
Когда закончите, нажмите OK, чтобы еще раз выйти из диалогового окна фильтра ZigZag. Вторая водная рябь появляется внутри выделения на верхнем слое:
Второй, более тонкий эффект водной ряби.
Шаг 10: уменьшите контур выделения с помощью преобразования выделения
Перейдите в меню Выберите в верхней части экрана и выберите Преобразовать выделение :
Выберите «Выделение» > «Преобразовать выделение».
Команда «Трансформировать выделение» работает очень похоже на команду «Свободное преобразование» в Photoshop, за исключением того, что она влияет на сам контур выделения, а не на пиксели внутри контура выделения. Удерживайте Shift+Alt (Win) / Shift+Option (Mac), нажмите на ручку (маленький квадрат) в верхнем левом углу ограничительной рамки «Трансформировать выделение», затем перетащите ручку к центру выделения. пока контур выделения не составит около 50-60% от исходного размера. Удерживание клавиши Shift при перетаскивании ограничивает форму контура выделения, а клавиша Alt/Option позволяет нам изменять размер контура выделения от его центра. Нажмите Введите (Win) / Верните (Mac), когда вы закончите принимать трансформацию:
Уменьшите контур выделения до 50-60% от исходного размера.
Шаг 11: инвертировать и удалить выделение
Перейдите к меню . Выберите в верхней части экрана и выберите Inverse или нажмите Shift+Ctrl+I (Win) / Shift+Command+I (Mac), чтобы получить доступ к той же команде с помощью сочетание клавиш:
Выберите «Выбор» > «Инвертировать».
Это инвертирует наше выделение, так что область в центре водной ряби теперь не выделяется, а все вокруг нее на слое 9.0511 выбрано . Нажмите Backspace (Win) / Удалить (Mac) на клавиатуре, чтобы удалить все вокруг центра водной ряби, которая показывает более уплотненные гребни возле внешнего края на слое ниже. Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы удалить контур выделения из документа:
Эффект водной ряби теперь более тонкий в центре, с большим количеством гребней у внешнего края.
Шаг 12. Объедините два слоя вместе
Выбрав верхний слой на панели «Слои», перейдите в меню Layer в верхней части экрана и выберите Merge Down или нажмите Ctrl+E (Win) / Command+E (Mac ) для доступа к той же команде с более быстрой комбинацией клавиш:
Выберите «Слой» > «Объединить вниз».
Это объединяет два слоя водной ряби в один слой:
Два слоя были объединены в один слой.
Шаг 13. Примените фильтр размытия по Гауссу
Фильтр ZigZag иногда может создавать резкие, неровные области в водной ряби, поэтому давайте немного смягчим их, применив легкий эффект размытия. Перейдите в меню Filter , выберите Blur , затем выберите Gaussian Blur :
Выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».
Это вызывает диалоговое окно Gaussian Blur в Photoshop. Нам нужно лишь небольшое размытие, чтобы смягчить края. Значение Radius около 0,4 пикселя 9Обычно достаточно 0008:
Очень небольшое размытие — это все, что нам нужно.
Нажмите OK, чтобы выйти из диалогового окна Gaussian Blur, и наша первая водная рябь была добавлена к изображению:
Рябь воды после смягчения резких областей с помощью Gaussian Blur.
Шаг 14: повторите шаги, чтобы добавить больше ряби воды по мере необходимости
Чтобы добавить больше водной ряби к изображению, начните с нажатия на фоновый слой на панели «Слои», чтобы выбрать исходное изображение, а затем просто повторите шаги 2–13 для каждой водной ряби, которую нужно добавить.