search
HomeWeb Front-endPS TutorialHow to make splashing characters with PS

Splashing Text Tutorial

  1. As usual, take a look at the result picture first:

    In this tutorial, I will introduce to you how to create a splashing text effect in Photoshop . Knowledge point: the use of brushes.

    How to make splashing characters with PS

  2. Preparation work:

    Download the following materials. The water splash brush requires payment, but there is nothing else. Another point: loading too many brushes into PS will affect the startup speed of PS. Use with caution.

    Water splash brush download

    Lake surface

    Font

  3. Create a new file in ps, the size is: 940px * 700px, background is black. And save it, name it: water splashing text. Open the lake material and use the lasso tool with a feather value of 40px. The areas shown in the figure are not necessarily completely similar, and the deviation cannot be too large.

    How to make splashing characters with PS

  4. Use the move tool and drag the area within the selection to the newly created splash text file. And rename it to Water Wave, and reduce the transparency to about 60%. And use a large soft eraser tool to erase the edges so that they blend completely into the background. The effect is as shown below:

    How to make splashing characters with PS

  5. Copy the water wave layer twice and move it to the left or right side of the original water layer. And set the transparency slightly lower than the original to create a feeling of depth. The main thing is to examine composition ability or perspective principles.

    How to make splashing characters with PS

  6. Duplicate the water layer again, then restore the transparency to: 100%, and adjust the position.

    All right! I have to admit the exquisite skills of foreign designers here. Anyway, it took me many adjustments and repeated attempts to achieve the effect shown in his picture. General tutorials omit these details, and it is precisely these details that confuse beginners. I feel this is where foreign tutorials are undesirable.

    Then again, this place still tests your composition ability and proficiency in the basic tools of PS software. Because the top is the water wave text to be created in the future, the shapes below are stacked into a heart shape to be smooth.

    How to make splashing characters with PS


  7. On the top of all layers in the current file, create two adjustment layers (the fourth one in the Layers Panel Button half black and half white),

    Curve:

    How to make splashing characters with PS

    Color level:

    How to make splashing characters with PS

    How to make splashing characters with PS

  8. Type any words you like on the canvas:

    Bevel Emboss

    How to make splashing characters with PS

    Gradient Overlay

    How to make splashing characters with PS

    Stroke

    How to make splashing characters with PS

    The effect is as shown:

    How to make splashing characters with PS

  9. Load the text selection, create a new layer, fill it with black, Filter-> Noise-> Add noise, the parameters are as shown in the figure:

    How to make splashing characters with PS

  10. ##Change the noise layer mode to Screen, with a transparency of about 35%

    How to make splashing characters with PS

  11. Create a new layer and name it: Light and Shadow, use alternating black and white brushes to fill the following shapes:

    This is another step omitted In the detailed steps, this step requires constantly adjusting the transparency of the brush, which also indirectly tests the grasp of light and shadow. There is no skill in light and shadow, just pay attention to the ordinary appreciation of light and shadow of objects in life. Summary, highlights, reflections, backlights, etc.

    How to make splashing characters with PS

  12. Create a new "Water Splash", import the relevant water splash brushes, and add them around it.

    How to make splashing characters with PS

  13. Use the brush to add the feeling of creek water,

    How to make splashing characters with PS

    How to make splashing characters with PS

    How to make splashing characters with PS

  14. #Use a white brush to slowly add the feeling of water mist and highlights

    How to make splashing characters with PS

    How to make splashing characters with PS

    How to make splashing characters with PS

  15. To make the effect more significant, use a small brush of about 6px to the left and right sides of the text Add small details:

    How to make splashing characters with PS

  16. Add some small light spots in other places to make a certain area appear brighter.

    How to make splashing characters with PS

  17. You can use the free transformation command to continuously change the shape of the light to achieve the best effect.

    How to make splashing characters with PS

  18. ##Add a Color Balance adjustment layer,
  19. How to make splashing characters with PS

  20. The final effect is as shown in the picture:
  21. How to make splashing characters with PS

  22. For more related articles on how to use PS to make water-splashing characters, please pay attention to PHP Chinese net!
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

How to cut picturesHow to cut picturesApr 06, 2025 pm 10:27 PM

Cutting is the process of removing the background part in the image and leaving the subject behind. Common cutout methods include: manual cutout: use image editing software to manually outline the edge of the subject. Automatic cutout: Use software to automatically identify the subject and separate it from the background. Use third-party cutout tools: use special tools to cut out images. Channel cutout: Use the channel of the image to segment and select channels with obvious differences from the subject color for operation.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment