Работа с текстом в Photoshop: Создание текста из дождя. Создаем свой текст из воды в уроке фотошопа, прозрачный текст из воды Photoshop, новинки cs5

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

­Сразу залейте фоновый слой черным цветом и примените фильтр 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 , чтобы добиться нужного Вам результата. Надеюсь, Вам понравилось.

Step 1
Создайте документ и напишите любой текст. Растеризуйте слой.

Используя кисть, добавьте несколько капель и подтеков к тексту. Объедините оба слоя Layer > Flatten Image.

Step 2
Идем в палитру каналов и создаем маску канала путем перетаскивания любого слоя Red, Green или Blue на иконку New Channel внизу палитры каналов. Называем его water. Далее инвертируем канал Image > Adjust > Invert или Ctrl +I. Получается белый текст на черном фоне.

Step 3
Создаем фон для нашего текста. Сделаем нечто напоминающее воду в бассейне. Создаем новый документ. Включаем сетку View > Show Grid, что бы использовать направляющие. Убедитесь, что ‘Snap To Grid’ включен в меню View Menu (View>Snap To Grid).
Используя Marquee Tool рисуем квадраты и заливаем выделенную область цветом. Здесь выбрано два цвета светлый (foreground color) со значениями RGB 0,102,153 и темный — RGB 0,51,102.

Далее выделите весь фон Select > All или Ctrl+A и сохраните рисунок как узор Edit > Define Pattern. Вернитесь в документ с водяными буквами и выделите background layer в палитре слоев. Залейте этот слой новым узором Edit>Fill. Use – Pattern, Blending выберите Opacity: 100% и Mode – Normal

Step 4
Сделайте слой с буквами невидимым. Вдохнем немного жизни в наш узор. Используем Filter > Render > Lighting Effects. Это придаст более реалистичный вид. Передвиньте световую направляющую в левый верхний угол как на рисунке или по вашему желанию, со следующими значениями: Intensity – 15, Focus – 71, Gloss — Shiny, Material — Metallic, Exposure – 0 и Ambience — 50. И здесь использован Red как Texture Channel.

Step 5
Вернемся к тексту. Скопируем наш ‘water’ канал как делали в шаге 2. Переименуем канал в ‘water 2’. Сделайте новый канал активным,придадим ему текучесть. Откроем Filter > Blur > Guassian Blur, радиус установим на 6 пикселей и нажимаем ОК. Далее открываем Image > Adjust > Levels или Ctrl+L) и настраиваем Input Levels — 36,1.00,54. Это придаст резкости изображению.

Step 6
Создаем новый слой Layer > New > Layer или Shift+Ctrl+N. именуем его ‘water’ и ставим Opacity — 100% и Mode – Normal. Заливаем слой белым цветом. Далее загружаем канал ‘water 2’ как выделение: открываем Select > Load Selection и выбираем канал water 2 или в палитре каналов перетаскиваем канал на иконку ‘Load Channel As Selection’. Появляется слово, выделенное пунктиром.
Когда выделение загружено, выберите слой ‘water’ как активный. Установите черный цвет в качестве Foreground Color и залейте выделение этим цветом. Уберите выделение Select > Desеlect or Ctrl+D. На белом фоне у вас должны быть черные буквы

Step 7
Придадим более объемный вид нашим буквам. Открываем Filter > Blur > Guassian Blur и размываем ‘water’ слой. Радиус ставим на 6 пикселей. Затем открываем Filter > Stylize > Emboss) со следующими параметрами: Angle: — 45, Height: 6 и Amount: 100%.

Нужно добавить легкие края водяному объекту. Для этого загружаем канал ‘water 2’ как в шаге 6. инвертируем выделение Select > Inverse или Shift+Ctrl+I. Используя Feather Selection Tool смягчим — Select > Feather или Alt+Ctrl+D и используя Feather Radius – 2 нажимаем ОК. выбираем foreground color черный и заливаем выделение Alt+Backspace. Не снимаем выделение! Сначала открываем Filter > Fade или Shift+Ctrl+F и устанавливаем 50% Opacity и Normal Blend. Теперь снимаем выделение Ctrl+D or Select > Deselect.

Step 8
Откройте Image > Adjust > Curves or Ctrl+M. Установите следующие значения: Input — Output Levels — 0-0, 50-64, 64-111, 128-128, 192-195, 214-195, 255-255.

Далее добавим немного объема по краям – открываем Filter > Artistic > Plastic Wrap. Настройки выставим Highlight strength – 20, Detail – 11, Smoothness – 8 или на свое усмотрение. Нажимаем ОК. Немного смягчим эффект от фильтра с помощью Filter > Fade or Shift+Ctrl+F ставим opacity около 25%.

Step 9
Выбираем канал ‘water 2’, загружаем как выделение и инвертируем его Select > Inverse или Shift+Ctrl+I. Убедимся, что слой ‘water’ активный и нажимаем Delete. Изменим Blending Mode данного слоя с Normal на Hard Light. Слово станет прозрачным.

Step 10
Далее создадим иллюзию преломления света. Используем для этого Displace Filter. Копируем ‘background’ Layer и переименовываем его в ‘refraction’.
Выбираем ‘water 2’ канал и выделяем весь канал Select > All или Ctrl+A. Копируем канал. Создаем новый документ File > New и называем его ‘water displace. Вставьте скопированный канал в новый документ и объедените слои Layer > Flatten Image. Откройте Gaussian Blur Filter и поставьте значение радиуса 6. Сохраните изображение как ‘water displace.psd’.
Теперь вернемся к Displace Filter. Вернитесь к тексту. Отмените выделение и и сделайте активным ‘refraction’ слой. Откройте Filter > Distort > Displace и установите горизонтальный и вертикальный масштаб по 5%; Displacement Map: Stretch to Fit и Undefined Areas: Repeat Edge Pixels. Нажимаем ОК. Откройте the ‘water displace.psd’ файл. Это придало слову объем.

Загружаем ‘water 2’ канал и инвертируем его. При активно слое ‘refraction’ нажимаем Delete. Получаем легкие блики.
Усилим отражение. Сделаем копию слоя ‘water’. Сейчас у нас четыре слоя — ‘background’, ‘refraction’, ‘water’ и ‘water copy’. Изменим режим смешивания для ‘water copy’ с Hard Light на Overlay. Объедените Layer > Merge Down или Ctrl+E

Step 11
Придадим глубину воде. Используем Layer Effects. Сделаем активным ‘refraction’ слой. Открываем Layer > Layer Effects > Drop shadow. Используем настройки: Mode – multiply, color- black, opacity – 40, angle – 135, distance – 3, blur – 6, intensity – 0 c use global angle. (я использовала просто эффекты слоя внизу палитры слоев)

При активном ‘refraction’ слое выбираем Layer > Effects > Create Layer (или Layer > Layer Style > Create Layer) и получается отдельный слой с тенью под названием ‘refraction’s drop shadow.

Чтобы достичь эффекта свечения нужно сделать активным ‘refraction’ слой. Открываем Layers > Effect > Drop Shadow и выставляем следующие настройки: Normal, Opacity: 40%, Angle: -45?, Distance: 5, Blur: 6 and Intensity: 0. нажмите ОК и сделайте отдельный слой Layer > Effects > Create Layer под названием ‘refeaction’s drop shadow’. Что бы не запутаться, переименуем его в ‘refraction’s glow’.

Step 12
В завершении сделаем блеск на каплях. Копируем ‘water 2’ канал. Переименовываем его в ‘highlights mask’. Размываем этот слой — Gaussian Blur с радиусом — 3. Применяем еще раз фильтр, нажимая Ctrl+F.
Открываем Image > Adjust > Levels или Ctrl+L с параметрами — 200,1.00.255. Далее открываем Filter > Stylize > Emboss со следующими настройками: angle — –45, height – 6, amount – 100. нажимаем ОК.

Снова открываем Ctrl+L или Image > Adjust > Levels. Выставляем значения Input — 128, 1.00, 255. нажимаем ОК. затем открываем Gaussian Blur Filter с радиусом 3. открываем Levels снова с параметрами 130, 1.00, 200. получаем черный фон с белыми тенями.

Далее загрузите ‘highlights mask’ канал, перейдите обратно в палитру слое и выберите ‘water’ слой. Добавьте новый слой над ним Layer > New > Layer или Shift+Ctrl+N. Назовите — ‘highlights’. Нажимаем ОК. сделайте слой активным и залейте его белым. Уберите выделение.

Final
Если вы еще не умерли, создайте новый слой над ‘highlights’ и назовите его ‘sparkles’. Используя кисть с параметрами – 35 пикселей и 0% жесткости нарисуйте несколько капель на активном слое.
Можно используя кисть ‘Sparkle’ (Photoshop/Goodies/Brushes folder called ‘Assorted Brushes.abr’.) дорисовать несколько бликов на каплях.

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

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

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

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

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

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