Photoshop Watercolor_Logo_Preview

Published on December 17th, 2012 | by Adrien | Supercolor

6

Create a Watercolor Logo in Photoshop

Enjoy this Post! Please Help spread the word and Share it!

 

Create a Watercolor Logo, using different watercolor and paper textures learning different techniques on brushes and layer mask.

A few weeks ago I created a Wallpaper for the site, I thought it could make an interesting Tutorial for every level designers, I hope you’ll appreciate the creation.

Download

Final Preview

Step 1 – New Document

Open Photoshop and create a new document with a white background, mine is 1680x1050px so it fits my screen resolution.

Step 1

Step 2 – Logo

Create a new layer and select the Text Tool (T), I used the Bifurk font; I already used it in a previous tutorial. Write your text; use a different layer for each letter so you can work on each one separately, I just used two layers with a D and a rotate G to represent a C for drawing clouds. Put each layer with a letter in a folder for each one of them. Rasterize both letters layers by doing right click – Rasterize.

Step 2

Step 3 – Gradient and Rotation

I’m going to explain how to give a nice effect on the D. You’ll just have to repeat the same process for the other letters.
Duplicate the D layer twice, Use the Free Transform Tool Ctrl+T and rotate the two duplicated layer with about 6,5° for the first one and -6,5° for the other one. Name the duplicated layer d_01 and d_02

Step 3

Step 3

Add a Gradient Overlay layer style to those 2 layers. You can play with the angle and the colours.

Step 3

Step 3

Step 3

Step 3

Change the opacity of both layers to 50% and place them under the original D layer, Repeat the same process for the other letters.

Step 3

Step 3

Step 4 – Blur

Select the 2 gradient layers we just created before and press Ctrl+Alt+E, this will create a new layer, place it under the d_02 layer and apply a Gaussian Blur to it, Filter – Blur – Gaussian Blur with 3px, name this layer d Blur and change the opacity to 50%.

Step 4

Step 4

Step 4

Do the same for the other letters, when you’re done select the entire letter folders but make sure the black letters layers are hidden, Ctrl+Atl+E and apply a 30px Gaussian Blur, place this layer under all the folders and name it Logo Blur, Change the opacity to 40%.

Step 4

Step 5 – Watercolor Texture

I’ve used two watercolor textures from sadmonkeydesign-res’s deviant art gallery for this step, you can find them Here and Here, when you’ve downloaded both textures files, just open them in Photoshop. Drag the orange/pink texture into your document, resize and place it on top of the logo layers, make a selection of the D layer by doing Ctrl+Left click on the little thumbnail preview in the D layer, then with the selection still active, press Ctrl+Shift+left click on the G layer preview thumbnail in the layer panel, finally go back on the texture layer and create a layer mask, Layer – Layer Mask – Reveal Selection and change the opacity to 80%.

Step 5

Step 5

Step 5

Drag the other texture and place the layer under the first texture. Make a selection of the d_01, d_02, c_01 and c_02 with the same process we used for the previous texture and create a layer mask on the blue texture, then change the blending mode of the layer to Overlay. When you’re finished hide the two original letters layers.

Step 5

Step 5

Step 5

Step 6 – Background Textures

We’re not done with textures; we’re going to do the background now. You’ve got to download 2 more textures, download the 10 old paper texture by `Bleeding-Dragon pick one of those textures, I choose the paper2 one and drag it in your document, rotate it 90°, Edit – Transform – Rotation 90°. Place the texture layer in front of the background layer.
Next download a texture from ShadyMedusa-stock’s deviantArt gallery , resize and rotate it with the Free Transform Tool and place the layer in front of the first texture layer, change the opacity to 30%.

Step 6

Step 6

Step 7 – Lines

Create a new layer, select the Rectangle Tool and create a white thin stripe, duplicate this layer 3 times, each time move the new layer a little bit to the right, so you’ve got 4 stripes with the same spacing. Merge the 4 stripes layer and then duplicate the merge layer, place the new stripes under the original ones, you should have something like this.

Step 7

Step 8 – Texture on lines

Select both stripes layers and use the Free Transform Tool Ctrl+T to rotate them, place them like on the image, then download an other watercolor texture Here, open it in photoshop and drag it into the document, place it on top of the first stripe layer, rotate and resize it with the Free Transform Tool, and create a Clipping Mask, Right click – Create a Clipping Mask, this will mask all the watercolor parts out of the stripes shape.

Step 8

Step 8

Step 9 – Layer Mask

Make a selection of all the D layers, D, d_01 and d_02 and invert the selection then create a layer mask on both stripes layers with this selection.

Step 9

Step 10 – Paint Splat on Logo

Download some photoshop paint splat brushes, you can find some on deviantART Brush Library, to load them in photoshop, just double click on the .abr file you’ve downloaded or go on the brush library and click on load brushes. I used a new layer for every splatter and used the colours from the textures. When you’re done with the splatters, just create a new folder, name it Paint Splat, place all the splat layers in it and place it in front of the stripes.

Step 10

Step 11 – Background Paint Splats

Create a new layer, name it Paint Brushes and place it just in front of the textures. Select the Brush Tool (B) and paint some more splat on all the canvas, when you’re done duplicate the watercolor texture layer in the stripes folder and place the layer in front of the Paint Brushes layer, Right click on it and select Create a Clipping Mask.

Step 11

Step 11

Step 11

I hope you liked this Tutorial, contact me for any questions and send me a link to your creations, I really appreciate seeing what people learn in my tutorials. You can download the PSD source file:

Download

Sign up for testking 70-680 training to learn how to create colorful wall papers in photoshop. Download testking 642-902 tutorials and testking 642-813 demos to become expert graphic designer at your pace.

 

Enjoyed this Post? Please Help spread the word and Share it!


About the Author

Hi, I'm a designer and the creator of supercolortuts.com, I like to share Tips and Techniques in Photoshop and Illustrator. Check out my Portfolio at supercolorstudio.com or my Prints shop supercolor.bigcartel.com



6 Responses to Create a Watercolor Logo in Photoshop

  1. Pingback: 30 Quality Tutorials For Working With Textures In Photoshop | Creative Nerds

  2. Pingback: 30+ Fresh Photoshop CS6 Text Effect Tutorials of 2013 -

  3. Pingback: Logo Research | Mary King

  4. Liz says:

    Hey there.

    I’m a digital content writer currently designing my business site. My foray into the artistic world of Photoshop has been fairly recent. But, I can tell you, it’s been a dynamic love affair. I’m enjoying the creative process very much (I enjoy all things “creative”.)

    Your logo work is gorgeous. Then, in addition to that you provided high quality tutorial content. I really appreciate that. Thanks for the PS tips and the inspiration to create.

    Appreciatively,
    Liz

  5. BEST TUTORIAL WEB EVER!<3

  6. Pingback: 25 Best Photoshop Logo Design Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top ↑

Follow Us and Subscribe!

”Tweeter” ”Facebook” ”RSS” ”Dribbble”


  • Subscribe to our Newsletter

    Don't miss an Update !


    Have every new post delivered straight to your email inbox.






  • Categories