Floral text in Photoshop

In this lesson we will create a voluminous text in the form of grass covered with flowers. A similar effect is well suited for summer or spring posters.

Final result:

Materials for the lesson:

Step 1

Create a new document in Photoshop (Ctrl + N) and set the font “ETH”. Select the Horizontal Type Tool (T), select the installed font in the settings, set the size to 550 pixels and select the Black type.

Step 2

Write “PSD” in color # 58820a. Open the panel Symbol (Window> Character) (Window> Character) and set Tracking to 100.

Step 3

Create a copy of the current PSD document. We will need it later.

Step 4

Create a 3D effect for text using special operations. They need to be added to the library of the program and just run.

Step 5

We need to change something. Remove the “Shadow Group” group. Inside the “initial object” group, open the “top” layer styles. Remove style Stamping (Bevel Emboss) and set 45% opacity for style Color overlay (Color Overlay).

Step 6

Still need to change the lighting. Go to menu Layer> Layer Style> Global Lighting (Layer> Layer Style> Global Light). Enter the following values:

Step 7

Now either merge all the layers and groups, except the background “background” layer, or convert it all into a smart object. The resulting layer / smart object name “3D text”. Overlay text on grass texture. You just need to insert one of the textures into our document, place on top of the text and create a clipping mask (Ctrl + Alt + G).

Step 8

Set the blending mode of the “Grass Texture” layer to Soft Light or Overlay. Achieve better color and brightness for text with adjustment layers. Hue / Saturation (Hue / Saturation) and Brightness / Contrast (Brightness / Contrast).

Step 9

Create a new layer under the 3D text and name it “Grass Border”. Select the text (hold Ctrl, click on the layer thumbnail). Convert the selection to a work path. To do this, right-click on the canvas and select Create work path (Make Work Path).

Step 10

Set brushes to paint the grass. Tool Pipette (Eyedropper Tool) (I) determine the green color from the text. While on the Grass Border layer, draw a path with a grass brush. To do this, go to the panel Contours (Paths) and click on the stroke icon at the bottom of the panel.

Step 11

You can add as many “Grass Border” layers as you like. Simply change the brush size and color and repeat the stroke process. When done, delete the path in the Paths panel.

Step 12

Return to the second PSD file we created at the beginning of the lesson. Now we will use the SuperSpray plugin.

Step 13

Now I will explain how to install the plugin. Copy the plugin folder to the folder Adobe> Presets> Scripts. Inside the SuperSpray folder you should have the following files:

Step 14

The script covers only black pixels with 100% opacity of PNG files. The plugin includes several PNG files, but you can add any object yourself. Save this flower PNG file to a folder. Adobe> Presets> Scripts> SuperSpray> Objects. After that, the flower will appear in the preview window of the plugin.

Step 15

Before we use the plugin, make sure that you are in the right document. The text font should be “ETH”, size – 550 pixels and type Regular (Regular) instead of Black.

Step 16

Go to menu File > Scripts > Review (File> Scripts> Browse). Open the “SuperSpray.jsx” file.

Step 17

Select the desired object from the library. To view, click on the Update button. When you decide, click on the OK Save PNG button.

Step 18

Go to menu File> Post (File> Place) and select the flower PNG file that we saved to the computer. The flower will be inserted as a smart object. Right click on it and select Rasterize layer (Rasterize Layer). Reduce the flower, place it on the text and name the layer “Floral Text”.

Step 19

Create a Brightness / Contrast adjustment layer for the Floral Text layer.

Step 20

Now we need to create a shadow from the objects of the Floral Text layer. Create a copy of the layer and name it “Shadow”. Apply the Color Overlay style to this layer and choose black. Tool Move (Move Tool) (V) Move the shadow down a bit and left. Reduce the opacity to 60% and apply a filter. Gaussian blur (Filter> Blur> Gaussian Blur) (Filter> Blur> Gaussian Blur).

Step 21

Tool Eraser (Eraser Tool) (E) erase part of the shadow that extends beyond the text. We will add the sky to the background, so the shadows on it will be out of place.

Step 22

Now let’s do the background. Fill the background layer with # 26cbda. Then create a new layer “Sky Clouds”. Paste a sky image onto this layer, reduce the opacity to 65% and with the tool Eraser (Eraser Tool) (E) erase some of the clouds.

Step 23

We have almost finished the lesson. The rest will be devoted to adding additional elements. Below it is shown that I added several colors around the text, which must necessarily have a shadow.

Step 24

Add butterflies or birds.

Step 25

On the new layer you can add more clouds with the help of special brushes. Use a light color and small opacity for the brush. To soften the clouds, use Gaussian Blur filter (Gaussian Blur).

Step 26

Add a bright shine with Blik filter (Lens Flare) or finished textures.

Step 27

To better combine all the elements of the picture, create photo filter adjustment layer (Photo Filter). To increase the overall brightness, use filter color contrast (High Pass). To balance brightness and contrast, create Brightness / Contrast adjustment layer (Brightness / Contrast).

Final result:

Like this post? Please share to your friends: