Photoshop Tutorial - Design Watercolor Effect

March 7, 2008

I saw this tutorial while browsing WebDesignerWall’s site. Their site i really good so I wanted to share this tutorial to all those who haven’t seen their blog. Enjoy!

Start it here:

1. Notepaper stock image

First you need to find a notepaper stock image. You can buy stock photo from iStock or scan from a notepad.

screen 1

Cutout the notepaper and apply 2px drop shadow effect.

2. Watercolor effects

Cmd + click on the notepaper layer to load the selection. Create a new Layer Group and click on the Add Layer Mask mini icon in the Layers palette. This way everything within the Layer Group will be masked.

screen 2

Create a new layer. Choose a pink color (or any pastel color), select the Pencil tool, set the tool Opacity to 10%, brush size 100px, and drag around the document as you are doing a watercolor painting.

screen 3

Repeat this step until you get multi layers of watercolor effects.

screen 4

3. Add details

Find some coffee stain images, paste it in and set the layer blending mode to Multiply.

screen 5

Dirty and splatter effect: download and use the splatter or watercolor Photoshop brushes from Bittbox.

screen 6

Add some pencil sketch illustrations. You can either scan your marker sketches or use vector illustration.

screen 7

Make a triangle selection in the corner, pick a grey color and apply a gradient to make the wrinkle effect.

screen 8

4. Hand wrting text

If you don’t have any nice hand writing fonts, go to Dafont or Urban Fonts to download them. Create a new Layer Group and enter the navigation text.

screen 9

Find a different font, enter the menu mouseover text.

screen 10

5. Washout RSS icon

Use the Eraser tool, choose one of the splatter brushes, set tool Opacity to 10% and randomly erase the edge. Then paint some brown color overlay the icon to give the dirty effect.

screen 11

6. Sketchy strokes

Sketchy or pencil strokes can be easily created in Adobe Illustrator. Draw a shape or path, open the Brushes palette, click on the charcoal brush and set the Stroke weight to 0.25pt.

screen 12

7. Final

Here is my final image. If you want to spend more time on the details, you can add paper clips, tapes, post note, pencil sketches, etc.

sample menu

Entry Filed under: Photoshop, Tutorials. Tags: , .

1 Comment Add your own

  • 1. Chris  |  March 14, 2008 at 11:17 am

    This looks really cool! Thanks for enabling me to have too much Photoshop fun!

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Girl behind the plot

After spending 23 years and 153 days living in this planet I have seen the odds and beauty of every life form. I am not an ambassador of goodwill nor an actress nor a popular girl from school.. I... am just an average person, a life that makes living in this world a whole lot cooler. I graduated with a degree as a multimedia artist who loved playing and competing in bowling events when she was in her teenage years (why does it sound that i am soooo old now?). I have stopped getting allowances from mom and i am earning my own money now(which i can say that- until now i have no savings because of the evil credit card!!!!!grr...) as a graphic/web designer.

Tag Cloud

Archives

Categories

Links

Calendar

March 2008
M T W T F S S
     
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Blog visitors