This tutorial will show you how to use 3D tools and material options in Photoshop, along with several images, filters, and adjustment layers, to create a summer text floating in the waves. Let’s start!
This text effect was inspired by many layer styles on the Envato Market.
1. Creating background and text
Create a new document 1000 x 800 pixels and place the image Wave on top of the background layer.
Resize the image as needed and rename it to Bg texture.
Create 250 pt text using Brushe fontr.
2. Convert text to 3D layer
Select a text layer and go to the menu. 3D> New 3D Extrusion from Selected Layer (3D> New 3D extrusion from selected layer).
To access the 3D grid settings and properties, you need to open two panels: 3D and Properties (Properties) (both can be opened via the menu Window (Window)).
3D the panel contains all the components present on the scene. When you click on any of them, you can access its parameters on the panel. Properties (Properties). Therefore, before making any changes to the settings item on the panel Properties (Properties) make sure that the panel 3D the desired item is active.
When choosing a tool Move Tool (Move) set appears on the top bar 3D Modes (3D modes).
When you select one of them, you can perform any actions (on the selected object in the 3D scene).
Use these modes to change the current view as you like.
3. Setting the grid settings
AT 3D panel select tab 3D Mesh (3D mesh), then in the panel Properties (Properties) change Texture mapping (Texture mapping): Tile (Mosaic) and Extrusion depth (Extrusion Depth) 50.
Click on the icon Cap(Capital) at the top of the panel Properties (Properties) then install Bevel width (Chamfer width) by 10%, ?? Contour (Circuit): Half round (Semicircle) and settings Inflate (Bulge) specify value Strength (Intensity) 15%.
4. Creating materials
Select all material tabs in the 3D panel, and then in the panel. Properties (Properties) specify the following parameters:
- Specular (Glare): 255, 255, 255
- Illumination (Glow): 0, 0, 0
- Ambient (Lighting): 0, 0, 0
- Shine (Glitter): 60
- Reflection (Reflection): 15
- Opacity (Opacity): 70
- Refraction (Refractive index): 1.3
Select tab Front Inflation Material (Material of the front bulge), and then in the panel Properties (Properties) click on the texture icon opposite the option Diffuse (Scattering) and select New texture (New texture).
Enter 600 for Width (Width) and Height (Height) and click OK.
A new file will be opened with the newly created document. If this does not happen, click on the texture icon opposite the option Diffuse (Scattering) and select Edit Texture (Edit texture).
5. Texture creation
When the new file opens, duplicate the background layer.
Double click on the copy of the resulting layer and apply the effect. Pattern overlay (pattern overlay) using the following parameters:
- Pattern (Pattern): Back to School Pattern # 1
- Scale (Scale): 25%
Go to menu File> Save (File> Save), then in File> Close (File> Close) to return to the original document.
As you can see, the texture looks a bit stretched. We will fix this in the future.
Keep in mind that you can click on the texture icon next to the option Diffuse (Scattering) and choose Edit Texture (Edit texture) to change the pattern used at any time.
6. Editing UV properties
Again click on the texture icon opposite the option Diffuse (Scattering) and select Edit UV Properties (Edit UV properties).
You need to adjust the values. Scale (Scale) or Tile (Mosaic) until you like the result.
This will correct the mosaic placement of the texture and help you get the best result.
7. Applying pattern to other materials.
Select Front bevel material (Material of the front bevel) and Back Bevel Material(The material of the rear bevel), as well BackInflationmaterial (Material back convexity) in 3D panels.
Then in the panel Properties (Properties) click on the icon as a folder Diffuse (Scattering) and select from the list Front Inflation texture (Texture of the front bulge).
This will apply the pattern to the selected materials. Then you can adjust the UV properties for each material separately.
Bevel materials should not look perfect. You can use different values of UV properties to stretch them a bit and make texturing more dynamic.
8. Creating Extrusion Material
Select tab Extrusion material (Extrusion material), click on the texture icon opposite the option Diffuse (Scattering) and select NewTexture (New texture). Create a new texture 300 x 175 pixels.
Duplicate the background layer to the new texture file.
Double click on the copy of the resulting layer and apply the effect. Pattern overlay (Overlay pattern) using the following parameters:
- Pattern (Pattern): Back to School Pattern # 1
- Scale (Scale): 10%
Save and close the file.
Adjust UVProperties (UV Properties) for Extrusion (Extrusion) texture.
If the values you enter do not work properly, try returning to the grid in the option Texture mapping (Texture mapping) and turn on Scale (Scale) and then go back to Tile (Mosaic).
After that, go back to UVProperties (UV-Properties) and reconfigure them.
9. Lighting correction
Select tab Infinite Light 1 (Infinite Light 1) in 3D panels.
Then in the panel Properties (Properties) change Color (Color) at (251, 249, 239), Intensity (Intensity) at 100%, and Shadow softness (Shadow Smoothing) up to 50%.
Via Move Tool (Move) move the light or click on the icon Coordinates (Coordinates) at the top of the panel Properties (Properties) and enter numeric values.
Click on the tab Environment (Environment), and then click on the texture icon opposite IBL and select Replace Texture (Replace texture).
Open image Splash, and then change Intensity (Intensity) 30% and Ground plane (Base plane): Shadow opacity (Shadow Opacity) 2%.
you can use Move Tool (Move) to move the texture until you get the result you like.
After you finish, select the final viewing angle that you like and go to the menu 3D> Render (3D> Rendering). Rendering may take some time. But you can always stop it by pressing the key Esc.
10. Creating reflection
Make sure the 3D layer is selected, then go to the menu Select>All (Select> All) and Edit> Copy (Editing> Copy).
Below the 3D layer create a new layer, name it Reflection, go to menu Edit> Paste Special> Paste in Place (Edit> Paste Special> Paste instead).
Right click on the layer Reflection and select Convert to Smart Object (Convert to smart object). Then do the same for the 3D layer.
Press Ctrl + T to enable Free transform (Free Transformation), right-click anywhere near the bounding box to get a list of all the options you can work with.
First choose Flip vertical (Flip Vertical) at the bottom of the list.
Then use the other options to make the reflection look as realistic as possible.
You can also click on the icon Warp (Deformation) and in the parameters panel select one of the proposed options to help with the reflection correction.
After you finish, press Enter, to save changes made.
11. Applying filters
Change layer blending mode Reflection on Overlay (Overlap) and his Opacity (Opacity) up to 50%.
Go to menu Filter> Distort> Ripple (Filter> Distortion> Ripple) and change Amount (Quantity) on 86 and Size (Size) on Large (Large).
Go to menu Filter> Distort> ZigZag (Filter> Distort> Zigzag) and then change Amount (Quantity) by 3, Ridges (Folds) 5, and Style (Style): Around center (Around the center).
12. Color correction
Add adjustment layer Selective color (Selective Color Correction) and apply the following settings for Reds (Red) (because the pattern color is red):
- Cyan (Blue): 25
- Magenta (Magenta): -10
- Yellow (Yellow): -5
- Black (Black): 20
Add adjustment layer Levels (Levels), then change the value Shadows (Shadow) 15 and Highlights (Light) 250.
13. Adding Spray
Add a splash image of water from Water splash png on top of all layers, place it at the bottom of the text, and resize as needed. Name layer Splash.
Change layer blending mode Splash on Lighter color (Lighter) and decrease the value Fill (Fill) 10%.
Double click on the layer Splash and apply the following layer style:
Add a Bevel and Emboss (Emboss) with these settings:
- Size (Size): 4
- Gloss Contour (Gloss contour): Ring (Ring)
- Tick on Anti-aliased (Smoothing)
- Highlight mode (Backlight mode): Vivid light (Bright light)
- Opacity (Opacity): 75%
- Shadow mode (Shadow mode): Multiply (Multiplication)
- Opacity (Opacity): 0%
Add a Contour (Contour) with these settings:
- Contour (Circuit): Ring (Ring)
- Tick on Anti-aliased (Smoothing)
This will become a splash style. Right-click on the stylized layer and select Copy Layer Style (Copy layer style).
14. Modifying the splash and adding even more splashes.
Add a mask to the layer Splash, then take the tool Brush (Brush) and select one of the brushes in the form of splashes from the archive Spray.
Set the foreground color to black and then use a brush to erase all unnecessary parts of the image. Splash.
Add some more spray images and for each spray layer add a style by right-clicking and selecting Paste Layer Style (Paste Layer Style).
After you finish, place all the spray layers in the group and name it Splash.
Add a new layer on top of all layers within the group. Splash and paste the same layer style to it. Then use some more brushes. Spray, to add more splashes of water on the entire text.
15. Adding a texture, applying a filter, and completing the finishing touches.
Insert image Texture 637 on top of all layers, resize as needed, and then change the blending mode to Soft light (Soft Light) and Opacity (Opacity) 60%.
Press Alt + Ctrl + Shift + E to create a merged layer on top of all layers. Rename the resulting layer to HighPass, and convert it to a smart object.
Go to menu Filter> Other> High Pass (Filter> Other> Color Contrast) and change Radius (Radius) by 2.
Change layer blending mode HighPass on Soft light (Soft Light) and Opacity (Opacity) 50%.
Add adjustment layer Gradient map (Gradient Map) on top of all layers and create a gradient fill using colors # 5c6070 on the left, # 8b9376 in the center and # fddd8e on the right
Tick the box Dither (Dithering), then change the blending mode of the layer to Soft light (Soft Light) and 50%.
And finally, if the reflection looks too strong, you can reduce Opacity (Opacity) layer Reflection.
Congratulations! You are done!
In this tutorial, we created the text, turned it into a 3D layer, adjusted the parameters and properties. Then they created the text material, adjusted the scene lighting and rendered the final 3D effect.
After that we created a reflection and added a splash of water around the text. Finally, we used adjustment layers, filters, and textures to finish everything.