This is a two-part tutorial on how to create an artistic and un-typical CSS list menu as seen on Web Designer Wall. In the first part (this article), I will show you how to design a watercolor effect menu in Photoshop. Then in next tutorial, I will show you how to slice the menu and code in CSS. If you need some inspiration on creating an artistic menu, visit our previous post on artistic websites. Ready? Let’s begin Part 1. (Update: Part 2 is ready – Advanced CSS Menu)

Download Photoshop file

Preview

Here is a preview of the final image:

sample menu

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

Subscribe RSS

Don’t forget to subscribe our RSS to stay in touch with our next tutorial on how to code the menu in CSS.

Update: Part 2 is ready

Please continue to read part 2 on how to code an Advanced CSS Menu.

225 Comments

Antoine
Oct 25, 2007 at 2:27 am

Wow !!
Really like the result here !!

Thanks for the share!

Jenn Vargas
Oct 25, 2007 at 2:31 am

Great tutorial! This is the kind of stuff I love reading from this blog! I can’t wait to try it out for myself this weekend!

Umair Rahat
Oct 25, 2007 at 2:39 am

The best tutorial ever! Thanks!
Did you scan the coffee stains or made them in illustrator?
By-the-way, are you going post your opinions on Leopard, in your blog or here. I would love to hear.

derbas
Oct 25, 2007 at 3:17 am

nice! boomchickawhawha ;-)

Olivier
Oct 25, 2007 at 4:24 am

Rerally wonderfull… It alway seems to be so simple when I reed you tutorial. And it ‘s never the same whith MY Photoshop… :)

WP Themes Gallery
Oct 25, 2007 at 4:25 am

Hey Nick, nice tutorial. Thanks for sharing this with us. I can’t wait for Part 2!

nagraz
Oct 25, 2007 at 4:38 am

you’re my inspiration…thx 4 the share….

Carly
Oct 25, 2007 at 5:26 am

Wow, can’t wait for the next part!

MellieMel
Oct 25, 2007 at 5:42 am

nice tut
i can use this one!

Adii
Oct 25, 2007 at 4:44 am

Nick – I actually just posted a breakdown of WDW’s design before you published this one, since one of my readers requested it.. I love this “tutorial” and I believe it will truly shed some light on the finer techniques you’ve used here! Well done!

Squawk
Oct 25, 2007 at 7:09 am

NIce tutorial!

Although I usually tend to draw on real paper first, scan it and then compose my layers in photoshop. It works nicely for me, but creating everything in photoshop might just be a little faster…. Gotta ‘try’ that next time.

David Tremblay
Oct 25, 2007 at 8:51 am

Awesome tutorial! thanks

Josh Stodola
Oct 25, 2007 at 9:26 am

Nicely done. When you say “Find some coffee stain images” perhaps you can point us to a resource? I guess I’ve never stumbled upon any images like this.

Thanks!

Nando Gonzalez
Oct 25, 2007 at 10:28 am

I’ve found this tutorial very clear and inspiring.

Lance Jonn Romanoff
Oct 25, 2007 at 10:57 am

Josh,

If you have a scanner, a piece of paper, some coffee and a mug you can make your own.

Or try here:

http://www.istockphoto.com/file_search.php?action=file&text=coffee+stain

del4yo
Oct 25, 2007 at 12:04 pm

Smart and simple! I love it!

I designed a watercolor brush for Phostohop, maybe you would like to try it? It’ not a scan of brush strokes but the best computer simulation I could ingeneer of Watercolor painting:
http://del4yo.blogs.com/non_dairy_diary/2006/05/aquarelle_a_la_.html

Randy
Oct 25, 2007 at 3:43 pm

Nice tutorial. It reminded me a little bit of David Siegal’s Creating Killer Websites from back when I first started. Oh, how things have changed.

Robet
Oct 25, 2007 at 4:21 pm

Absolutely great tutorial – can’t wait for the second part. Cheers:)

toby
Oct 25, 2007 at 5:31 pm

Very nice!

Claudio
Oct 25, 2007 at 6:46 pm

I just love it, thank u ;)

Matthew James Taylor
Oct 26, 2007 at 2:47 am

That’s really beautiful. I actually thought it was done with real watercolour!

nicolaas
Oct 26, 2007 at 5:14 am

I love you. thanks

Your site appears to be an excellent execution of an amalgamation of many design elements found today,, i think we will see more ‘tactile’ style sites poping up soon. urs is definately one of the best

Mohammed
Oct 26, 2007 at 6:05 am

thank u man, i was waiting for this tutorial since u launch this site.

Nathan
Oct 27, 2007 at 9:48 am

I am never short of amazed when I read your stuff. It is extremely cool! I will have to add a link to your site on my own…. or do I be selfish and keep you a secret from me so called ‘e-friends’.

5_ka
Oct 27, 2007 at 10:42 am

oh…thanks..i´m really happy, that you´ve published this tutorial..

Agito
Oct 27, 2007 at 2:02 pm

Waow.
That’s a really nice effect.
So glad you posted the tutorial on this.

Eternally in your debt!

Josemi
Oct 28, 2007 at 7:59 am

Wow! Thanks for this great tutorial…

pixenjoy
Oct 28, 2007 at 9:53 am

Thanks,

It’s exactly the tutorial i expect to.

eshark
Oct 29, 2007 at 11:29 am

Finally the long awaited secrets reveals.. Ha! Ha! Nice one Nick!
Now everybody who knows how to use photoshop would love to give it a try I must say.. Thanks for sharing!

chazychaz
Oct 29, 2007 at 3:14 pm

Very nice! I will try to add this effect on my site too! :D

aldomatic
Oct 29, 2007 at 10:21 pm

Good Stuff!

sean johnson
Oct 30, 2007 at 7:20 am

Fanastic tutorial, thanks for sharing Nick.

sultan
Oct 30, 2007 at 10:43 am

Sick and tired of 80 percent of the PS tutorials I find being written using a mac. Wtf is command click, atleast do it with a 2 button mouse on the mac so the people that use real machines and not toys grasp it too. Fact of the matter is, PS runs better on the PC than tha mac, so why even waste your time with the outdated hardware.

sultan is an idiot
Oct 30, 2007 at 12:02 pm

Sultan, you are a complete idiot.

another vote
Oct 30, 2007 at 12:04 pm

i need to second that, sultan, you have no idea what you’re talking about.

Ilia
Oct 30, 2007 at 12:24 pm

The sultan is not the idioma, but he is Saddamme

Annette
Oct 30, 2007 at 12:57 pm

Sultan – if you’ve nothing nice to say – don’t bother.

Thanks for the WICKED tutorial! I’ve been dying to find out how you did that!

Carly
Oct 30, 2007 at 12:58 pm

Does it matter whichmachine runs photoshop more efficiently? Surely phrasing the comment in a nicer way would help others? No need for arguements, why not just ask Nick to transfer the keyboard commands for the pc? Silly.

Online Sökmotoroptimering
Dec 31, 2011 at 3:01 pm

Thanks for sharing great theme

caedrel
Oct 30, 2007 at 6:01 pm

Sultan – in the above tutorial, and most other PS tutorials, ctrl-click is the same as cmd-click.

optimera
Oct 30, 2007 at 7:30 pm

very cool design!

benwa
Oct 30, 2007 at 9:13 pm

your a design pimp for this tutorial. too bad now everones gonna go out and replicate it.

Boris
Nov 1, 2007 at 9:05 am

benwa
Hi

Because it`s good for design and it`s free for use :)

And this is samo Comming Soon page :)
you well see when a site be on-line :)

Idee Montabili
Nov 1, 2007 at 4:35 pm

Cool! Thanks

ashlea
Nov 1, 2007 at 6:15 pm

this is awesome! thanks so much. i’ve been looking everywhere for this type of tutorial! can’t wait to try it out :-)

Herman
Nov 2, 2007 at 7:52 am

wanna try this water effect on my blog! guuuuud site keep it hard dude. thx

benwa
Nov 3, 2007 at 11:12 pm

im having trouble downloading the file…it finished not even halfway through….anybody else have any luck?

benwa
Nov 3, 2007 at 11:29 pm

strange…i just tried it in Safari and it worked.

i was using Firefox.

fy
Nov 6, 2007 at 6:19 am

I could not open the file after I downloaded the file in FireFox and IE but it works with Opera broswer! Also, thanks for sharing this beautiful photoshop trick.(:

Alex
Nov 7, 2007 at 9:32 am

wow! That looks absolutely amazing! I’ve always loved your site designs, and when you are as creative and as skilled as that, there is no wonder your designs are so good.
I’ll definitely be giving this a go for a theme design I have in the pipeline!
Thanks so much, a new RSS subscriber!

Fernando Ruiz
Nov 10, 2007 at 6:05 pm

Excelent… Thanks to your advice I can redesign my blog. Tank you very much again and please visit my blog in http://www.ferchovich.blogspot.com and please tell me about it

Funner
Nov 12, 2007 at 12:49 pm

I love your ideas and tutorials. I also like your blog design and the on from n design studio. Congratulations!

Sebastian
Nov 12, 2007 at 7:43 pm

MUY BUENO!!!!!!.. la verda me encanto!.. y soy el primerop q firma en castellano… te felicito y te agradezco por compartir ese conocimiento…
Va en ingles… Very goood!!! eee!!.. big Work!! jajajaja.. great web site.. i dont speak inglish! but i love this tutorial.. be happy bueno se se mucho mas en ingles Pero se agradece de verdad!

Kym Huynh
Nov 14, 2007 at 7:57 pm

Love it. I’ve used some of these techniques in my website http://www.kymhuynh.com so thank you for being such a amazing inspiration! For the longest time, I wanted to turn the website into something that reflects me – my online persona… and I think this is one step closer

Benoît
Nov 15, 2007 at 6:31 pm

Thak you so very much ! It’s great ! :)

wsd
Nov 17, 2007 at 7:24 am

wow tnx for toturials

sturdy
Nov 17, 2007 at 10:30 pm

The colors are just awesome!

chris
Nov 18, 2007 at 11:50 am

Thak you so very much ! It’s great ! :)

sehr schön

Lewis
Nov 18, 2007 at 4:51 pm

Just used this tutorial and It was an amazing help, Will be using this style on my new site soon. My favourite part? The rings around the items. :)

stock_illustration
Nov 21, 2007 at 9:55 am

Very cool effect…love this tutorial and illustration. Great job!

Agosh
Nov 27, 2007 at 3:01 am

WOW!! onli word I can say….

Michelle
Nov 27, 2007 at 1:18 pm

Wow, this site looks great. Thanks so much for sharing those tips, they will be very useful for me!

Meghana
Nov 28, 2007 at 4:12 am

Thank u so much 4 ur tips and toturials
really appreciate it!

ying
Nov 28, 2007 at 11:41 am

really love the tips! thank u so much!

workingondreams
Dec 1, 2007 at 6:47 am

nice tut..definately i’ll use :)

francis
Dec 2, 2007 at 1:41 pm

your the best. thanks for the tut. :D

Guido
Dec 3, 2007 at 3:39 am

Great tutorial! You have yourself a new subscriber!

Mark
Dec 6, 2007 at 11:43 am

Great tutorial!! I’m really starting to get to grips with tools in photoshop after this!

phillip
Dec 7, 2007 at 2:48 am

is it possible to get a low cost version of the most uptodate photoshop. and a tablet. i know im asking allot. but does any one know where. or have one of them. PM me if you do on my youtube name w2willyjeep.

Soon7
Dec 10, 2007 at 1:49 pm

Nice job ! waow !

Gentowa
Dec 17, 2007 at 7:43 am

That’s spectatular webpage. I really adore your design skills. Thanks a lot for inspiration and big motivation to work on my skill set :)

Aliss
Dec 18, 2007 at 10:01 am

i love it!

I’m now student Graphic design and i never seen any like this! Hope to make some like this one day.

Keep up the good work!

ABHISHEK
Dec 18, 2007 at 1:41 pm

Hi…
its amazing…..!
thnx

Vitz
Dec 22, 2007 at 12:20 pm

Absolutely the most valuable tips and tutorials ever!

5ivedance
Jan 7, 2008 at 12:39 am

waha, :D photoshop & illustrasror .
Best partner to designing.

jez
Jan 13, 2008 at 7:32 am

this is really a must read for everyone in design. thank you a lot for the details!

naran_ho
Jan 15, 2008 at 11:17 am

Nice, really nice

Dhruva Sagar
Jan 18, 2008 at 5:44 am

This is just great, and I love this forums theme too!!!
Great job done, and thanks a ton for the tutorial!

Olga
Jan 22, 2008 at 7:44 pm

You’re veeerrry creative!

Smart and efficient web design!

Thank you for the wonderful tutorials-they are presented sooooo well- and – thank you for the links to other useful sites!

Great Job!

Pavel
Jan 24, 2008 at 7:39 am

Very? very creative! I will use this technique. Thanks a lot…

alexabu
Jan 25, 2008 at 3:15 pm

its very superb.
i amazed to saw this designs.
its very useful to all designers.

Emprenye
Jan 29, 2008 at 6:47 am

this is really a must read for everyone in design. thank you for this source

Cloud9 Design
Jan 31, 2008 at 5:53 pm

when you can in your artwork, what resolution do you do it at? 300 dpi? and then set the background to transparency? thanks!

ajit
Feb 3, 2008 at 5:24 am

ekdum jhakas, this means fantastic dude.
u r quite illustrative friend,
its good that u present ur work with tutorials 2 the world,
its really helpful to us- {new designers}
thanx a lot for tutorials.

amit biswas
Feb 8, 2008 at 12:28 pm

To
webdesignerwall.com 09/02/2008

A lot of thanks for lovely tutorials.
From
amit biswas (Kolkata)

gogole
Feb 8, 2008 at 8:18 pm

please in the second stpe of the tutorial how do you get “layer 2” to have a white fill.i have tried several times to change the fill but the checker boxes are permanent. in step 2 picture 2, the notepaper has color on it but the white layer it is on doesn’t .How do you acheive that.

ashvin
Feb 19, 2008 at 2:27 pm

thanx man… keep them coming… u r awesome!

BoyCanFly
Feb 19, 2008 at 7:07 pm

Seen something like this before…
Used this on a comp of my home page – worked great
with my logo – really gives an artsy side to those trying to apply a creative edge to some static contemporary work.

Good way to give an Aged look too!

laurice
Feb 20, 2008 at 2:04 pm

suweet! this is awesome man.
great technique, i’m going to try that now.

brilliant works btw.

PopArtDiva
Feb 20, 2008 at 11:43 pm

Thank you so much for a wonderful site. I’ve been wanting to learn CSS and your site is a great resource. I intend to add your link to my artist’s resource blog for other artists to benefit from your expertise!

Dragolux
Mar 4, 2008 at 9:57 pm

Wonderful tutorial. This will give me inspiration for the future. Thanks a million!

sumeet
Apr 9, 2008 at 9:14 pm

itssss wonderful i learnt lots more on this site …

Fotograf
Apr 19, 2008 at 1:06 pm

it’s one of my favorite blog design :)

Sunil Patel
Apr 20, 2008 at 11:07 pm

I really like this site and it has inspired me in many ways. Keep up the great work!

Deb
Apr 24, 2008 at 12:56 pm

Your AWESOME! Thanks for the info! Very inspiring!

pccky
Apr 30, 2008 at 8:59 am

Good wishes! What happened to march network jtpov

izslr
May 5, 2008 at 1:27 pm

Good wishes! Baseball card grading hxbst

radhika
May 6, 2008 at 6:27 am

its awesome,its beautiful. very inspiring thanks a lot

Becca
May 6, 2008 at 4:23 pm

Thanks for the awesome tutorial. I used it to make a header for my blog! At mycatlulu.blogspot.com

nishant
May 12, 2008 at 5:11 am

I used only the css code for my header. Just tweaked the code a little and got a very good header going. Thanks much! :)

web design
May 16, 2008 at 6:20 am

i cant coding css.but i will work it after the learn

php-web-developer
May 17, 2008 at 4:56 am

its awesome,its beautiful. very inspiring thanks a lot

Vale
May 19, 2008 at 5:51 pm

gracias en realidad si me ayudo mucho con lo que andaba buscando seguire visitando la pag!! es muy interesante y funcional!!! =)

Vale
May 19, 2008 at 6:03 pm

que chiva esta pag!!!

Micky
May 21, 2008 at 3:19 pm

The power of brushes.

pixie-stix
May 30, 2008 at 1:24 am

What a great tutorial – very clear and the results were great. Thank you. :)

john
May 31, 2008 at 2:32 pm

Amazing tutorial, thanks so much!

Best Design Work
Jun 1, 2008 at 7:34 am

I love it..!
Amazing articles for adding cool effects to all my design work.

Lúu
Jun 8, 2008 at 10:23 am

Well, can I use this stock?
it’s PERFECT.

Web Designers India
Jun 13, 2008 at 11:58 am

Cool effect in this article, design guru for beginners.

vineet kumar
Jun 17, 2008 at 5:44 pm

damn good, and very innovative indeed.

mintybum
Jun 25, 2008 at 11:04 am

pretty good~~awesome~cool! thanks a lot

High Quality Designs
Jun 28, 2008 at 9:41 am

Quality works require skills like you…Great Work Man!

Sudeep
Jun 30, 2008 at 9:25 am

This is pretty awesome! Thanks for putting it together! By the way, what is the name of the font that you use?

N@RiOPon T.
Jul 13, 2008 at 10:42 pm

Good Menu

kkuxc
Jul 18, 2008 at 11:17 am

Beautiful wishes! oeoiw

Tracey
Aug 19, 2008 at 1:20 pm

Love it! :D

Nisha S.
Sep 23, 2008 at 2:27 am

Good Work..

Make online money
Sep 23, 2008 at 11:20 pm

Wow!
its very great!

Cathy
Sep 30, 2008 at 3:59 am

simple nice fantacy!

chethan
Oct 3, 2008 at 6:23 am

I’m not a pro but i guess i should read this tutorial to understnad.. this website is really helpful :)

neil
Oct 6, 2008 at 4:45 pm

I’m a newbie web designer and I feel in love with your site the moment I look at it.

And this tutorial is awesome! Thanks!

sweetu
Oct 14, 2008 at 4:24 am

really good concept

PTC Master
Oct 24, 2008 at 4:26 pm

its great but I can’t do this :D

Flash Designer
Oct 29, 2008 at 1:45 am

Good effect and nice tricks…Thanks!
I would like to see more effects for background graphics to add some cool effects into flash skins.

kailash
Nov 2, 2008 at 6:44 am

Gud tut
will add this on my blog
thanks :)

implant
Mar 13, 2012 at 11:15 pm

selam implant england

cherrycai
Nov 17, 2008 at 3:58 am

its very good!
thanks !

Elsie
Nov 22, 2008 at 12:56 pm

you should use this in your website,
it def matches well lol.

Niels
Nov 22, 2008 at 3:11 pm

Good tutorial! This could really help me with my designs! Thanks!

Online Printing | PrintPlace.com
Nov 27, 2008 at 10:56 pm

Great tutorial! I especially like the “wrinkle effect” in step #3 using the gradient. That little detail really makes the paper for me.

I found some great coffee stain images at StockXpert. The photographer even has vector versions for you Illustrator buffs:

http://www.stockxpert.com/browse_image/profile/pdtnc

What’s great about these pastel designs is that the site has a wonderfully subtle texture while still providing visual “room” for exciting imagery that can draw the eye of the consumer. Too many sites seem to be using aggressive designs that can literally exhaust viewers. Nothing seems exciting after awhile on these sites.

With pastel ideas like this, the web-developer can create a dynamic page design without bludgeoning the viewer with excessive color and imagery.
Thanks for posting and looking forward to more!

onesyah
Nov 28, 2008 at 7:51 am

ma”’nyossss

Jairo Jose
Nov 29, 2008 at 1:09 pm

Excelente trabajo, sin lugar a dudas sabes lo que haces
Te felicito Por ello, y vere que puedo aprender de ti….

onnayokheng
Dec 2, 2008 at 12:47 pm

its great man!!thanks… :D

arvee
Dec 3, 2008 at 11:33 am

This is so cool!!! Your blog looks awesome!!!

bebo music skins
Dec 6, 2008 at 11:59 am

awesome i love the design of your site, well done keep the quality content comming

mstanseen
Dec 9, 2008 at 2:34 am

hi
thanks very nice

i put copy of lesson here in my site http://www.mstanseen.com

with all my love

bye

decapper
Dec 20, 2008 at 4:35 am

Great advice. We are looking for something like this on http://www.pricelessweddings.com.au if anyone could give us a price

hikarianna
Jan 4, 2009 at 11:03 am

waw, it s great…
nice info ^_^

bobo
Jan 5, 2009 at 6:01 pm

hi,
Great tutorial. Thanks for the post.

WOLF-BESPREDEL
Jan 8, 2009 at 6:25 am

Thx….!!!!!!!! It’s cool tutorial!!!!!

liliana
Jan 9, 2009 at 6:27 pm

thank you =]

gracias que buen trabajo lo pondre a paractica *o*

henry
Jan 10, 2009 at 7:52 am

Not to sure who would use this.. -http://www.flawlessfinish.com.au

clarysha
Feb 1, 2009 at 9:18 pm

GREAT and helpful tutorial!
opened my eyes so much haha.

aa
Feb 2, 2009 at 5:30 am

thnx.. nice
but i didn’t understand how to do this step
” Cmd + click on the notepaper layer to load the selection ”
so what is cmd ??

Klikery
Feb 15, 2009 at 4:19 am

CMD+Click I think it should be command + click (MAC) or you can use Ctrl+click (PC) <—not sure coz I am just a newbie for ps

Mark
Feb 16, 2009 at 10:07 pm

Yeah cmd is for the mac for pc it is ctrl. Photoshop is more made for the Mac.

peter
Feb 27, 2009 at 11:09 am

what dumm-ass.. its not made for MAC.. LOL.. it works exactly the same if you do it with windows you dumm-ass. Mark your stupid idiot!

lol
Feb 27, 2009 at 11:11 am

Yeah, omg what a stupid idiot. Mark, its made for both. You can choose to download it for the MAC or for WINDOWS, you stupid dumm-ass!!

raspes
Mar 10, 2009 at 11:58 pm

Heyy muchas gracias por estos tutoriales, realmente eres muy bueno, y que mejor que recibir clases de alguien de tu categoria, Thanks

Retroshift
Mar 26, 2009 at 1:31 pm

Children, children… Off course PS is made for both Mac and PC but what Mark meant is that Photoshop works better on a Mac, those computers are more designed for graphic programs. So he is absolutely right.

chingchong
Mar 26, 2009 at 8:29 pm

love the water color effect.

photoshop can be used to its fullest capacity in both pc and mac. absolutely nothing is different.

macs are used by filmmakers, graphic designers, etc… because they are much faster and the OS is less prone to errors. efficiency.

mac, ftw.

Frogger
Apr 3, 2009 at 7:28 pm

i agree it is better on mac i also love using Adobe illustrator there is a way of making pictures look like watercolor paintings on photoshop http://www.photoshopessentials.com/photo-effects/watercolor-painting/

CgBaran Tuts
Apr 25, 2009 at 12:10 pm

Great tutorial thanks

photo retouching
May 11, 2009 at 11:56 am

Great looking result. I like the drawing effect you went for in this design.

kusuma
Jun 12, 2009 at 10:02 pm

so much i love it!

whichet
Jul 5, 2009 at 11:16 pm

Hmm, the menu looks cool, but it’s not accessible when images are turned off.

ghada
Jul 20, 2009 at 4:43 pm

very good tutorial
thanks very much

cennetevi
Aug 8, 2009 at 5:48 am

these are awesome!
thanks for putting in the effort to get this list together

Jako
Sep 4, 2009 at 9:42 pm

very good tutorial
thanks very much

seo service mumbai
Sep 8, 2009 at 2:35 am

Very nice tutorial . Thank you so much.

bagsin
Sep 10, 2009 at 7:36 pm

Great tutorial thanks, I love here

Cyrus
Sep 21, 2009 at 9:58 am

Great , Design Watercolor Effect Menu
Great article. CSS saved web design
Cyrus
Visit http://www.psdtoxhtmlcoder.com

Mike
Oct 31, 2009 at 4:27 am

Nice skill. CM

photo sharing
Oct 31, 2009 at 10:44 pm

Hmm… Well i like the creator

heizel
Nov 13, 2009 at 5:21 am

very nice tutorial…..
i love it and your way of creating layout…
hahah.. i love the brushes you used…

keep on posting!

vincentdresses
Jan 5, 2010 at 11:30 pm

The designs showed here show what simple and tasteful design is all about. Another one to consider

Allan
Jan 23, 2010 at 11:04 am

Your web is very unique and authentic , very nice and basic. So I like it. I think ur prety girl, please sent me your photos….
Perhaps I like you too….he…he…he…
Are you maried?
But I give you suggestion please shrink download file with winzip so Every one can download fastly.

nilika
Feb 23, 2010 at 6:07 am

hi friends

check your website real value

websitereckon.com

WebsiteReckon contains a collection of useful features such as checking Google Page Rank (PR), Compete and Alexa Traffic Rank, Backlinks Checker, Server IP and Location on Google Map, DMOZ and Yahoo Directory Listings and more. You can use it for various purposes include doing research before buying or selling website; want to find out how popular the website is; use it as SEO analytic tool to improve your site performance; or just about curiosity.

sbobet
Mar 4, 2010 at 4:13 am

Your web is very unique and authentic , very nice and basic.

Clipping Path
Mar 6, 2010 at 1:02 am

Hi,
Great , Design color Effect Menu
Your web is very unique and authentic
Great tutorial
thanks

rohit singla
Mar 6, 2010 at 4:21 am

what is your website real price:

free check here

websitereckon.com

Nuraddeen
Mar 25, 2010 at 9:06 am

It so nice n very atractive.

Web Design
Apr 28, 2010 at 8:31 pm

very nice thanks for sharing

Kinjal
Apr 29, 2010 at 4:47 am

Excellent blog.
I liked it.
Kolkata Web Design and Search Engine Optimization

shaheel
Apr 30, 2010 at 1:25 am

You can also find interesting stuf here.

Usman
May 28, 2010 at 9:16 am

waooo
great design

gclub
Jun 14, 2010 at 2:12 am

Thank for your website I love gclub content and want you to see my website too.

disbeyazlatma
Jun 19, 2010 at 9:23 am

thank you pistures

ninel conde
Jul 2, 2010 at 12:04 am

Incredible indeed … What level of skill needed for this? It sounds complicated.
Thanks

Nishant Saxen
Aug 3, 2010 at 8:25 am

excellent effort. nice

neetu
Aug 21, 2010 at 5:13 am

very nice i like it and i also try dear

Kak Abbas
Sep 6, 2010 at 6:55 pm

beautiful……………………………………………..^^

imac
Sep 16, 2010 at 7:03 am

i was wondering a bout handwriting font that using in the last tutorial about vector effect and i found the answer very fast here :)
i get nice collection from Dafont and thanks for you and for that great tutorial

Jinxwap
Oct 4, 2010 at 12:40 am

It’s very Nice :) :) :) :) :) :) :) :)

Joe Young
Oct 4, 2010 at 6:39 pm

Very nice work simulating the watercolor effect! Amazing what you can do with a few tools used in the right way……

– Joe

Anna
Oct 29, 2010 at 3:24 am

Good work.cool design

Ogame
Oct 29, 2010 at 8:25 am

tahnk you pof posted me

Thom
Nov 3, 2010 at 11:26 pm

Very-very full color i like it… :D

Balon Süsleme
Nov 8, 2010 at 4:02 pm

ooo tahnk you for posted

OGame
Nov 12, 2010 at 2:11 pm

Thank you for post.

Online Alisveris
Nov 12, 2010 at 2:12 pm

thank you for post me.

Ogame
Nov 26, 2010 at 10:58 am

thanx you very good nice post ……..

Ogame
Nov 27, 2010 at 6:10 pm

thanx for you information

Juno Mindoes
Dec 23, 2010 at 10:44 pm

The Christmas time is comming, and the most desire present i want to get, is the latest white iphone 4, can i get one? Tell you after Xmas.

Henry Peise
Dec 24, 2010 at 10:04 pm

The christmas time is coming, white iphone 4 conversion kit will be the best present for yourself and family.

Milan
Dec 27, 2010 at 1:59 pm

COOoooOOOoooOOOL

mikwillson
Dec 28, 2010 at 2:56 am

That is to be expected in a long-term, high-risk project like ours. So, we turned to the blogging community for help – and got it! We have published our problems, and the community responded with results!cheap ugg boots

Uçak Bileti
Jan 11, 2011 at 5:01 pm

watercolor efect purfect

Uçak Bileti
Jan 12, 2011 at 5:27 am

deistirilmez hiç bir yönü

Writing Custom Essays
Jan 15, 2011 at 8:59 am

Design Watercolor Effect Menu post is Amazing post .
This is really fantastic advice, thank you so much….

altın çilek
Feb 2, 2011 at 5:44 am

watercolor efect purfect

hcg damla
Feb 2, 2011 at 1:35 pm

thanx for you information

Tayyab
Feb 7, 2011 at 12:39 pm

If you want to earn money online and become a freelancer so Click.
Training For Freelancers

شات صوتي
Feb 8, 2011 at 6:12 am

thnks
goooooooooooooood
min:(
teeem

özel güvenlik
Feb 25, 2011 at 10:34 am

article contains much useful information has been passed more than welcome thank you

How To Put On A Condom | How To Get Taller
Mar 17, 2011 at 5:31 pm

I love this. Can’t wait to try it.

How To Get Taller | How To Put On A Condom
Mar 17, 2011 at 5:31 pm

More magic tricks please…!

matematik
Mar 18, 2011 at 11:33 am

Design Watercolor Effect Menu post is Amazing post .
This is really fantastic advice, thank you so much….

dexx
Apr 17, 2011 at 1:56 pm

Excessive fear, anger, and work under stress last pregnancy, infants can lead to excessive hassaslığa. Intense emotions, going through the mother’s blood circulatory system and brain functions that affect the baby in some leads to the release of chemical

sawebdesigns
May 9, 2011 at 7:28 pm

This is perfect for a blogging site thanks great tutorial

panax clavis
May 16, 2011 at 5:44 am

That is to be expected in a long-term, high-risk project like ours. So, we turned to the blogging community for help – and got it! We have published our problems, and the community responded with results!cheap ugg boots

Özel Güvenlik
Jun 7, 2011 at 8:43 am

This is perfect for a blogging site thanks great tutorial

same

Your Special Photos
Aug 11, 2011 at 3:23 am

Great tutorial. Exactly what I need for a project. Thanks for posting!

nyc voip
Aug 11, 2011 at 1:10 pm

I don’t suppose I’ve never read something like this before. So good to see somebody with some unique ideas on this subject. I really thank you for starting it. This web site is something that’s wanted on the internet, somebody with a bit of originality.

complex41
Aug 23, 2011 at 12:26 pm

And then he handed you the thirty-five 45

pembe maske
Sep 14, 2011 at 5:10 am

I don’t suppose I’ve never read something like this before.

Moliva
Dec 9, 2011 at 9:25 am

This is perfect for a blogging site thanks great tutorial

Moliva
Dec 9, 2011 at 11:29 am

This is perfect for

Armaghan
Jan 20, 2012 at 11:54 am

now how to make this become alive?
any tutorial on jQuery or Flash implementation of this please

yemek tarifleri
May 2, 2012 at 12:05 pm

Painting on the tablet is fun, but to do cool things need work.

ghazanfar
Sep 12, 2012 at 6:14 am

that is Great!

Isaí
Mar 24, 2013 at 4:30 pm

Beautiful! *-* thanks for the tutorial ^^

AYSE
Feb 4, 2019 at 3:12 am

VERY BEAUTIFUL

Post Comment or Questions

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.