Create a watercolor logo in Photoshop

In this tutorial, you will learn how to create a watercolor logo using various brushes and textures.


(click on image to enlarge)

Materials for the lesson:

Step 1. New document
Open Photoshop and create in it a new document with dimensions. 1680×1050 pix., background color is white.

Step 2. Logo
On the new layer we write the text using the tool Text tool (Horizontal text). I use font in my work Bifurk You can take any other font. Each letter of our logo is written on a separate layer. I had two layers for the letters D and G (I turned the letter G so that it looked like the letter C).
Next, create a separate folder for each letter, I got two folders. Now you need to rasterize the text layers – right click on the layer with the letter, in the drop-down menu select the option Rasterize (Rasterize type). Repeat these steps for all text layers.

Step 3. Gradient and rotation.
To begin, I will explain how to make an unusual effect on the letter D, then it will be necessary to apply this principle to another letter.
Duplicate the “D” layer layer twice. Take advantage of Free transform tool (Free Transform) or Ctrl + T. Rotate these duplicate layers – one for 6.5g, the other for -6.5g. Rename them to “d_01” and “d_02”.

Add the layers “d_01”and “d_02 “style Gradient overlay (Overlay gradient), settings look at the screenshot. You can choose other colors to your taste.

Note of translator: Please note that the gradient angle in the first style is 90 degrees, and in the second-50 degrees. The gradient colors in both styles are the same: b80000 position 0%, fed00b position 20%, feeb75 position 40%, d889ca position 60%, 5da2b2 position 80%, c10000 position 100%.

Decrease Opacity (Opacity) to these layers 50%.
Repeat these steps for another letter.

Step 4. Blur.
Select two layers with gradient and press the key combination Ctrl + Alt + E, to get the merged layer. Position the merged layer below the gradient layers. Apply to this layer Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) 3 pix. Rename the blur layer to d Blur “, reduce it Opacity (Opacity) to 50%.

Repeat these operations for another letter. Now create a folder and move the folders with letters into it. Hide the layers with black letters by clicking on the eye next to the layer icon. Select all layers except letters black, press the keys Ctrl + Atl + E, to create a new merged layer. Move this layer below all layers, apply a filter to it Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) 30 pix. Change this layer’s opacity to 40%.

Step 5. Using watercolor textures.
In my work I use two textures that you can find at the links: Texture1 and Texture2. Open the downloaded watercolor red-orange texture in flash, drag it into our document, transform it to the desired size, place it on top of the logo as in the screenshot. With Ctrl pressed, click on the layer with the black letter D, then without removing the selection, hold down the Ctrl + Shift keys and click on the layer with the black letter C – you will get the selection of two letters at once. Go to the layer with the watercolor texture and create a layer mask: Layer – Layer Mask – Reveal Selection (Layer – Layer Mask – Show Selected Area). Reduce this O layerpacity (Opacity) to 80%.

Drag the second watercolor texture into our document. Create a selection of the layers “d_01”, “d_02”, “c_01” and “c_02”, according to the principle described above, repeat all actions, change the layer with the texture blending mode to Overlay.

Step 6. Background.
Now we will create a background. For this you need to download the archives with textures: 10 old paper texture by `Bleeding-Dragon and ShadyMedusa-stock’s. From the first archives we choose the texture of old paper you like, I use paper2. Open and drag this old paper texture into our document. Turn it and transform it to the desired size. Edit – Transform – Rotation 90 ° (Editing – Transformation – Rotate 90 clockwise). Place this layer below all layers.
Now open the texture from the second archive, also rotate and reduce to the size of our document. Place this layer below the letter layers, but on top of the old paper texture layer. Reduce the opacity of this layer to 30%.


(click on image to enlarge)


(click on image to enlarge)

Step 7. Lines
Create a new layer using Rectangle tool (Rectangle) draw a thin line. Copy this layer three times, with each copying we shift the line slightly to the right. Thus, we have 4 lanes. Combine these 4 layers in one. Copy the merged layer, place it as shown in the picture.


(click on image to enlarge)

Step 8. The texture on the lines.
Select two layers with lines and transform them through Free transform tool (Free Transformation) or use the keyboard shortcut Ctrl + T, at the same time we rotate the stripes, then move one layer with the stripes down, as shown in the picture, as if we merge them with each other.
Load the watercolor texture, open it in flash, drag it into our document, adjust it in size. Place it on top of the layer with the upper part of the strips, right-click on the texture layer, select Create a Clipping Mask. If necessary, you can rotate and reduce or increase the watercolor texture on the strips using Free transform tool (Free Transformation). It should look something like this:


(click on image to enlarge)


(click on image to enlarge)

Step 9. Layer Masks.
Create a selection of layers D, d_01 and d_02. Invert selection and create masks on layers with stripes. It should turn out as in the picture:


(click on image to enlarge)

Step 10. Add a splash of paint.
Download any spray brushes you can download, for example, on the deviantART Brush Library. I painted splashes of different colors, each on a new layer. You can apply different textures to some layers with splashes as in the stripes example.

Note of translator: brushes with spray can be taken in the archive


(click on image to enlarge)

Step 11. Add splash to the back.
Create a new layer, rename it to “Paint Brushes”, create a folder above the layers with background textures, move this layer there. We use the tool Brush tool (Brush) we draw splashes. Now we need to create a copy of the layer with watercolor paint, which we used as a clipping mask to the layer with stripes. Use the key combination Ctrl + J to copy this layer with watercolor paint. Move this layer to the folder with splashes on top of the “Paint Brushes” layer, right-click on the watercolor layer, select the option Create a Clipping Mask (Create clipping mask).

That’s it, our lesson is over. Hope you enjoyed it!


(click on image to enlarge)

Like this post? Please share to your friends: