Create text from a chemical fluid in Photoshop

In this tutorial, I will show you how to create text from a chemical fluid in Adobe Photoshop.

Final result:

Step 1

Create a new document 600 x 400 px, then go View – Show – Grid (View> Show> Grid) to activate the grid, and then go Preview – Snap To – Grid Lines (View> Snap To> Grid) to snap to the grid. Press the keys (Ctrl + K) to bring up the window Installations (Preferences), then select the setting Guides, mesh, etc. (Guides, Grid Slices) and set the settings that are shown in the screenshot below. During the whole lesson, I will turn off the grid visibility (Ctrl + ‘) so that you can see better. The grid will facilitate your work when creating shapes.

Step 2

In the layers palette, select the layer with Background (Background layer), then click on the lock icon to unlock the layer.

Go to the toolbar, set the foreground color to # 172733. Select the tool Fill (Paint Bucket Tool) to fill the canvas with the selected shade.

Apply the following layer styles to the existing layer.

Step 3

Choose a tool Horizontal text (Horizontal Type Tool), install the Insaniburger font.

Add text ‘LIQUID (FLUID), font size 160 px, font color # 101E2A.

Step 4

Apply the following layer styles to the text layer.

Step 5

In this step, we will create a pattern for the green liquid.

Press the keys (Ctrl + N) to create a new 12 x12 px document. Install content Background (Background) on Transparent (Transparent).

Go to the toolbar, set the foreground color to white (#FFFFFF), select the tool Ellipse (Ellipse Tool). Create the following vector shapes.

Once you have drawn the shapes, save the created pattern, for this we simply go Editing – Define a pattern (Edit> Define Pattern). In the window that appears, enter a name for the new pattern, and then click the “OK” button.

Step 6

We return to our working paper. On the toolbar, change the foreground color to # 2CBE6D, then select the tool Pen (Pen Tool). Draw the next shape.

Step 7

Make sure that the vector shape you drew in the previous step is active. Choose a tool Add anchor point (Add Anchor Point Tool). Add a few reference points, as shown in the screenshots below.

Step 8

Choose a tool Arrow (Direct Selection Tool) and further, let’s focus on the letter “F”. Select the specified control points, and then press the down arrow key three times to shift the selected control points 3 px down.

After the shift, go to the next letter, gradually focusing on the rest of the text and moving the control points, as shown in the screenshots below.

Step 9

Next, hold down (Ctrl) + click on the thumbnail of the text layer to load the active selection.

Make sure the green vector shape is active (Translator’s Note: go to the green vector layer), now press the button Add layer mask (Add Layer Mask) at the bottom of the panel. Once you have added a layer mask, press the keys (Ctrl + D) to deselect.

Step 10

For the layer with the green vector shape, apply the layer styles. Set the settings for each layer style, which are shown in the screenshots below. For layer style Overlapping pattern (Pattern Overlay), apply the pattern we created earlier in this lesson.

Step 11

Make sure you are on a layer with a green vector shape. Press the keys (Ctrl + J) to duplicate this layer with the shape.

Go to the duplicate layer, then right-click on this duplicate layer and in the appeared window select the option Clear layer style (Clear Layer Style).

Now change the color of the duplicate shape to a darker shade of green (# 177B44). To do this, click on the thumbnail of the duplicate layer to load the active selection, and then fill. Next, move the duplicate layer down, placing it below the original layer with the vector shape, to do this, press the keys (Shift + [).

Step 12

Make sure you are on a duplicate of the layer you created in the previous step. Choose a tool Arrow (Direct Selection Tool). Focus on the letter “F”, select the reference points along the perimeter of the letter, and then move them up by 4 px.

Now select the reference point, which is indicated by the blue circle in the screenshot below, and then move it up by 5 px, then select the reference point, which is indicated by the red circle, lift it by 4 px.

Step 13

For the rest of the text, use the same tool, highlighting the anchor points and shifting each point, as shown in the screenshots below.

Step 14

To duplicate the layer with the vector shape that you edited in the previous step, apply the following layer styles, as well as the settings shown in the screenshots below.

Step 15

Change the foreground color to # 1A894C. Choose a tool Ellipse (Ellipse Tool). Focus on the area where the green vector shape ends, draw bubbles, positioning them as shown in the screenshots below.

Step 16

Select all the layers with bubbles that you drew in the previous step, then click the right mouse button on the selected layers with shapes and in the appeared window select the option Combine shapes (Merge Shapes).

Now to the merged layer, apply the layer style with the settings shown in the screenshot below.

Step 17

Change the foreground color to #FFFFFF, select the tool Brush (Brush Tool), select brush # 2192 from the brush set, set the brush size to 70 px.

Create a new layer, one time click the Smoke brush on the workspace.

Press the keys (Ctrl + T), then hold down the (Shift) key and rotate the smoke effect by -90 degrees. Now place the resulting effect over the letter “F”, as shown in the screenshot below.

Step 18

To create a “gas” effect for each letter of the text, you need to repeat the previous step. For each letter, use a separate layer.

Now select all the layers with the “gas” effect, then right-click on the selected layers and in the appeared window select the option Merge layers (Merge Layers).

On the combined layer with the effect of “gas”, create a text selection, for this, hold down the (Ctrl) key + click on the thumbnail of the text layer to load the active selection, and then click Add layer mask (Add Layer Mask) at the bottom of the layers panel

Step 19

While still on the merged layer with the “gas” effect, change the blending mode for this layer to Soft light (Soft Light), and also reduce Opacity (Opacity) layer up to 40%.

Next, on the same combined layer with the effect of “gas”, apply the layer style Color overlay (Color Overlay), color overlay # 39D945.

We have completed the lesson. I hope you enjoyed this lesson and it was easy for you. Thank you for your attention and good luck!

The final result:

Like this post? Please share to your friends: