Как сделать воду в фотошопе
Обновлено: 30.06.2024
Вода прекрасна, но создавать ее цифровой эффект с нуля может быть ужасно из-за сложности, с которой вам приходится сталкиваться. Однако всегда есть время, когда вам, как профессионалу, приходится создавать эффект воды, будь то для личного использования или коммерческого проекта.
Что ж, хорошая новость заключается в том, что для вас всегда есть надежда, и надежда всегда исходит из Интернета. Зная сложность создания эффекта воды, многие страстные дизайнеры зашли так далеко, что создали учебные пособия и замечательные ресурсы, которые помогут вам добиться художественного и реалистичного эффекта воды.
В этом посте мы собрали список руководств по эффектам воды, которые покажут вам блестящие способы создания эффектов воды, варьирующихся от капель до дождя и водопадов. В конце учебного раздела мы также приготовили для вас кисти Photoshop, которые даже ускорят ваш процесс создания, так что прыгайте и покупайте их все!
Учебники
В этом разделе представлены подробные учебные пособия, которые помогут вам создавать различные эффекты воды, такие как дождь, брызги воды, капли, пузыри, рябь и даже реалистичный текстовый эффект воды. Изучите их все!
Дождь, дождь, уходи
Вы когда-нибудь видели комиксы с супергероем, стоящим под дождем? Что ж, если ответ «да», тогда продолжайте читать это руководство, так как оно покажет вам, как добиться нужного эффекта.
Создание плаката к фильму о войне
Используйте стоковые изображения, чтобы создать потрясающий постер фильма с изображением дождя внутри. Вы будете поражены конечным результатом, так как он выглядит так, как будто это реклама настоящего фильма!
Руководство по дождю
Создать дождь на фотографии на самом деле легко, но не многие люди знают, как это сделать, и вот руководство, которое научит вас создавать красивый эффект дождя на вашем изображении.
Подробный урок по созданию дождя в Photoshop. Хороший учебник как для начинающих, так и для опытных пользователей.
Фотомонтаж с эффектом воды
Перенеситесь в движущуюся воду, но не вините меня, если кто-то вставит вам в голову соломинку и начнет вас пить!
Влияние воды на продукты
Создайте потрясающую рекламу, в которой на ваш объект падает волна брызг! Проверьте это!
Создайте красивую сцену под водой
Создайте волшебную подводную сцену. Подробно и понятно.
Создание воды из-под крана
Конечный результат очень похож на настоящий. Что делает этот учебник еще лучше, так это то, что он включает подробные шаги, которые может повторить любой дизайнер.
Водяная рябь
Узнайте, как создать рябь на воде простым способом. Всего за 10 шагов вы создадите рябь на воде!
Вытесняющая вода
Создайте реалистичную водную поверхность, которая отражает окружающую среду и придает поверхности ощущение жидкости.
Создайте шелковистые гладкие водопады
Хорошее руководство, которое научит вас превращать обычный водопад в гладкий шелковистый водопад.
Реалистичный водный текст в Cinema 4D и Photoshop
Любите типографику? Что ж, превратите свой текст в реалистичный и даже художественный дизайн воды!
Дождливый день
Создаем каплю воды и немного увеличиваем место под ней, чтобы придать ей более реалистичный вид. Это именно то, чему вас научит это руководство.
Капли воды
Подробное руководство по созданию реалистичных капель воды. Один из лучших уроков по каплям воды.
Опускание листьев
Очень простое, но подробное руководство по созданию капель воды на листьях.
Водяные кисти
Брызги воды, капли, дождь, водопады, что угодно, у нас есть ресурс! Используйте эти готовые кисти, чтобы повысить свою продуктивность и создать лучшие водные рисунки.
Кисть Анараша
Кисти Photoshop с реалистичными эффектами воды. Стоит сохранить их как ресурс!
Кисти с эффектом воды
Набор кистей Photoshop, состоящий из различных эффектов воды, таких как брызги, которые идеально подходят для создания фона, поскольку представляют собой кисти с высоким разрешением.
Всплеск воды
«Водяные щетки охлаждают вас».
Брызги воды
Из набора вы можете получить 10 аква-кистей с брызгами, каплями, водой и другими элементами.
Вода — Том 1
Предварительный просмотр ниже на самом деле сделан с этим набором кистей и пользовательскими цветами, так что вы, вероятно, видели возможности этого набора кистей!
Водяные кисти
Набор кистей Photoshop и GIMP, состоящий из различных форм воды для различных настроек освещения.
Кисти Water II
Второй набор кистей для воды Obsidian Dawn включает в себя больше форм воды со средним размером 2000 пикселей, что говорит о высоком разрешении!
Капли воды
Случайный набор кистей с эффектом воды, который вы можете использовать, когда это возможно.
Кисти дождя
Этот набор кистей содержит 8 кистей для различных степеней дождя, в том числе изморось, умеренный, проливной, умеренный+ветер, морось+ветер и морось+туман.
Кисти «Дождь — слезы»
В комплекте 280 кистей с каплями дождя и слез, которые варьируются от отдельных капель до полностью случайных узоров. Детализация варьируется от мультяшных капель до идеальной слезы.
Водопад
Вам нужны кисти-водопады? Итак, вот вам набор.
Отражение в воде
Кисти, сделанные с картины автора, при правильном использовании принесут большую пользу, как и другие наборы.
В этом уроке по Photoshop мы научимся легко добавлять реалистичное отражение в воде к любой фотографии. Этот эффект очень легко создать, и вы можете добавить его к любой понравившейся фотографии, хотя лучше всего он работает с изображениями, в которых еще нет воды. Мы будем использовать простой фильтр и карту смещения, чтобы создать эффект ряби на воде, а также корректирующий слой Цветовой тон/Насыщенность, чтобы придать воде немного цвета.
Примечание к версии. Это руководство было написано для Photoshop CS5 и более ранних версий. Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим совершенно новым учебным пособием по эффекту отражения в воде.
Вот фотография, с которой я буду работать в этом уроке:
А вот как будет выглядеть наше изображение после добавления отражения в воде:
Это руководство из нашей серии фотоэффектов. Начнем!
Шаг 1. Дублируйте фоновый слой
С нашим изображением, недавно открытым в Photoshop, мы видим в палитре слоев, что в настоящее время у нас есть один фоновый слой, который содержит наше изображение:
Нам нужно продублировать фоновый слой, и мы можем сделать это с помощью сочетания клавиш Ctrl+J (Win)/Command+J (Mac). Теперь, когда я смотрю на свою палитру «Слои», я вижу, что теперь у меня есть два слоя: мой исходный фоновый слой внизу и новый слой «Слой 1» над ним, который является моей копией:
Шаг 2. Добавьте больше места на холсте внизу документа
Мы собираемся добавить наше отражение в воде под изображением, поэтому давайте добавим немного холста внизу нашего документа, чтобы освободить место для нашего отражения. Для этого перейдите в меню «Изображение» в верхней части экрана и выберите «Размер холста». Это вызовет диалоговое окно Photoshop «Размер холста». Проще всего здесь добавить в два раза больше места на холсте, чем у нас есть сейчас, но мы хотим, чтобы он отображался только внизу документа, а не над ним или с какой-либо стороны, поэтому нам нужно указать Photoshop, где именно мы хотим, чтобы это дополнительное пространство холста исчезло.
Во-первых, введите 100 для высоты и установите измерение в процентах, как обведено красным ниже. Оставьте для параметра «Ширина» значение 0. Затем убедитесь, что установлен флажок «Относительный», который указывает Photoshop предоставить нам на 100% больше места на холсте, чем то, что у нас уже есть. Под опцией «Относительно» находится сетка квадратов 3х3. Здесь мы сообщаем Photoshop, где мы хотим разместить дополнительное пространство холста. Щелкните внутри квадрата в середине верхнего ряда (опять же, как обведено ниже). Это говорит Photoshop не размещать дополнительное пространство холста над документом, а вместо этого размещать все это внизу:
Нажмите «ОК», чтобы выйти из диалогового окна, и Photoshop добавит дополнительное пространство холста внизу изображения:
х
Шаг 3. Отразите верхний слой по вертикали
Чтобы создать наше отражение, нам нужно перевернуть изображение вверх ногами, так что давайте сделаем это. Выбрав верхний слой в палитре «Слои», перейдите в меню «Правка» в верхней части экрана, выберите «Преобразовать», а затем выберите «Отразить по вертикали». Photoshop перевернет изображение в документе вверх ногами:
Шаг 4. Перетащите перевернутое изображение в нижнюю часть документа
Нам нужно, чтобы перевернутое изображение было внизу документа, поэтому возьмите инструмент «Перемещение» из палитры «Инструменты» или нажмите клавишу V на клавиатуре, чтобы открыть ярлык:
Затем, выбрав инструмент «Перемещение», щелкните внутри документа и перетащите перевернутое изображение вниз, пока его верхняя часть не совпадет с нижней частью исходного изображения над ним. Удерживайте нажатой клавишу Shift при перетаскивании, чтобы убедиться, что вы перетаскиваете вниз по прямой линии:
Шаг 5. Добавьте новый пустой слой
Теперь, когда у нас есть перевернутое изображение, мы можем приступить к созданию эффекта водной ряби. Во-первых, нам нужно добавить новый пустой слой в верхней части палитры «Слои», поэтому, по-прежнему выделенный «Слой 1», щелкните значок «Новый слой» в нижней части палитры «Слои»:
Шаг 6. Залейте новый слой белым цветом
Мы собираемся заполнить наш новый пустой слой белым цветом. Если белый цвет в настоящее время не является вашим фоновым цветом, нажмите D на клавиатуре, что приведет к сбросу цветов переднего плана и фона Photoshop, сделав черный цветом переднего плана, а белый — цветом фона. Затем используйте сочетание клавиш Ctrl+Backspace (Win)/Command+Delete (Mac), чтобы заполнить новый слой фоновым цветом (белым). Ваш документ будет заполнен сплошным белым цветом.
Шаг 7. Примените фильтр «Полутоновый узор» для создания черно-белых горизонтальных линий
Перейдите к меню «Фильтр» в верхней части экрана, выберите «Эскиз», а затем выберите «Полутоновый узор». Это вызывает галерею фильтров Photoshop (в Photoshop CS и выше), для которой установлены параметры фильтра «Полутоновый узор» справа, с большим предварительным просмотром эффекта слева. Мы собираемся использовать этот фильтр, чтобы добавить к изображению серию черно-белых горизонтальных линий. Эти линии станут нашей рябью на воде. Чем больше у нас линий, тем больше будет ряби.
Во-первых, мы хотим убедиться, что создаем линии, а не точки или круги, поэтому установите для параметра "Тип узора" значение "Линии". Мы контролируем количество строк, настраивая параметр «Размер». Более низкие значения дают нам больше линий, поскольку мы уменьшаем размер каждой строки, а более высокие значения дают нам меньше, но более толстые линии. Я собираюсь установить значение размера на 7, что, по моему мнению, лучше всего подходит для моего изображения. Вы можете поэкспериментировать с этим значением самостоятельно. Параметр «Контраст» под ним определяет, насколько резкими будут края линий. Более низкие значения дают более мягкие линии, более высокие значения белого дают четкие линии краев. Установите это значение на 50, чтобы придать вашим линиям острые края. Мы собираемся смягчить их сами с помощью фильтра «Размытие по Гауссу»:
Настройте параметры фильтра "Полутоновый узор", чтобы создать серию черных и белых линий на изображении.
Когда закончите, нажмите OK, чтобы выйти из диалогового окна, и Photoshop заполнит изображение сверху вниз черными и белыми линиями:
Шаг 8. Примените к линиям фильтр «Размытие по Гауссу»
Прежде чем мы сможем использовать наши черные и белые линии в качестве ряби на воде, нам нужно сгладить их и создать красивые плавные переходы между ними. Для этого снова перейдите в меню «Фильтр», выберите «Размытие», а затем выберите «Размытие по Гауссу», в результате чего откроется диалоговое окно «Размытие по Гауссу». Следите за своим изображением и перетащите ползунок в нижней части диалогового окна, чтобы увеличить значение радиуса до тех пор, пока края линий не станут очень мягкими. Я использую маленькое изображение для этого урока, поэтому для меня хорошо подходит значение радиуса около 4 пикселей. Если вы используете более крупное изображение с высоким разрешением, вам нужно установить более высокое значение:
Нажмите "ОК", чтобы выйти из диалогового окна и применить размытие к линиям.
Шаг 9. Дублируйте слой с линиями как новый документ
Мы собираемся создать новый документ из слоя с линиями, который затем будем использовать в качестве карты смещения для нашей водной ряби. Выбрав слой линий, перейдите в меню «Слой» в верхней части экрана и выберите «Дублировать слой», чтобы открыть диалоговое окно «Дублировать слой». В параметрах «Назначение» щелкните стрелку, указывающую вниз, справа от параметра «Документ» и установите для него значение «Создать», что создаст новый документ Photoshop из нашего слоя:
Нажмите OK, чтобы выйти из диалогового окна, и ваш слой откроется в новом документе на экране.
Шаг 10. Сохраните новый документ и закройте его
Этот новый документ, который мы создали, станет нашей картой смещения, но прежде чем мы сможем его использовать, нам нужно его сохранить. Мы также закроем его после того, как сохраним, так как он нам больше не понадобится, и самый простой способ выполнить обе эти задачи — просто закрыть документ. Когда вы попытаетесь закрыть его, Photoshop скажет, что вы хотите сохранить документ перед его закрытием. Нажмите Да:
Photoshop откроет диалоговое окно «Сохранить как». Вы можете назвать свой новый документ как угодно. Я назову свою "Водяная рябь". Убедитесь, что вы сохранили его как файл Photoshop .PSD, так как это единственные файлы, которые Photoshop может использовать в качестве карты смещения. Возможно, вы захотите сохранить документ на рабочий стол, так как через некоторое время нам нужно будет найти его снова.
Шаг 11. Удалите слой с линиями
Теперь, когда мы использовали наши черные и белые линии для создания файла, который будем использовать в качестве карты смещения, мы можем от него избавиться.Для этого просто нажмите на него и перетащите вниз на значок корзины в нижней части палитры слоев:
Нажмите и перетащите слой с линиями («Слой 2») в корзину в нижней части палитры «Слои», чтобы удалить его.
Шаг 12. Объедините два слоя в новый слой
Прежде чем мы сможем добавить использование нашей карты смещения, нам нужно объединить два слоя изображения в новый слой над ними. Для этого с выбранным «Слой 1» используйте сочетание клавиш Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E (Mac). В документе ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что оба слоя были объединены в новый слой вверху:
Шаг 13. Используйте фильтр «Смещение», чтобы создать водную рябь
Мы готовы создать водную рябь, используя только что созданную карту смещения. Выбрав новый объединенный слой в палитре «Слои», вернитесь в меню «Фильтр» в верхней части экрана, выберите «Искажение», а затем выберите «Смещение».
При этом открывается диалоговое окно фильтра Photoshop «Смещение». Здесь мы определяем силу нашего волнового эффекта, и мы делаем это с помощью параметра «Горизонтальный масштаб» вверху. Я собираюсь установить значение 4, что даст мне реалистичный эффект ряби. Вы можете поэкспериментировать с этим значением на своем изображении. Однако установка слишком высокого значения приведет к слишком большому искажению по горизонтали, и вы потеряете реализм.
Для создания эффекта нам не нужны вертикальные искажения, поэтому установите для параметра «Масштаб по вертикали» значение 0. Кроме того, убедитесь, что выбраны параметры «Растянуть по размеру» и «Повторить пиксели края»:
Нажмите «ОК» в правом верхнем углу диалогового окна, и Photoshop спросит, какой файл вы хотите использовать в качестве карты смещения. Выберите файл, который вы только что сохранили минуту назад, который я сохранил на своем рабочем столе как «water-ripples.PSD», а затем нажмите «Открыть». Затем Photoshop применит карту смещения ко всему изображению, создав водную рябь:
Вы увидите выделение вокруг нижней половины изображения в документе. Теперь, когда объединенный слой все еще выделен, щелкните значок «Маска слоя» в нижней части палитры «Слои»:
Нажмите значок «Маска слоя», чтобы добавить маску слоя к объединенному слою в верхней части палитры «Слои».
Photoshop добавит маску слоя к объединенному слою, и поскольку при добавлении маски слоя у нас было выделение вокруг нижней половины документа, видимой остается только нижняя половина объединенного слоя. Верхняя половина становится невидимой, удаляя нежелательную рябь воды с этой части изображения:
Нажмите OK, чтобы выйти из диалогового окна, и вы увидите, что вода на дне окрашена, но в данный момент цвет слишком яркий.
Шаг 17. Уменьшите непрозрачность слоя Hue/Saturation
Чтобы уменьшить интенсивность цвета, который мы только что добавили к воде, все, что нам нужно сделать, это перейти к параметру «Непрозрачность» в правом верхнем углу палитры «Слои» и уменьшить значение непрозрачности. Я собираюсь полностью снизить яркость примерно до 25%, что сделает воду более реалистичной:
После того как вы понизили непрозрачность корректирующего слоя, чтобы уменьшить интенсивность цвета воды, все готово! Вот мой окончательный результат "отражение в воде":
Для интереса, вот еще один пример точно такого же эффекта, примененного к другому изображению. Единственное, что я изменил здесь, это то, что я добавил только половину пространства холста под исходным изображением (я установил значение «Высота» в диалоговом окне «Размер холста» на 50% вместо 100%). Все остальное было сделано точно так же:
И вот оно! Вот как можно добавить эффект отражения воды к изображению с помощью Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Прошло довольно много времени с тех пор, как я играл с текстурами воды. Я просматривал несколько замечательных иллюстраций на Behance и Pinterest, когда увидел несколько примеров, которые действительно вдохновили меня попробовать что-то новое и узнать немного больше о Photoshop и фильтре Displace.
Итак, в этом уроке я покажу вам, как создать действительно классный эффект с текстурой воды и фильтром смещения.
Шаг 1
Откройте Photoshop и создайте новый документ. Я использую 2880x1800 пикселей. После этого залейте фоновый слой черным цветом.
Шаг 2
Нам понадобится красивая фотография воды и ряби или волн. Тот, который я использую, любезно предоставлен Shutterstock под названием «Изображение красивого водного фона» Маркуса Ганна. После этого измените непрозрачность этого слоя на 60%.
Шаг 3
Перейдите в меню «Слой»> «Новый корректирующий слой»> «Цветовой тон и насыщенность». Измените оттенок на 0, насыщенность на -71 и яркость на 0.
Шаг 4
Выберите Слой>Новый корректирующий слой>Уровни. Используйте 0, 0,5 и 255 для входных данных.
Шаг 5
Выберите «Слой»> «Новый корректирующий слой»> «Яркость и контрастность». Используйте 0 для яркости и -35 для контрастности.
Шаг 6
Добавьте новый слой поверх всех остальных слоев, включая корректирующие. Залейте этот слой черным цветом и измените режим наложения на Умножение. С помощью Brush Tool (B) используйте очень мягкую кисть и белый цвет, чтобы нарисовать в центре холста. Идея состоит в том, чтобы создать красивый эффект виньетки. После этого сохраните этот документ под именем Displace.psd.
Шаг 7
Добавьте свой логотип в дизайн.
Шаг 8
Выбрав слой с логотипом, выберите «Фильтр»> «Искажение»> «Смещение». Используйте значения ниже. После этого используйте файл Displace.psd, который вы сохранили на шаге 6.
Шаг 9
Это результат, который вы получите на данный момент. Значения могут различаться в зависимости от изображения, которое вы используете для фильтра Displace. Поэтому пробуйте разные варианты, пока не получите результат, который вас удовлетворит.
Шаг 10
Выберите Фильтр>Размытие>Размытие по Гауссу. Используйте 3 пикселя для Радиуса. Вы также можете применить размытие Tilt-Shift после этого, чтобы сделать края размытыми.
Шаг 11
Добавьте маску к символу, а затем с помощью инструмента "Кисть" (B) и очень мягкой кисти черного цвета начните закрашивать края символа сверху и снизу. Идея состоит в том, чтобы сделать эти части темнее, поскольку они находятся под водой.
Заключение
Последнее, что нужно сделать, это просто продублировать исходное изображение воды и изменить порядок, чтобы он был поверх всех остальных слоев, затем изменить режим наложения на Overlay, и все готово. Весь процесс довольно прост, но конечный результат просто прекрасен. Теперь вы можете попробовать сами.
Вам не нужно плыть против течения, чтобы добавить эффект подводного мира к своему следующему дизайну. В этом кратком руководстве вы узнаете, как старший арт-директор Adobe Лидия Лукьянова создает карту смещения в Adobe Photoshop, чтобы смешать векторный текст и получить яркие результаты.
Лидия Лукьянова — художник и дизайнер Adobe Studio, специализирующаяся на иллюстрациях для iPad. Ее иллюстрации охватывают весь спектр от леттеринга до анимации.
Ознакомьтесь с техникой Лукьяновой, описанной ниже.
Прежде чем начать.
Используйте эти образцы изображений или потренируйтесь со своими собственными.
Шаг 1. Подготовьте изображение
Начните с создания карты смещения пузырьков, применив корректирующий слой Цветовой тон/Насыщенность. Лукьянова обесцветила изображение и применила размытие по Гауссу, прежде чем сохранить файл как новый документ Photoshop.
Шаг 2. Выберите слово
Вернувшись к исходному изображению воды, Лукьянова набрала слово МЕЧТА и преобразовала текстовый слой в смарт-объект.
Шаг 3. Запустите эффект
Чтобы сформировать текст вокруг пузырьков, примените фильтр «Смещение» («Фильтр» > «Искажение» > «Смещение») и настройте параметры для получения желаемого эффекта. Затем при появлении запроса выберите документ Photoshop, который вы сохранили ранее, чтобы использовать его в качестве карты смещения.
Шаг 4. Усовершенствуйте внешний вид
Лукьянова продублировала слой с водой и переместила его на верхний слой, чтобы исказить пузыри вокруг букв. Затем она создала обтравочную маску (Слои > Создать обтравочную маску), чтобы вода соответствовала форме букв. Затем она установила режим наложения на исключение и уменьшила процент заливки. Она закончила внешний вид, изменив режим наложения текстового слоя на Luminosity.
Поддерживайте творческий потенциал.
Используйте эту технику, чтобы применить текстуру к плоским изображениям и добавить глубины вашим композициям.
Примечание. Файлы проекта, включенные в это руководство, предназначены только для практических целей.
Больше возможностей с Adobe Photoshop.
Создавайте красивые изображения с помощью кистей Photoshop, заливки с учетом содержимого, фотоэффектов, нейронного фильтра, замены неба и многих других инструментов, на которые полагаются фотографы.
Читайте также: