Надпись из воды фотошопе cs6. Создаём текст на воде в Фотошоп

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

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

Шаг 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) измените форму воды, как показано ниже.

Итак, в этом уроке я покажу вам как достаточно просто добиться такого эффекта, используя функцию Repoussé в Photoshop CS5 и несколько обычных фотографий.

01. Открываем Photoshop, создаем новый документ, заливаем фон черным. Любым способом, какой нравится (или что то другое) создаем некое подобие рукописного текста.

02. Создайте прямоугольное выделение вокруг области к которой будет применяться Repoussé и нажмите 3D> Repoussé>Current Selection.

03. Для создания эффекта воды используйте пресет Inflate. Ставим следующие значения: Depth = 0, Scale = 1, в блоке Inflate, меняем Slides на Front and Back.

04. Буквы E стали единым целым, дырки пропали. Выделяем область, в которой хотим видеть дырки и меняем Type на Hole, также увеличиваем Strength в блоке Inflate на 1.

05. В панели 3D выберите Front Inflation а затем кликните на значок папки рядом со значением Bump. Выберите Open Texture, чтобы открыть текстуру в новом документе. В этом документе создаем новый слой, затем Filter>Render>Clouds. (обратите внимание, что рабочими цветами должны быть черный и белый), затем Filter>Render>Different Clouds. Если результат слишком темный - Image>Adjustment>Levels и двигаем белый ползунок влево. Остальные параметры:белый цвет в Diffuse color, 15% Opacity, 20 в Reflection, черный в Illumination, 100% Gloss, 100% Shine, белый в Specular и 1.5 в Refraction.

06. Для более реалистичного эффекта нам понадобится парочка стоковых фотографий Открываем их и копируем части с брызгами воды на наше 3D изображение.

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

08. Пора отрендерить 3D объект. На панели 3D меняем Quality на Ray Traced Final. Процесс рендеринга займет некоторое время. Если вы захотите поменять освещение, придется рендерить снова и снова до получения нужного результата.

09. Дублируем отрендереный 3D объект и жмем Layer>Rasterize>3D. К получившемуся слою можно применять коррекции. Их конечно можно применить и к 3D объекту, но некоторые коррекции сработают неверно, а некоторые будут производиться очень медленно. Создайте новый слой ниже растеризованного объекта, залейте черным и объедините эти слои. Image>Adjustments>Levels. Ставим 15 для черного, 0.8 для серого и 160 для белого ползунков.

10. Выделяем все слои и дублируем их, дубли объединяем. Filter>Blur>Gaussian Blur. Ставим Amount = 15. Режим смешивания слоя меняем на Color Dodge, Opacity ставим 30%.

Ну вот и все! Надеюсь вы нашли для себя в этом уроке что то новое

уроке фотошоп, уроки фотошопа, урок Photoshop

Комментарии:

Сегодня мы детально рассмотрим недорогую беспроводную гарнитуру Harper HBT-1707. Её отличает аккумулятор...

Осенью прошлого года компания Apple представила флагманские смартфоны iPhone XS, iPhone XS Max и немного...

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

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

В этом уроке мы будем создавать очень красивый и реалистичный эффект текста из воды в 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%.

Результат

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

В этом уроке вы узнаете, как создать летнюю открытку с отражением текста на воде в программе 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) выделите часть песка.