Итак, в нашем уроке фотошоп мы приступаем к водным процедурам. Создайте новый документ необходимого размера.

­Сразу залейте фоновый слой черным цветом и примените фильтр Filter > Render > Different Clouds (не забудьте перевести основной и фоновый цвета к значениям «черный» и «белый», нажав кнопку D ).

Теперь примените фильтр Filter > Blur > Gaussian Blur с значением Radius : 50px.

Теперь создайте новый слой и назовите его Дождь . Вам нужно залить этот слой 50% серого. Для этого перейдите Edit > Fill или нажмите Shift+F5 .

Добавим немного шума. Примените фильтр Filter > Noise > Add Noise с значениями параметров Amount : 100%, Distribution : Gaussian и галочной Monochromatic.

Затем необходимо немного размыть наш шум Filter > Blur > Blur и применить фильтр Filter > Stylize > Wind с значениями параметров Method : Blast и Direction : From the Right.

Примените последний фильтр еще два раза. Для этого два раза нажмите Ctrl+F .

Инвертируйте изображение Ctrl+I и поменяйте режим наложения Blend Mode слоя Дождь на Screen .

Теперь Вам необходимо придать дождю реальности. Все таки он падает вниз, хотя и бывают ураганы с горизонтальным дождем. В этом нам поможет режим свободной трансформации, перейти в который можно нажав Ctrl+T . Разверните слой на несколько градусов и, если необходимо, увеличьте его размер.

Немного подправим уровни Levels . Перейдите Image > Adjustments > Levels .

Ну что ж, дождик нарисовали. Приступим к работе с текстом. Создайте Ваш текст инструментом Type Tool . В этом уроке использовался шрифт Comic Sans MS .

И примените следующие стили к слою с текстом, перейдя Layer > Layer Style > Blending Options или щелкнув два раза по слою в палитре слоев.

Вот, что мы получим:

Добавим немного капель воды. Сначала создайте новый слой и назовите его Капли . Затем скопируйте стиль слоя с текстом, щелкнув по нему правой клавишей мыши впалитре слоев и выбрав Copy Layer Style , и вставьте его на слой Капли (по аналогии с копированием, только теперь Paste Layer Style ).

Для создания капель воды нужно изменить настройки кисти. Выберите инструмент Brush Tool и перейдите Window > Brush . Появится окно свойств кистей. Примените следующие:

Собственно, теперь начинайте рисовать вокруг текста, не задевая его.

Затем растеризуйте слой с текстом, щелкнув правой клавишей мыши по нему и выбрав Rasterize Type . И нарисуйте капли на тексте. Удалите лишние инструментом Eraser Tool .

Теперь добавим немного цвета. Перейдите Layer > New Fill Layer > Solid Color . Нажмите ОК и установите цвет #0e4998 . Разместите этот слой над всеми слоями и измените режим наложения на Color .

Вернитесь к слою с текстом и примените фильтр Filter > Liquify (этот фильтр уже применялся, когда мы ). Используйте инструмент Forward Warp Tool исказите текст, как ни изображении:

Напоследок, создайте дубликат слоя с текстом и примените к нему фильтр Filter > Blur > Motion Blur с значениями Angle : 90, а Distance : 23px.

Окончательный результат

P. S.

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

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

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

Итак, давайте начнем!

Итоговый результат:

Шаг 1

Чтобы создать текст на воде, нам необходима фотография с изображением моря, озера или любое изображение с водной поверхностью. Я использую исходное изображение с морским пляжем, которое вы можете скачать по ссылке в начале этого урока, но вы можете использовать любое другое исходное изображение, которое вам нравится, это может быть фотография с летнего отпуска. Откройте исходное изображение с морским пляжем в программе Photoshop. Назовите слой с пляжем Морской пляж (Sea Beach).

Шаг 2

Выберите инструмент Горизонтальный текст (Text Tool). Напечатайте текст поверх слоя Морской пляж (Sea Beach). Вы можете использовать любой шрифт, а также любой размер шрифта на своё усмотрение. Я использовал шрифт, который называется League Spartan.

Шаг 3

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

Примечание: готовые произвольные фигуры на морскую тематику можно скачать по ссылке с нашего сайта .

Шаг 4

Выделите слой с текстом и слой с силуэтом парусника, чтобы преобразовать их в смарт-объект. Как только вы выделили указанные слои, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object). Назовите этот слой Текст на воде (Water Text).

Шаг 5

К слою Текст на воде (Water Text), добавьте слой-маску, как показано на скриншоте ниже.

Шаг 6

Выберите инструмент Градиент (Gradient Tool), установите чёрно-белый градиент. Убедитесь, чтобы была активна миниатюра маски, а не миниатюра смарт-объекта, в противном случае, появится сообщение Применение инструмента Градиент невозможно: смарт-объект непосредственно не редактируется (Could not use the gradient tool because the smart object is not directly editable). Удерживая клавишу (SHIFT), потяните градиент слева направо.

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

Шаг 7

Щёлкните по слою со смарт-объектом и в появившемся окне ещё раз выберите опцию Преобразовать в смарт -объект (Convert to smart object). Результат должен быть, как на скриншоте ниже.

Шаг 8

Шаг 9

Теперь давайте добавим стили слоя к этому слою со смарт-объектом. Вначале уменьшите значение Заливки (Fill) слоя до 0%, а значение Непрозрачности (Opacity) слоя до 30%; не переживайте, если исчезнет текст.

Шаг 10

К слою с текстом добавьте следующие стили слоя Тень (Drop Shadow) и Внешнее свечение (Outer Glow).

Для стиля слоя Тень (Drop Shadow), установите следующие настройки:

• Режим наложения Жёсткий свет (Hard Light)
• Цвет #5ff9ff

Для стиля слоя Внешнее свечение (Outer Glow), установите следующие настройки:

• Режим наложения Перекрытие (Overlay)
• Цвет #d6fdff.

Шаг 11

Чтобы отражение текста на водной поверхности было более реалистичным, многие пользователи программы Photoshop используют Фильтр Смещение (Displace) программы Photoshop, вы можете ознакомиться с уроками по созданию эффектов искажения по . Но т.к. эта техника слишком сложная, то мы используем фильтр Рябь (Ripple Filter) вместо указанного ранее фильтра. Итак, идём Фильтр - Искажение - Рябь (Filter - Distort - Ripple). Установите настройки, которые указаны на скриншоте ниже.

Примечание переводчика: чтобы активировать фильтр Смещение, идём Фильтр -Искажение - Смещение (Filter - Distort - Displace).

Уроки по работе с фильтром Смещение (Displace) на нашем сайте:

Шаг 12

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

Шаг 13

Если вы хотите сделать изображение более привлекательным, то вы можете добавить пальмы, которые создадут отличную основу. С помощью любого инструмента выделения, с которым вы предпочитаете работать, отделите пальмы от заднего фона. Для коррекции цветовых тонов, используйте коррекцию Цветовой Баланс (Color Balance) и Цветовой тон / Насыщенность (Hue/Saturation) для ослабления яркости.

Шаг 14

Если хотите, то вы можете добавить эффект солнечного света с помощью исходного изображения с солнечным бликом. Вначале преобразуйте слой с солнечным бликом в смарт-объект, а затем поменяйте режим наложения на Осветление (Screen).

Шаг 15

К слою с солнечным бликом, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Шаг 16

Щёлкните по миниатюре маски фильтра, а затем нажмите клавиши (CTRL+I), чтобы инвертировать белые цвета в чёрные. Выберите инструмент Кисть (Brush Tool), установите мягкую белую кисть, а затем просто прокрасьте линию горизонта на участках пересечения с пальмами. А также прокрасьте вдоль краёв изображения, чтобы создать плавный переход.

Шаг 17

Чтобы изменить цветовую тональность, а также яркость эффекта, вы можете добавить корректирующие слои Карта градиента (Gradient Map), (цвета градиента: #886203 и #fed903, режим наложения Цветность (Color)) и Яркость / Контрастность (Brightness/Contrast). Не забудьте преобразовать данные корректирующие слои в обтравочные маски, для этого, щёлкните правой кнопкой мыши по корректирующему слою в палитре слоёв и в появившемся окне выберите опцию Создать обтравочную маску (Create Clipping Mask).

Шаг 18

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

Шаг 19

В качестве заключительных штрихов, вы можете добавить оптические блики, а также применить резкость ко всему изображению с помощью фильтра Цветовой контраст (High Pass).

Примечание переводчика: 1. выберите понравившуюся текстуру с оптическим бликом, переместите текстуру на свой рабочий документ, а затем просто поменяйте режим наложения на Осветление (Screen) 2. чтобы применить фильтр Цветовой контраст (High Pass), идём Фильтр - Другое - Цветовой контраст (Filter - Other - High Pass), но вначале не забудьте создать объединённый слой поверх всех слоёв, для этого находясь на самом верхнем слое в палитре слоёв, нажмите клавиши (Ctrl+ Alt+ Shift+ E) 3. Автор дополнительно добавил корректирующий слой Вибрация (Vibrance).

Шаг 20

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

Примечание. Дополнения с нашего сайта:

• Кисть "Марки, конверты, печати"
• PSD исходник - Штампы и печати
• PSD исходник - Марки

Итоговый результат:

Работа переводчика:

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

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1280х800 пикселей с чёрным фоном. Откройте изображение пустыни в Фотошопе в отдельном документе. ИнструментомПрямоугольная область (Rectangular Marquee Tool) (M) выделите часть песка.

Скопируйте выделение (Ctrl + C) и вставьте его в созданный документ (Ctrl + V). Затем выберите инструмент Ластик (Eraser Tool) (E) с мягкими краями и подотрите края песка.

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

Чёрно-белое (Black & White):

Уровни (Levels):

Кривые (Curves):

Создайте новый слой (Ctrl + Shift + N) поверх корректирующих и создайте облака при помощи специальных кистей или фильтра Облака (Фильтр > Рендеринг > Облака ) (Filter > Render > Clouds).

Шаг 2

Займёмся созданием надписи. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и выберите шрифт «Freestyle Script» (он должен быть в стандартном наборе программы). Напишите слово «Water».

Кликните дважды на текстовом слое, чтобы открыть окно стилей. Настройте, как показано ниже:

Тиснение (Bevel & Emboss):

Наложение цвета (Color Overlay):

Внешнее свечение (Outer Glow):

Результат:

Шаг 3

Добавим водяной узор поверх надписи. Из набора водяных узоров, предоставленных в начале урока, выберите любой на своё усмотрение и откройте в Фотошопе. Выделите часть воды.

Скопируйте её (Ctrl + C) и вставьте в наш документ (Ctrl + V). Расположите воду поверх надписи, чтобы она покрыла её полностью. Затем кликните правой кнопкой мыши на слоем с водой и выберите пункт Создать обтравочную маску (Create Clipping Mask). После этого вода не выйдет за пределы букв.

Вернитесь в документ с водой и выделите часть воды ещё раз. Скопируйте её и вставьте в наш основной документ. Этот слой должен быть под текстовым слоем. Находясь на нём, перейдите в меню Фильтр > Пластика (Filter > Liquify). Инструментом Деформация (Forward Warp Tool) (W) измените форму воды, как показано ниже.

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

Шаг 4

Загрузите кисти брызг в Фотошоп. Создайте новый слой (Ctrl + Shift + N) и нарисуйте брызги вокруг надписи. Мягким ластиком подотрите края брызг.

Поверх всех слоёв создайте следующие корректирующие слои:

Выборочная коррекция цвета (Selective Color):

Маску этого слоя обрисуйте, как показано ниже.

Кривые (Curves):

Маску обрисуйте так:

Цветовой баланс (Color Balance):

В этом уроке мы будем создавать очень красивый и реалистичный эффект текста из воды в Adobe Photoshop. Мы будем использовать различные техники, создадим узор, используем стили слоя, научимся аккуратно и точно вырезать текстуру воды. Затем при помощи кистей-брызг мы расплескаем воду из наших букв, и получим очень красивый эффект.

Исходники

Для выполнения урока вам понадобятся следующие исходники:

Создаем паттерн и фон и текст

Шаг 1

Откройте изображение текстуры шелка, выберите в меню Image > Image Size/Изображение>Размер изображения, и измените Width/Ширину и Height/Высоту на 500 пикселей.

Шаг 2

В меню выберите Edit > Define Pattern/Редактировать>Определить узор, и нажмите OK.

Проделайте ту же процедуру с текстурой тающего льда.

Шаг 3

Создайте новый документ размером 960x650px, кликните по иконке Create new fill or adjustment layer/Создайте новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои, выберите Solid Color/Сплошной цвет, и используйте цвет #06131e.

Шаг 4

Введите ваш текст заглавными буквами, используя шрифт Titan One. Укажите текстур настройки как показано ниже.

2. Выделяем воду на изображении

Шаг 1

Откройте изображение волны и выберите в меню Image > Calculations/Изображение>Вычисления.

Настройте параметры как показано ниже и нажмите Ок. При желании вы можете выбрать значения, которые больше подходят для вашего изображения или целей.

Шаг 2

В меню выберите Select > Load Selection/Выделение>Загрузить выделение. Настройте параметры как показано ниже.

Шаг 3

Откройте палитру Channels/Каналы и кликните по квадратику возле канала RGB, чтобы увидеть оригинальное изображение.

Вернитесь в палитру Layers/Слои и нажмите Ctrl+C, чтобы скопировать выделенную область.

3. Добавляем маску изображению с водой

Шаг 1

Вернемся в наш документ. Нажмите Ctrl+V, чтобы вставить скопированную область в наш документ. Переименуйте этот слой в Water Fill, кликните по нему правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Шаг 2

Удерживая Command/Ctrl, кликните по слою с текстом, чтобы загрузить выделение по контуру текста.

Шаг 3

Скройте слой с текстом, перейдите к слою Water Fill, и кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои.

4. Редактируем изображение внутри маски

Шаг 1

Кликните иконку цепи между слоем Water Fill и маской этого слоя, чтобы снять привязку между ними.

Шаг 2

Кликните по слою Water Fill, чтобы сделать активным его (по слою, а не по маске). Нажмите Command/Ctrl+T чтобы войти в режим свободного трансформирования, и масштабируйте изображение с водой таким образом, чтобы вам нравился результат. Нажмите клавишу Return/Enter, чтобы принять изменения.

Шаг 3

Укажите слою Water Fill параметр Fill/Заливка в 0% и дублируйте слой.

5. Стили для первого слоя с водой

Кликните дважды по первому слою с водой и укажите ему следующие стили слоя с параметрами как на картинках ниже:

Шаг 1

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 2

— Contour/Контур

Шаг 3

— Texture/Текутсра

Pattern/Узор: узор шелка из первого шага

Вот что должно получиться:

6. Стили для второго слоя с водой

Кликните дважды по второму слою с водой и укажите ему следующие стили слоя:

Шаг 1

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 2

— Contour/Контур

Шаг 3

— Texture/Текстура

Pattern/Узор: узор с текстурой тающего льда

Вот что получится.

7. Стиль для слоя с брызгами

Шаг 1

Создайте новый слой поверх остальных, и назовите его Water Brushes. Укажите этому слою Fill/Заливку в 0%.

Кликните дважды по слою и укажите стили, которые указаны ниже.

Шаг 2

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 3

— Contour/Контур

Шаг 4

— Texture/Текстура

Pattern/Узор: узор шелка

8. Добавляем маску и кисти брызг

Шаг 1

Возьмите инструмент Brush/Кисть и откройте палитру Brush/Кисть.

Загрузите понравившиеся вам кисти брызг и в этой палитре настройте, параметры тех, которые хотите использовать.

Шаг 2

Нарисуйте в новом слое всплески воды поверх букв.

Шаг 3

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

9. Создаем эффект, используя множество кистей

Шаг 1

Кликните правой кнопкой по слою Water Brushes и выберите Copy Layer Style/Копировать стиль слоя.

Создайте новый слой и назовите его Water Brushes 2, кликните по нему правой кнопкой и выберите Paste Layer Style/Вставить стиль слоя.

Можете также указать ему маску.

Шаг 2

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

Шаг 3

Добавьте более мелких, рассеянных брызг. Ваша главная задача — сохранить читабельность текста. Если становится непонятно что написано, вы переборщили.

Шаг 4

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

10. Корректируем маску

Шаг 1

Выберите маску слоя Water Fill.

Шаг 2

В меню выберите Filter > Filter Gallery > Brush Strokes > Spatter/Фильтр>Галереи фильтров>Штрихи>Разбрызгивание. И настройте фильтр как показано ниже.

11. Финальные коррекции

Шаг 1

Создайте новый слой и назовите его High Pass. Нажмите Shift-Option-Command-E/Shift-Alt-Ctrl-E, чтобы создать слой, в котором объединены все видимые слои. Кликните по нему правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Шаг 2

В меню выберите Filter > Other > High Pass/Фильтр>Другое>Цветовой контраст, и укажите радиус в 1.5.

Шаг 3

Укажите слою Blend Mode/Режим наложения Soft Light/Мягкий свет, и снизьте Opacity/Непрозрачность до 50%.

Шаг 4

Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой в нижней части палитры Layers/Слои, и выберите Color Lookup/Поиск цвета.

Выберите FallColors.look из меню 3DLUT, и снизьте Opacity/Непрозрачность до 50%.

Результат

Перевод — Дежурка