Как сделать брызги в фотошопе
Обновлено: 21.11.2024
В этом уроке вы узнаете, как создать абстрактную композицию-всплеск в Photoshop.
Подробности руководства
Программа: Photoshop CS5
Расчетное время выполнения: 30 минут
Обучающие материалы
При создании этого руководства использовались следующие ресурсы.
Теперь, когда у нас есть все необходимое, давайте начнем!
Шаг 1. Создайте новый файл шириной 675 пикселей и высотой 1000 пикселей.
Шаг 2. Теперь откройте текстуру стены и вставьте ее в наш файл
Шаг 4. Теперь измените режим наложения слоя выше на Overlay.
Шаг 5. Откройте изображение танцовщицы, выберите его с помощью инструмента "Перо" и вставьте в наш файл.
Шаг 6. Выберите инструмент Easer и сотрите некоторые части изображения модели
Шаг 7. Откройте изображение воды и вставьте его в наш файл
Шаг 9. Теперь измените режим наложения слоя на «Цвет».
Шаг 10. Теперь вставьте воду еще раз, а затем нажмите на изображение> Настройки> Цветовой тон/Насыщенность
Шаг 12. Мы добавим внешнее свечение мазку кисти, поэтому для этого нажмите «Слой» > «Стиль слоя» > «Внешнее свечение».
Шаг 13. Теперь повторите тот же процесс, но на этот раз добавьте внешнее свечение синего цвета.
Шаг 14. Теперь выберите облачные кисти и произвольно используйте их поверх нашего файла.
Шаг 15. Выберите инструмент "Многоугольное лассо" и создайте несколько фигур, а затем залейте их разными цветами.
Шаг 16. Теперь измените режим наложения слоя выше на «Мягкий свет».
Шаг 19. Щелкните слой> Стиль слоя> Внешнее свечение и добавьте внешнее свечение к слою выше.
Шаг 20. Теперь, чтобы закончить, добавьте несколько звездочек посередине.
И теперь наш эффект Super Splash готов. Надеюсь, вам понравилось, и вы узнали что-то интересное.
Кроме того, вы можете сэкономить время и силы, купив готовый экшен Photoshop с эффектом водяных брызг, как показано ниже, и применить его к своему изображению, чтобы получить эти потрясающие эффекты за считанные минуты!
Никакая часть этих материалов не может быть воспроизведена каким бы то ни было образом без явного письменного согласия Entheos. Любое несанкционированное использование, совместное использование, воспроизведение или распространение этих материалов любыми средствами, электронными, механическими или иными, строго запрещено.
Нет времени на выбор? Узнайте, как создать быстрый и простой эффект Color Splash в Photoshop, используя только корректирующий слой Gradient Map, слой-маску и кисть! Отлично подходит для фотографий природы и пейзажей. Для Photoshop CC и CS6.
В этом уроке по Photoshop мы научимся очень простому способу добавления к фотографии эффекта цветного всплеска! «Всплеск цвета», также известный как «выборочный цвет», — это когда мы преобразуем изображение в черно-белое, а затем восстанавливаем цвет только в одной области. Обычно мы восстанавливаем цвет конкретного объекта, например, платья или цветка. На самом деле, я рассказываю о простом способе сделать это в нашем уроке Easy Selective Color Effect, где я возвращаю цвет в красное платье женщины.
Но для некоторых типов фотографий, особенно пейзажей на открытом воздухе, может быть эффективнее восстановить цвет не в каком-то одном объекте, а в общей области. Часто на пейзажных фотографиях отсутствует четкий объект, из-за чего взгляд зрителя блуждает. Ограничивая цвет только одной областью, например, листьями на дереве или водой под мостом, мы упрощаем сцену, перенося фокус на эту область. Это может быть отличным способом создать более интересное и убедительное изображение, а также это просто классный эффект и очень весело! А поскольку мы не выбираем что-то конкретное на изображении, нет необходимости делать какой-либо трудоемкий выбор. Обычно достаточно одного клика кистью!
Что вы узнаете
Чтобы создать эффект цветного всплеска, мы воспользуемся корректирующим слоем «Карта градиента», чтобы быстро преобразовать наше изображение в черно-белое. Затем мы будем использовать встроенную маску слоя Gradient Map вместе с инструментом Photoshop Brush Tool, чтобы мгновенно восстановить цвет в одной области. Наконец, мы ослабим цвет, чтобы он лучше сочетался с черно-белым окружением, и мы сделаем это, используя параметры маски слоя на панели «Свойства». Как только вы узнаете шаги, весь эффект цветового всплеска займет всего несколько минут от начала до конца. Посмотрим, как это работает!
Вот пример того, как будет выглядеть окончательный эффект всплеска цвета, когда мы закончим. Обратите внимание, что только деревья слева цветные, а остальная часть изображения остается черно-белой. В конце урока мы узнаем, как настроить интенсивность цвета, чтобы он лучше соответствовал вашему конкретному изображению:
Начнем!
Как создать эффект всплеска цвета
В этом уроке я использую Photoshop CC, но каждый шаг совместим с Photoshop CS6.
Шаг 1. Откройте изображение
Для начала откройте изображение в Photoshop. Вот изображение, которое я буду использовать (фото осенней листвы из Adobe Stock)
Шаг 2. Установите цвета переднего плана и фона по умолчанию
Сейчас мы воспользуемся корректирующим слоем «Карта градиента», чтобы преобразовать наше цветное изображение в черно-белое. Но для того, чтобы это работало, нам сначала нужно убедиться, что для наших цветов переднего плана и фона установлены значения по умолчанию. Текущие цвета переднего плана и фона можно увидеть на образцах цветов в нижней части панели инструментов. По умолчанию цвет переднего плана (верхний левый образец) должен быть черным, а цвет фона (нижний правый образец) — белым. Если вы видите разные цвета, нажмите букву D на клавиатуре ("D" для "по умолчанию"), чтобы сбросить их:
Шаг 3. Добавьте корректирующий слой карты градиента
Если мы посмотрим на панель «Слои», мы увидим, что наше изображение находится на фоновом слое:
Нам нужно преобразовать наше изображение в черно-белое, и мы можем сделать это очень быстро, используя настройку изображения карты градиента. Но вместо того, чтобы вносить постоянные изменения в изображение, мы применим карту градиента в качестве неразрушающего корректирующего слоя. Щелкните значок «Новый слой-заливка» или «Корректирующий слой» в нижней части панели «Слои»:
Затем выберите «Карта градиента» из списка:
Photoshop добавляет корректирующий слой «Карта градиента» с именем «Карта градиента 1» над изображением на фоновом слое:
Кроме того, карта градиента мгновенно преобразует наше изображение из цветного в черно-белое. Для большего контроля над черно-белым преобразованием вы также можете использовать черно-белый корректирующий слой. Но в большинстве случаев карта градиента отлично подходит для нашего эффекта цветового всплеска и дает отличные результаты:
Шаг 4. Выберите инструмент «Кисть»
Если мы снова посмотрим на панель «Слои», мы увидим миниатюру маски слоя на нашем корректирующем слое «Карта градиента». Это связано с тем, что корректирующие слои в Photoshop включают встроенную маску слоя. Обратите внимание, что миниатюра показывает белую рамку выделения вокруг себя, что говорит нам о том, что маска слоя в данный момент выбрана. Мы будем использовать эту маску слоя, чтобы вернуть цвет части изображения:
Для этого мы будем рисовать на маске слоя черным цветом. Выберите инструмент «Кисть» на панели инструментов:
Шаг 5. Установите черный цвет переднего плана
Photoshop использует текущий цвет переднего плана в качестве цвета кисти. Итак, чтобы рисовать черным цветом, нам нужно установить черный цвет переднего плана. Раньше, когда мы сбрасывали цвета переднего плана и фона на их значения по умолчанию, Photoshop устанавливал цвет переднего плана на черный, а цвет фона на белый. Так что вы можете подумать, что мы готовы идти.
Чтобы изменить цвет переднего плана на черный (а цвет фона на белый), нажмите букву X на клавиатуре, чтобы поменять их местами:
Шаг 6. Уменьшите жесткость кисти до 0%
Выбрав инструмент «Кисть», щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), в любом месте окна документа. Откроется палитра предустановленных кистей в Photoshop. Убедитесь, что значение жесткости снижено до 0%. Это дает нашей кисти мягкий, растушеванный край, так что, когда мы рисуем, мы создадим плавные переходы между цветной областью изображения и его черно-белым окружением. Нажмите Enter (Win)/Return (Mac) на клавиатуре, чтобы закрыть окно выбора настроек кисти:
Шаг 7. Проверьте параметры кисти
Прежде чем мы начнем рисовать, убедитесь, что для параметров инструмента «Кисть» на панели параметров установлены значения по умолчанию. Параметр «Режим» (сокращение от «Режим наложения») должен быть установлен на «Нормальный», «Непрозрачность» должна быть на 100%, а «Поток» также должен быть установлен на 100%:
Шаг 8. Измените размер кисти
Наведите курсор кисти на область, где вы хотите восстановить цвет. Затем измените размер кисти с помощью левой клавиши и скобки на клавиатуре. Клавиша правой скобки ( ] ) увеличивает кисть, а клавиша левой скобки ( [ ) уменьшает ее. Вам нужно, чтобы кисть была достаточно большой, чтобы окружить область, которую вы хотите раскрасить. В моем случае я расположим и изменю размер кисти так, чтобы она окружала деревья справа, а также отражение деревьев в воде:
Шаг 9. Нажмите, чтобы восстановить цвет
Затем, используя черный цвет кисти, щелкните область, чтобы восстановить ее первоначальный цвет. Вы также можете щелкнуть и перетащить, чтобы рисовать с помощью инструмента "Кисть", но эффект обычно выглядит лучше всего одним нажатием:
Если вы недовольны результатом, отмените щелчок, перейдя в меню «Правка» в строке меню и выбрав инструмент «Отменить кисть». Или выберите команду «Отменить» на клавиатуре, нажав Ctrl+Z (Win)/Command+Z (Mac). В любом случае работает:
Затем измените размер или положение курсора кисти по мере необходимости и повторите попытку. На этот раз я расположим кисть над деревьями слева и уменьшу кисть, несколько раз нажав клавишу левой квадратной скобки ( [ ) на клавиатуре:
Я щелкну кистью, чтобы восстановить цвет, и вот результат. Второй образ мне нравится больше:
Шаг 10. Смягчение цвета с помощью ползунка плотности
Если мы посмотрим на миниатюру маски слоя на панели «Слои», мы увидим область черного цвета, на которой мы щелкнули. Это область, где эффекты карты градиента скрыты, что позволяет просвечивать исходные цвета изображения на фоновом слое:
Если вы обнаружите, что восстановленные вами цвета выглядят слишком интенсивными по сравнению с черно-белым изображением, или вы просто хотите создать более тонкий эффект, вы можете ослабить цвет с помощью ползунка «Плотность» на панели «Свойства». Если мы посмотрим на панель «Свойства», то увидим, что в данный момент просматриваем параметры карты градиента. Чтобы переключиться на параметры маски слоя, щелкните значок маски слоя вверху:
Ползунок «Плотность» похож на параметр «Непрозрачность» для маски слоя. Снижение плотности ослабляет эффект маски, поэтому она оказывает меньшее влияние. Так как мы используем маску слоя, чтобы восстановить исходный цвет, мы можем ослабить цвет, просто уменьшив значение плотности. Чтобы уменьшить его, щелкните ползунок Плотность и перетащите его влево. Чем дальше вы перетащите, тем больше вы обесцветите цвет. Я уменьшу свой до 75%:
И вот, после уменьшения цвета с помощью ползунка Плотность, мой окончательный результат всплеска цвета:
И вот оно! Вот как можно быстро и легко создать эффект цветного всплеска, используя корректирующий слой Gradient Map и слой-маску в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
В этом уроке по Photoshop показано, как создавать потрясающие брызги воды и добавлять их на фотографии, чтобы они действительно выделялись! Внимание, спойлер, это гораздо проще сделать, чем вы думаете, посмотрите видео и убедитесь сами, а затем поделитесь своими эффектами водяных брызг с остальными на странице CAFE в Facebook (присоединяйтесь здесь — это безопасно и бесплатно).< /p>
Мы проводим конкурс на лучшее изображение брызг воды на нашей странице CAFE в Facebook (присоединяйтесь здесь – это безопасно и бесплатно). Участие бесплатное, и вы можете выиграть бесплатное премиальное руководство по PhotoshopCAFE.
Некоторое время назад мне посчастливилось разместить одну из своих фотографий на обложке журнала Photoshop User Magazine. (для обложки, которую я написал).
Это фотография модели Лланы, которую я сделал в своей студии.
Затем я добавил брызги воды и 3D-эффект для урока, который написал в журнале.
Поскольку этот эффект был так хорошо принят, я решил сделать краткий учебник по Photoshop здесь, в PhotoshopCAFE. Этот урок переходит непосредственно к делу, и я покажу вам, как именно я создаю эффекты водяных брызг. Посмотрите видео выше и прочитайте текст ниже, чтобы увидеть все шаги.
Для этого урока я решил не использовать свои собственные фотографии, а взять несколько изображений со стока Adobe. Таким образом, вы можете взять их самостоятельно и следовать инструкциям.
Шаг 1: подготовьте изображение
Затем мы действительно заставим его брызгать водой (посмотрите видеоурок в верхней части страницы)
Шаг 2. Создайте заставки
В этом случае мы собираемся сделать кисти из брызг. Преимущество этого метода в том, что очень легко повторно использовать всплески для других вещей, и это очень быстро работает. Недостатком является то, что вы не можете сохранить все исходные цвета. (На следующей неделе я сделаю второй урок, в котором будет показан другой метод сохранения цветов).
a: Откройте изображение, содержащее всплески, вот стоковое фото, ссылка на которое приведена выше.
b: выделите его с помощью прямоугольного инструмента выделения.
c: (необязательно) Если изображению не хватает контраста, нажмите Cmd/Ctrl+L для уровней. Переместите черный треугольник вправо
d: выберите «Правка»> «Определить кисть»
Выберите инструмент "Куст" на панели инструментов и выберите новую кисть. Нажмите на свою страницу, чтобы рисовать кистью. Нажатие клавиш [ или ] изменит размер кисти.
Вот несколько тестов рисования, чтобы убедиться, что это работает. Продолжайте эти шаги с разными брызгами, чтобы создать серию кистей.
Шаг 3: добавляем брызги на фото
а. Выберите инструмент «Кисть» (клавиша b)
б. Выберите белый цвет переднего плана, чтобы мы сделали воду белой.
<р>в. Выберите кисть Splash для рисования.
д. создайте новый слой для рисования. В данном случае я создал слой за изображением танцовщицы.
<р>в. Измените размер клавиш кисти [ или ]. Установив непрозрачность до 100, я коснулся один раз кистью, чтобы создать воду.д.Не стесняйтесь перемещать, вращать и масштабировать воду. Вот почему он находится на новом слое.
Здесь я сделал фон черным, чтобы вы могли лучше видеть воду.
На этот раз я выбрал другую кисть и добавил больше брызг на новый слой.
Чтобы изменить брызги, выберите новый слой и коснитесь его другой кистью. Нажмите Ctrl/Cmd+T для свободной трансформации. Перетащите ограничивающую рамку, чтобы изменить масштаб, повернуть и растянуть воду в нужное положение.
Продолжайте добавлять всплески, все они позади нашего танцора.
Кроме того, добавьте брызги перед нашим танцором и манипулируйте водой, чтобы она делала то, что вам нужно. (Вы также можете использовать liquify).
А вот как это выглядит, когда я показываю исходный фон (посмотрите видео вверху, чтобы увидеть всю картину в реальном времени).
Каждый всплеск находится на отдельном слое. Вот так выглядит панель слоев.
Вот окончательный результат, в котором я немного увеличил цвета с помощью Camera Raw. (настройки лайтрум идентичны)
Это тот же процесс, который используется для создания причудливых цветных всплесков, как вы видите здесь. (для этого я просто выделил слои с водой в группу и применил цветной градиент поверх них
<р>1. Выделите все слои с водой на панели слоев <р>2. Нажмите Cmd/Ctrl+G, чтобы поместить их в группу, или Слой>объединить слои (Ctrl/cmd+E), чтобы сделать один слой из всех брызг. <р>3. Блокировка прозрачности на панели слоев <р>4. Примените цветной градиент и настройте цвета.
Спасибо, что провели время с нами здесь, в КАФЕ
Не забывайте оставлять комментарии и подписываться на нашу рассылку (это бесплатно)
Режимы наложения слоев. Бесплатная электронная книга Колина Смита
Получите бесплатную электронную книгу в формате PDF прямо сейчас. Мы собирались продать это за 9,99 долларов, но решили, что вместо этого отдадим и посмотрим, что получится 🙂
Кроме того, ознакомьтесь с нашим исчерпывающим руководством по режимам наложения слоев в Photoshop. Объяснение всех режимов наложения и практические идеи по их использованию, учебные пособия, пояснения и видеообзор.
Режимы наложения слоев. Бесплатная электронная книга Колина Смита (да, действительно бесплатная)
18 ответов на вопрос «Как сделать брызги воды в Photoshop»
Мне нравились ваши уроки уже много лет, и они вдохновили меня на более творческий подход к фотошопу. У меня есть последняя версия cs5, которую можно было купить. Теперь нет возможности получать обновления без платной подписки на все услуги Photoshop. В любом случае, я не художник-график, но иногда получаю удовольствие от работы с фотошопом. И последнее замечание: спасибо за вашу щедрость и предложение этой книги о смеси слоев. Я постараюсь узнать что-то новое. Удачи!
Отличный учебник! Да, я хотел бы увидеть, как извлечь прозрачный объект!!
Большое спасибо! Вы замечательный инструктор, и уроки всегда информативны. Этот мне особенно понравился!
Это фантастика. Я никогда не пользовалась такими кистями, но не могу дождаться, чтобы сделать это. Спасибо, Колин!
Привет, Колин,
Понравился урок. Мне очень интересно научиться извлекать прозрачный объект и превращать его в кисть. Возможности безграничны! Понравились пошаговые инструкции с видео.
Спасибо, Колин, очень информативно и весело.
Это блестящий и простой способ создания спецэффектов. Спасибо. Этот дополнительный совет, кстати, я использую теперь постоянно, и он превосходен!
Большое спасибо за отличный урок. Этот учебник действительно полезен.Пожалуйста, не отставайте.
Привет, Колин
Мне нравятся ваши редакционные статьи, и я смотрю их все. Мне очень грустно из-за этого, потому что, когда я пытался сохранить брызги воды для кисти, кисть не выделена и не позволяет мне сделать следующий шаг. Еще одна вещь, которую я не могу сделать, это чтобы мои фотографии с правой стороны назывались так, как вы, пожалуйста, помогите мне узнать ваши профессиональные стандарты~! Мои фотографии все наверху…..
Спасибо, Колин. Я и не знал, что кисти так просто сделать. Получил удовольствие от водного ТТ
Ваша бесплатная электронная книга не будет загружена. Завис на 50% на 20 минут. Я сдался.
проверьте свою электронную почту, только что отправил ее вам
Понравился урок! В следующий раз я постараюсь добавить брызги воды на одну из своих фотографий!
Привет, Колин!
Это замечательный урок. Мне очень интересно научиться извлекать прозрачный объект и превращать его в кисть.
Постараюсь узнать что-то новое. Удачи!
Привет, Колин, я думаю, что это мощное руководство. спасибо
Боже мой. Благослови вас Бог!
Я отличный графический дизайнер, когда мы говорим о Corel Draw... но у Corel были свои ограничения... Мне понадобился этот конкретный сплэш для проекта... Спасибо за помощь, братан.. Спасибо!
Никогда раньше не делал кисть — так что это было круто! Не терпится попробовать самому!
Возможно, вы видели изображения, которые выглядят так, как будто они сделаны из движущейся воды, и задавались вопросом, как они были созданы. Их обязательно немного сложно построить, но если вы будете делать их шаг за шагом, вы сможете создать убедительный дизайн менее чем за час. Вот как создать образ танцора по одной фотографии брызг воды.
Шаг 1. Найдите немного воды
Шаг 2. Вырежьте фон
Выберите белый фон с помощью инструмента «Волшебная палочка», убедившись, что для него установлено значение «Непрерывный», чтобы не выделять белый цвет внутри заставки. Выберите «Выделение и маска» и просмотрите его на черном фоне, чтобы четко видеть вырез. Я рекомендую добавить небольшое значение «Сглаживание», чтобы убрать любые рваные края, а затем установить небольшое отрицательное значение «Сдвиг края», чтобы убрать все белые контуры.
Ещё больше после прыжка! Продолжить чтение можно ниже↓
Подписчики Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите сегодня.
Шаг 3. Добавьте базовое изображение
Шаг 4. Выберите ногу
Нижняя левая часть всплеска является хорошей отправной точкой для вертикального участка. Используя Lasso Tool, выделите капельку вместе с частью воды вверху и скопируйте ее на новый слой. Переместите его поверх силуэта.
Шаг 5. Искажение ноги
Я настоятельно рекомендую превратить слой ноги в смарт-объект (Слой > Смарт-объекты > Преобразовать в смарт-объект), чтобы вы могли изменить его форму позже по мере необходимости. Используйте Edit > Puppet Warp, чтобы исказить его так, чтобы он следовал линии ноги. Вам не нужно быть точным: силуэт танцора — это всего лишь ориентир, чтобы правильно подобрать пропорции и баланс.
Шаг 6. Добавьте остальные конечности
Продолжайте выбирать фрагменты оригинального брызга воды, превращая каждый из них в смарт-объект. Используйте Puppet Warp на каждой конечности, чтобы преобразовать ее в форму — опять же, используя силуэт в качестве приблизительного ориентира. Вы можете повторно использовать существующие слои: здесь первая нога используется как левая рука.
Шаг 7. Сделайте голову
Я нашел фрагмент оригинального всплеска, более или менее похожий на голову в профиль (широкая область, две трети длины). Скопируйте это на новый слой, масштабируйте и поместите на тело.
Шаг 8. Искажение головы
Еще раз превратите слой в смарт-объект и используйте марионеточную деформацию, чтобы преобразовать его в более убедительный профиль. Сначала превратив его в смарт-объект, вы можете перемещать булавки в любой точке. При выборе Puppet Warp булавки будут загружаться в том положении, в котором вы их оставили в последний раз.
Шаг 9. Добавьте некоторые функции
Чтобы усилить впечатление от всплеска как головы, я скопировал небольшие участки исходного всплеска в качестве новых слоев, чтобы создать впечатление глаза и рта. Их едва видно, но зрителю легче интерпретировать изображение.
Шаг 10. Замаскируйте слои
Каждый из слоев, скопированных из оригинальной заставки, будет иметь четкие края в тех местах, где вы использовали лассо для их выделения. Вы не можете стереть края, так как они являются смарт-объектами; вместо этого используйте «Слой» > «Слой-маска» > «Показать все» и закрасьте четкие края маски черным цветом с помощью кисти с мягким краем, чтобы смешать слои вместе.
Шаг 11. Добавьте еще несколько брызг
Скопируйте еще несколько брызг и капель воды с исходного слоя с брызгами и расположите их вокруг фигуры, чтобы добавить больше ощущения движения. Вот готовое изображение.
Читайте также: