Create text with color elements in Photoshop

Texts with color elements are a designer trend that combines beautiful floral elements with text elements to create an elegant design. In this tutorial, I will show you how to combine a source image with a bunch of flowers with simple text, using a couple of layer styles, filters, and textures, including a correction, to create your own floral text design. So let’s get started!

This text effect was created thanks to the inspiration of various layer styles that you can see on the Envato Market site.

The final result:

The great news regarding the technique used in this lesson is that it can be applied to almost all images.

Excellent results can be achieved with high quality images even with small details.

It is also very important to choose such an image so that you can easily separate objects from it from the background and add your background.

1. Perform color correction

Step 1

Create a new document 3000 x 3000 px. Open the original image with a bunch of flowers. Place this image on top of the layer with Background (Background layer), name the layer with a bunch of flowers Flowers (Flowers).

Step 2

Next, go Image – Correction – Vibration (Image> Adjustments> Vibrance). Set the value Vibrations (Vibrance) -10.

Step 3

Let’s go Image – Correction – Hue / Saturation (Image> Adjustments> Hue / Saturation0. Decrease the value Saturation (Saturation) to -10.

Step 4

Let’s go Image – Correction – Color Balance (Image> Adjustments> Color Balance). Install Levels (Color Levels) at -10, -2, 13.

Step 5

Duplicate the layer with a bouquet of flowers, and then add a layer mask to the duplicate layer with a bouquet of flowers, to do this, click Add layer mask (Add layer mask) at the bottom of the layers panel.

Make sure that the layer mask is active, and then fill with black.

2. Add text

Step 1

Type the text using the font Big John Regular, the text color is white. In fact, you can use any font and font size at your discretion, however, with a large font size and in bold, the effect will look much better. The font size used in this tutorial is 765 pt.

If you want to arrange the letters of the text separately, then create each letter on a separate layer, placing all the layers with separate letters on top of the layer with a bunch of flowers.

Step 2

Group all the text layers you created, name the new group Text (Text). Next, position the layer with the group Text (Text) between two layers with bouquets of flowers.

Step 3

Reduce value Opacity (Opacity) for a layer with a group Text (Text) to the level so that you can easily distinguish between the text and the details of the background.

3. Paint over the color fragments

Step 1

Choose a tool Brush (Brush Tool (B)), set the foreground color to white. Install a hard round brush.

Click on the mask of the duplicate layer with the bouquet color to make the mask active, and then start painting the individual fragments of colors that you want to place over the text.

You can use the ‘[‘ and ‘]’ keys to increase or decrease the diameter of the brush. Just take your time, paint the individual fragments of flowers as carefully as possible.

Step 2

If there are areas that you want to redo, then simply change the color of the brush to black, and then correct the necessary areas.

Use the ‘X’ key to switch the foreground color to the background color (black and white).

You can also use selection tools to highlight areas that you want to paint or correct at your discretion.

Step 3

As soon as you finish working with the brush, then increase again Opacity (Opacity) layer with a group Text (Text) up to 100% to see what the result looks like.

Step 4

Zoom in to fix any areas that need to be improved. This is a bit of painstaking work, but it’s very important to get a flawless end result.

4. Create a shadow

Step 1

Hold down the (Ctrl) key and click on the thumbnail of the layer mask of a duplicate layer with a bunch of flowers to load the active selection.

Step 2

Create a new layer on top of the group layer. Text (Text) name this layer Shadow (Shadow).

Choose a tool Fill (Paint Bucket Tool), in the control panel of this tool, uncheck the box Adjacent pixels (Contiguous), and then fill the active area with black.

Right click on the layer Shadow (Shadow) and in the window that appears, select the option Convert to smart object (Convert to Smart Object).

Step 3

Next, go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur), set Radius (Radius) blur on 7.

Step 4

Using tool Move (Move Tool), slightly shift the shadows down.

Now you can see that the shadows accidentally appeared on certain areas that you have processed. To fix this, you need to re-paint these areas (restore them).

Therefore, select the tool Brush (Brush Tool), go to the duplicate mask with a bunch of flowers, set the foreground color to white, and then paint over the areas where you want to close the shadow.

Step 5

You can use a low stiff brush to create a smooth transition in these areas.

If necessary, you can even add a layer mask to the layer. Shadow (Shadow) to hide unnecessary parts of the shadow, or, on the contrary, on the original layer with shadows, add shadows.

Step 6

Once you have completed, further, change the blending mode for the layer Shadow (Shadow) on Multiplication (Multiply) and also reduce Opacity (Opacity) layer up to 30%.

5. Remove white background

Step 1

Choose a tool Magic wand (Magic Wand Tool), in the control panel of this tool, uncheck the box Adjacent pixels (Contiguous), and then click on the white area to create a selection.

Depending on the original image with the colors you are using, you may need another tool to highlight the background, for example, Magnetic Lasso (Magnetic Lasso Tool) or tool Fast selection (Quick Selection Tool). Simply highlight the background on the image to remove it.

Step 2

Next, go Selection – Inversion (Select> Inverse) and then add a layer mask to hide the white background.

Step 3

Once again, select the white area (now the empty space on the image with a bouquet of flowers), now click on the duplicate mask of a layer with a bouquet of flowers, and then fill the selected area with black.

Next, go Selection – Deselect Selection (Select> Deselect).

6. Add a gradient fill to the background.

Step 1

Duplicate layer with Background (Background layer).

Step 2

Double click on duplicate layer with Background (Background layer) to apply a layer style. Gradient overlay (Gradient Overlay). Apply the following settings, which are listed below:

  • Tick ​​in the box Dithering (Dither)
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the gradient scale to display the gradient editor window, set the gradient colors are #ffffff on the left and # 559793 on the right.

Step 3

You can also use other gradient colors as you like.

7. Add shadows on the background with flowers

Step 1

Hold down the key (Ctrl) and click on the thumbnail of the layer mask. Flowers (Flowers) to create an active selection.

Step 2

Create a new layer on top of the duplicate layer with Background (Background layer), name this layer Shadow from the Flowers (Flowers Shadow). Fill the selected area with black, and then cancel the active selection.

Step 3

Double click on the layer Shadow from the Flowers (Flowers Shadow) to apply layer style Gradient overlay (Gradient Overlay). Apply the following settings, which are listed below:

  • Tick ​​in the box Dithering (Dither)
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on gradient school to display the gradient editor window, set the gradient colors are # f7f7f7 on the left and # 555555 on the right.

Step 4

Transform layer Shadow from the Flowers (Flowers Shadow) in the smart object, and then change the blending mode for this layer to Linear dimmer (Linear Burn), and also reduce Opacity (Opacity) layer up to 70%.

Step 5

Next, go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur), set Radius (Radius) blur at 10.

Step 6

Press the keys (Ctrl + T) to activate the mode Free transformation (Free Transform Mode).

In the control panel, click on the icon. Deformation (Warp) and in the drop-down menu select the option Fish eye (Fisheye). Apply the correction if necessary, and then click the button. Perform the transformation (Return) to apply the changes.

Step 7

Now you can apply scaling and offset to the shadow at your discretion, press the button again. Perform the transformation (Return) to apply all changes made and exit the mode. Free transformation (Free Transform Mode).

8. Stylize the text.

Double click on the layer with the group Text (Text) to apply the following layer styles:

Step 1

Add a layer style Inner shadow (Inner Shadow). Apply the following settings for this layer style:

  • Opacity (Opacity): 23%
  • The size (Size): 10

Step 2

Add a layer style Shadow (Drop Shadow). Apply the following settings for this layer style:

  • Opacity (Opacity): 35%
  • Uncheck the box Global coverage (Global Light)
  • Angle (Angle): 90
  • Bias (Distance): 22
  • The size (Size): 57

So we added a shadow to the text.

9. Create layers for filters.

Step 1

Next, go Selection – All (Select> all) and then go Editing – Copy merged data (Edit> Copy Merged) and Editing – Paste (Edit> Paste).

Step 2

Place the pasted image on top of all other layers. Name this layer Filter 1 (Filters 1), and then convert it into a smart object.

Next, change the blending mode to Soft light (Soft Light), and also reduce Opacity (Opacity) layer up to 20%.

Step 3

Duplicate layer Filter 1 (Filters 1). Name the duplicate layer Filter 2 (Filters 2), and also install Opacity (Opacity) layer at 50%.

10. Apply filters

Step 1

Go to layer Filter 1 (Filters 1), and then we go Filter – Filter Gallery – Sketch (Filter> Filter Gallery> Sketch).

Select filter Linocut (Stamp) and then in the settings set Tone Balance (Light / Dark Balance) at 45, and the value Softening (Smoothness) at 1.

After applying this filter, the image became more like an illustration than a photo.

Step 2

Go to layer Filter 2 (Filters 2), and then we go Filter – Other – Color Contrast (Filter> Other> High Pass). Install Radius (Radius) at 10.

11. Add a texture and apply the final adjustment layer.

Step 1

Open the original paper texture. Move this texture to our working paper, placing it on top of all other layers, apply scaling if you want. Change the blending mode for the paper texture layer to Multiplication (Multiply) and also reduce Opacity (Opacity) layer up to 50%.

Step 2

Press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and in the appeared window select the option Black and white (Black White).

Step 3

Change the blending mode for the adjustment layer. Black and white (Black white) on Linear dimmer (Linear Burn), and also reduce Opacity (Opacity) layer up to 5%. This will add a subtle color correction to the final result.

Congratulations! And we have completed the lesson!

In this lesson, we corrected the color of the image with colors, used layer masks to add simple text to it. Next, we styled the layers and added various shadows, including a simple gradient to the background.

After that, we applied a couple of filters to make the image look more interesting and pronounced. Finally, we added a texture and adjustment layer to complete the effect.

The final result:

Like this post? Please share to your friends: