Create a bright summer 3D text in Photoshop

It’s time to start creating a bright, fresh and fun text effect. In this tutorial, I will show you how to create an interesting and vivid 3D text effect using different brushes and stock images.

1. Create a basic form.

Step 1

Create a new file of 1500 x 1500 pixels in size, then, using the Insanuburger font, we write the first letter in any color (you can choose the color from the Colors – Brush – Style file).

Now the size of the letter does not matter, since already at the stage of creating a 3D object you will be able to scale it to the desired size.

Finished with the text, go Type – Convert to Shape (Text – Convert to curves) (or right-click on the text layer and select Convert to Shape (Convert to curves)).

Step 2

Duplicate the letter layer (Ctrl + J), rename the copy and add the word to the name Stroke (Stroke), then activate the tool Direct Selection Tool (A) (Direct Selection).

On the panel with tool parameters, we change Fill (Fill) on None (Do not apply) color Stroke (Stroke) choose the same as the letter, and set the size to 25 pt. Then click on the button Stroke Options (Setting the stroke) and change Align (Align) on Outside (Outside).

Step 3

Repeat steps 1-2 to create the remaining letters with strokes.

When finished, place the letters and strokes in the desired position in order to convert them into 3D objects. It’s best to line them up with a vertical line, as shown below.

2. Create a 3D scene

Step 1

Alternately select each shape and turn 3D – New 3D Extrusion from selected Path (3D – New 3D extrusion from the selected contour).

Step 2

Select all the 3D layers and go 3D – Merge 3D Layers (3D – Merge 3D layers). Name the new layer “3D scene”. Thus, we placed all the 3D objects on the same layer.

Step 3

To have access to the parameters of 3D objects, we need to open two additional panels: 3D and Properties (Properties) that you find in the menu Window (Window).

On the 3D panel you will find all the components that are included in the 3D scene. If you click on any of them, then on the panel Properties (Properties) opens the parameters of this component. Therefore, do not forget to first select the object on the 3D panel, and then change its settings.

Step 4

If you activate the tool Move Tool (V) (Move), a special panel with 3D modes will appear on the screen. If you choose one of them, you can rotate, move, etc. Any 3D scene element selected on the panel.

3. Editing 3D objects

Step 1

On the 3D panel, select all the original layers with letters and on the panel Properties (Properties) change the parameter Extrusion Depth (Extrusion Depth) at 250 px.

Step 2

Click on the icon Cap (Capital) at the top of the panel Properties (Properties) and install Sides (Parties) on Front and Back (Front and back), Bevel Width (Chamfer width) by 5, Contour (Contour) on Half Round (Half Round) and Inflate Strength (Intensity of bloat) at 5.

Step 3

Now on the 3D panel select all objects with a stroke and on the panel Properties (Properties) change the parameter Extrusion Depth (Extrusion Depth) at 50 px.

Step 4

Click on the icon Cap (Capital) at the top of the panel Properties (Properties) and install Sides (Parties) on Front and Back (Front and back), Bevel Width (Chamfer width) by 10, Contour (Contour) for Half Round and Inflate Strength (Intensity of bloat) at 15.

Step 5

Select all 3D objects and apply 3D – Move Objects to Ground Plane (3D – Move objects to the base plane).

Step 6

Activate Move Tool (V) (Moving) and using 3D-axes we place a stroke in the center of the letters.

The arrows at the ends of the axes move the object, a small arc changes the rotation, and the cube helps to scale. The cube at the intersection of the axes is necessary for uniform scaling across all axes. To use these tools, click on them with your mouse and move.

4. Create materials: basic settings

Step 1

On the 3D panel, select all materials of letters. Install Shine (Glitter) 90%, Reflection (Reflection) by 50% and Refraction (Refractive index) 1.3.

Step 2

Next, select all materials strokes. Install Shine (Glitter) 90%, Reflection (Reflection) by 50% and Refraction (Refractive index) 1.2.

5. Create materials: add relief

Step 1

On the 3D panel, select Front Inflation Material (Material of the front bulge) of the first letter, click on the folder icon next to the parameter Bump (Relief) and choose New Texture (New texture).

Step 2

Set the size of the new texture: Width (Width) – 1500 px, Height (Height) – 950 px. Click OK.

Step 3

Click on the texture icon next to the parameter Bump (Relief) and choose Edit Texture (Edit texture).

Step 4

This will open the texture file. Set the foreground color to black and back to white, then go Filter – Render – Clouds (Filter – Rendering – Clouds). Save the texture file and close it to go to the main 3D scene.

Step 5

Increase the parameter Bump (Relief) up to 50%.

Step 6

Select Front/ Back Inflation Material (Material front / rear bump) for all letters, click on the folder icon next to the parameter Bump (Relief) and select the texture of the relief that we used for the first letter (the desired texture is the second one in the screenshot below).

Step 7

Make sure that Bump (Relief) is set to 50%.

Step 8

Select Front/ Back Inflation Material (Material front / rear bump) for all strokes and apply the same texture, only Bump (Relief) set at 80%.

6. Add colors

Step 1

Choose Extrusion Material (Material extrusion) of the first letter, click on the texture icon next to the parameter Diffuse (Scattering) and choose Edit Texture (Texture editing).

Step 2

Fill the file with the color, save and close.

Step 3

Repeat the process with extrusion material for the remaining letters and all strokes, filling each texture. Diffuse (Scattering) the required color until all objects are painted over.

7. Adjust the lighting

Step 1

Click on the button Environment (Environment) and install Shadow Softness (Smoothing the shadow) by 20%.

Step 2

Click on the component Infinite Light one (Infinite Light 1) and set Intensity (Intensity) by 70% and Shadow Softness (Smoothing the shadow) by 30%.

Step 3

If the lighting suits you, continue to work. Otherwise, adjust the parameter Intensity (Intensity) or move the light source around the scene to find a better position.

Step 4

Having finished, we visualize the scene 3D – Render (3D – Rendering). Visualization takes time, so please be patient. If necessary, the process can be stopped by pressing Esc.

When rendering is complete, select our 3D scene and go to Filter – Convert for Smart Filters (Filter – Convert for smart filters). Smart filters will allow us to remove or disable their action at any time, so that we can always return to the original 3D scene.

8. We work with the background

Step 1

Duplicate the background layer (Ctrl + J) and double click on the copy to apply the layer style. Gradient Overlay (Gradient overlay) with the following parameters:

  • Activate the checkbox Dither (Dithering)
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the gradient bar to adjust its color. Set colors #daf4f5 (left edge) and # 1d7585 (right edge). You can also move the gradient on the document itself to place it as you like.

Step 2

Transform a copy of the background layer into a smart object by clicking on it with the right mouse button and selecting Convert to Smart Object (Convert to smart object).

Step 3

Move on Filter – Noise – Add Noise (Filter – Noise – Add noise). Install Amount (Quantity) by 0.75, Distribution (Distribution) on Gaussian (According to Gauss) and activate the checkbox Monochromatic (Monochrome).

Step 4

Again duplicate the background layer (Ctrl + J) and move the second copy above the first one, set it Fill (Fill) to 0.

Step 5

Double click on the second copy of the layer and apply the layer style Gradient Overlay (Gradient overlay) with the following parameters:

  • Activate the checkbox Dither (Dithering)
  • Blend Mode (Blend Mode): Color Burn (Blackout basics)
  • Opacity (Opacity): 70%
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the gradient bar and select the gradient with the fill from color to transparent. Set colors to #dfddda (left edge) and # c7b299 (right edge).

This layer style will slightly enhance the color of the image.

9. Add vegetation

Step 1

Place the Shrub 01 PNG image on the working document under the 3D scene behind the text, duplicate it (Ctrl + J) and place a copy above the 3D scene.

With the Alt key pressed, click on the button Add layer mask (Add layer mask) at the bottom of the layers panel to add a mask that is filled with black color.

Step 2

Take Eraser Tool (E) (eraser) with Hardness (Hardness) 100% and set the foreground color to black.

Next, we use an eraser on the mask to restore the individual leaves of the plant so that they overlap the letters.

White color can mask (hide) extra details.

This technique can take quite a long time, do not forget that you can always adjust Size (size) and Hardness (Hardness) eraser to get a better result.

10. Add sand

Step 1

Open the image of the Pile of sand tool Magnetic Lasso Tool (L) (Magnetic lasso) or select the sand with any selection tool, copy (Ctrl + C) and paste (Ctrl + V) it below the original plant layer.

Place the sand so that the letters and the plant slightly overlap its upper part.

Step 2

Duplicate (Ctrl + J) a layer of sand and place a copy under the copy of the plant. Add a layer mask.

Step 3

Double click on the copy of the sand layer to apply the layer style. Inner Shadow (Inner shadow) with the following parameters:

  • Blend Mode (Blend Mode): Soft Light (Soft light)
  • Deactivate checkbox Use Global Light (Global coverage)
  • Angle (Angle): -45
  • Distance (Distance): 4
  • Size (Size): 5

This will lighten the sand slightly.

Step 4

Take Eraser Tool (E) (Eraser), set the foreground color to white, select the Eraser Brush from the Colors – Brush – Style file and delete the upper part of the sand so that it only slightly overlaps the edges of the letter.

11. Create wet edges in the sand.

Step 1

We use Lasso Tool (L) (Lasso) to create a wavy selection around the bottom of the sand, trying to shape the wet trail left by the wave.

Fill the selection with color # b7b7b7 and remove the selection (Ctrl + D).

Step 2

Transform a layer into a smart object, change its blend mode to Multiply (Multiplication) and Opacity (Opacity) set to 35%.

Step 3

Move on Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) and set Radius (Radius) at 1.5.

12. Add a beach umbrella, an armchair and a ball.

Step 1

Open the image Beach umbrella, chair and ball. With any selection tool, select each element, copy / paste (Ctrl + C / V) on the working document.

We place objects on the sand. Make sure that the layers are above the copy of the plant layer (to which we applied the mask).

Step 2

Double click on any layer with the added object (chair, umbrella or ball) to apply the layer style to it Color Overlay (Color overlay) with the following parameters:

  • Color (Color): # 828383
  • Blend Mode (Blend Mode): Color Burn (Blackout basics)
  • Opacity (Opacity): 50%

Step 3

Right-click on the layer with the layer style and select Copy Layer Style (Copy layer style), then right-click on two other layers with added objects and select Paste Layer Style (Paste layer style). Thanks to this layer style, the colors become brighter and more contrasting.

In addition, you can use the tools Dodge/ Burn Tool (O) (Brightener / Dimmer) to brighten or darken the desired areas.

13. Add a shadow

Step 1

Duplicate (Ctrl + J) all three layers with beach attributes and select a copy of the layer with an umbrella.

Step 2

Move on Image – Adjustments – Hue/ Saturation (Image – Correction – Hue / Saturation) and set Lightness (Brightness) at -100.

Step 3

Duplicate a copy of the layer with an umbrella, then set the parameter Lightness (Brightness) for the chair and the ball is also at -100.

Step 4

To create the shadows of the chair and the ball, select duplicate layers and go Edit – Transform (Editing – Transformation). We use various transformation modes to repeat the angle of inclination, as in the picture below.

Modes Skew (Incline), Distort (Distortion) and Perspective (Perspective) will achieve the basic form, and Scale (Scale) and Rotate (Turn) will help to properly position the shadow.

Step 5

Merge the layers with the shadows of the ball and the chair together (select them and press Ctrl + E). You can rename the resulting layer to Ball and Chair Shadow, and then convert the layer to a smart object.

Change the blending mode of the smart object to Linear Burn (Line dimmer) and Opacity (Opacity) set to 23%.

Hold down the Cmd / Ctrl key and click on the thumbnail of the copy of the sand layer to load its selection. Then click on the layer Ball and Chair Shadow and press the button Add Layer Mask (Add layer mask) to hide the shadow that climbs over the heap of sand.

Step 6

Apply a filter to the Ball and Chair Shadow smart object. Gaussian Blur (Blur according to Gauss) with Radius (Radius) 2.5.

Step 7

For an umbrella, we need to create two shadows: one on the bottom letter and the second on the letter behind the umbrella.

Remove unnecessary parts of the shadow, convert the layer into a smart object and apply a filter Gaussian Blur (Blur according to Gauss) with a radius of 1.5.

Change the blending mode of the lower shadow to Linear Burn (Line dimmer) and Opacity (Opacity) set to 23%. Then change the blending mode of the upper shadow to Multiply (Multiplication) and Opacity (Opacity) set to 10%.

14. Add more sand and shadow.

Step 1

Duplicate the original layer with sand, place it above the layers with the ball, chair and umbrella, with the Alt key pressed and add a black mask.

Take Eraser Tool (E) (Eraser), set the foreground color to black and use the Eraser Brush brush from the Colors – Brush – Style file to add sand at the base of the ball, the letter and the legs of the chair. If necessary, adjust the diameter of the brush.

Step 2

Create a new layer (Ctrl + Shift + N) above the copy of the plant layer, change its blending mode to Linear Burn (Line dimmer) and Opacity (Opacity) set to 25%.

Take Brush Tool (B) (Brush), set the foreground color to # c7b199 and use a soft round brush to darken the bottom edge of the letter that stands on the sand.

Step 3

Create a new layer under the original layer with a plant and change its blending mode to Linear Burn (Linear Dodge).

Use a soft, round brush with color # c2c2c2 to draw a shadow around a pile of sand.

Or you can create an oval selection with a little blur and fill it with the same color.

15. Add flowers

Step 1

Open the image cliviapack – STOCK, select, copy and paste several colors on the working document.

We distribute flowers around the plant and combine all the layers with flowers into one group (Ctrl + G).

Step 2

Double click on the group Flowers (Flowers) to apply a layer style Color Overlay (Overlay color):

  • Color (Color): # cbd0d6
  • Blend Mode (Blend Mode): Color Burn (Blackout basics)

Step 3

Apply layer style Drop Shadow (Shadow):

  • Opacity (Opacity): 35%
  • Distance (Distance): 7

Thanks to this, the flowers have become a little brighter.

16. Add water spray

Step 1

Create a new layer under the original sand layer.

For each brush stroke, we will create a separate layer and apply the Water Splash style from the Colors – Brush – Style file to it.

Below the layer of sand do a brushstroke Abstract water.

Step 2

You can create another layer and make another brush stroke with splashes.

Step 3

Above the Flowers group we create a couple of new layers, use Water Splash Brushes (from Serkenil) to add splatter over the letters.

Make each brush stroke on a new layer to keep the shape and details of the spray after applying the style.

Step 4

Place the Png Water Splashes image behind the copy of the sand layer and change the blending mode to Pin Light (Spot light).

You can add a mask to this layer and adjust the shape of the spray if you see fit.

Step 5

Double click on the Png Water Splashes layer to apply the layer style Color Overlay (Overlay color) with the following parameters:

  • Color (Color): # 28a690
  • Blend Mode (Blend Mode): Hue (Tone)

The layer style slightly corrected the color of the spray.

Step 6

Create more layers and the Water Splash Brushes brushes (from Aura_ID) add more splashes along the edges of the sand pile.

Do not forget that you can always remove unnecessary details, transform or move the created spray.

17. Apply High Pass Filter (Color Contrast)

Step 1

Move on Select – All (Highlight – All), then Edit – Copy Merged (Editing – Copy merged data).

Step 2

Move on Edit – Paste Special – Paste in Place (Editing – Paste Special – Paste instead) and make sure that the inserted layer is at the very top of the layers palette.

Transform the layer into a smart object, call it High Pass, change the blend mode to Soft Light (Soft light) and install Opacity (Opacity) by 50%.

Step 3

Move on Filter – Other – High Pass (Filter – Other – Color Contrast) and set Radius (Radius) at 7.

This filter will correct the colors and make the details clearer.

Congratulations! We are done!

Final image:

In this lesson, we created colored letters, transformed them into shapes, and created a stroke for each letter.

Then we converted the shapes into 3D objects and merged them into one scene. After that, we set up their parameters, location, and created different materials with textures. We also adjusted the lighting and visualized the finished scene.

After visualization, we began to add various objects on the letters, such as plant, sand, beach attributes and flowers. We corrected the color, added shadows and continued work on achieving integrity and harmony in the illustration.

Finally, we added some water splashes over the letters and applied a filter to the final version. High Pass (Color Contrast) to make the picture clearer.

Like this post? Please share to your friends: