Water drops in photoshop in 5 minutes
A couple of days ago while I was reading a magazine I saw a pretty cool soda ad where they used a lot of water drops in its design. It was excellent and I thought that I could create the same effect in Photoshop using the layer styles.
The basic idea of how to create water drops is that they are a bit complex, they have highlights, shadows, transparencies, inner shadows and inner highlights. The best thing is that we can create all of those effects using the Layer Styles in Photoshop. You have shadow, inner shadow, inner glow, glow, bevel and many more.
Even though there are lots of Photoshop training tutorials on the net I decided to create my own, plus it gave me an opportunity to create my first screencast. Take a look it’s only 5 minutes.
If you want to see it in full resolution go to http://www.screencast.com/t/Nl8tRrfNT
The final result:
| Attachment | Size |
|---|---|
| waterDrops.psd.zip | 1.85 MB |
About author
My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through abduzeedo.
Very nice tut. I use this method to my flash presentation.
Thx for your knowledge! ;-)
regards,
Dotacje Unijne
I really liked your tutorial, it's a shame you didn't speak at all :p you can record an audio explaining what you're doing and edit later.. It would be a great help to begginers and a lot more interesting to watch :)
yo nice tutarial, but i have a question!
are you fuckin mute? stop bein a pussy and talk!
clever! very clever! and i like it!
Great tut..
Saved the brush set-up and the style, might use it sometime.
Thx..
Great but doesn't work for me... And i really would appreciate it, if you would say sumthing next time! and i can't see the settings u used... and the link for fullscreen is down...
Gracias por el tutorial me sirvio de mucho
Great
The full resolution link is not working but very cool looking, indeed.
This pic was done in 5 minutes? I like it.
really fast :)
If you still need hosting us the contact us form at http://www.nr1top.com and I would glady host the files for you.
Alex
gracias x el tutorial. se ve facil de realizar
Awesome tutorial. Thanks for the video tut.
I got the error message too when trying to pull up the example page. Please update when you can, I'd like to take a look at that example.
a very good, quiet simple and fantastic tutorial...thanks!
The link to the high resolution screencast doesn´t exist anymore!
We're sorry! We were unable to locate the requested page.
Please check the URL you entered to make sure it is correct.
If you were looking for content owned by a Screencast.com user, please contact the content owner for more information.
Impressive !!!!!!!! :0
Sweet water droplets, dugg!
nice one, just search for same thing like that for my work. danke man
btw guys, we have Adobe Photoshop CS3 on sale now for only $347.
If you mention this site, we'll give a 10% rebate back from Paypal after you place your order. http://4-ps.com
Could it also be possible to download your brush as you have made it? *S*
It would be sweet. Saw the video. Very nice... And easy :-)
simple but useful.^^.
thanks for tutorial.
Thanks everybody for the comments, I will write a tutorial with photos showing how to do that.
Humm... Is it only me that cant see a discription off how it is done? I can only see the final picture... :-( Sad cause it looks awesome... And sounds easy...
thought you're going to do something complicated...I was wrong!
thanks for tutorial
Nice!
I think you should list down all the values of each of the blending options though.
I made a similar action and brush-sets a little while ago for a client who needed an orange/fanta like droplets header in both Photoshop and Illustrator. I think this is one of the better ways to do this in PS.
However, I think its' such a shame that videos like this are so tiny and blurred. No details can be watched and it just vanishes in my 22" screen.
Nevertheless, great work and nice post.
you could accompany this post with a little action and/or brush-set / style for people to download.
I simply loved the water drops , regrettably the tutorial can´t be openned
Any chance you can get a new link for the fullscreen version? I guess September's limit is reached also :p
The link
http://abduzeedo.com/files/video_tuts/video.swf
hi
ZX...U can wacth it this link
http://abduzeedo.com/files/video_tuts/video.swf
hi
ZX...U can wacth it this link
http://abduzeedo.com/files/video_tuts/video.swf
Just to watch the episode of Pixel Perfect where he does this exact thing...but shows you how.
I used to love PSP, but after I tried photoshop I was hooked. Most things that the average web designer or graphic designer use are just faster with photoshop. Plus you have to realize that the writers have to consider their audience when they are writing articles. Most people viewing this site (based on comments) have photoshop. Hence, most of the tutorials are going to be about photoshop.
Howabout on software people can actually afford, like the Gimp (free), or Corel Paint Shop Pro (about $100)? I prefer the Gimp since PSP isn't made for Linux, though I consider it far superior to Photoshop when it comes to usable UI.
Thanks for the post. I'll be having a play with that technique this evening.
Keep up the good work.
Nice effect - I might add a link to it on my site!
Looks nice...
We would love to host the video for you... We tried to watch it but it was unavailale. Get at your friends over @ http://www.askTheAdmin.com - we would love to lend a helping hand! That is what we are here for.
TheAdmiN
o m g
I've WONDERED for the longest time how to do this! This is so KEWL!
One day that I get a Photoshop, I ought to try this!
Very cool tutorial, thanks!
This is fantastic. Thanks for sharing this. Please visit my site: http://niche-technologies.blogspot.com and leave your comments...
Will be checking out the screencast later. Anyway, slightly off topic but nice wallpaper you're using. Where can I find it?
It would be nice to have step by step instructions, perhaps a screenshot or two. Also, can't you do this in like 3 clicks with After Effects?
Since this technique is content-agnostic, it would be easier to use, understand, and experiment with as a PSD download rather than a screencast. Would you be willing to provide the PSD for download? (Using the Coral CDN for free bandwidth of course. :-P)
I don't see any tutorial..
Woahhh I have to admit that is cool. At first I thought it was going to be some cheesy effect, but u sure proved me wrong. Great tutorial!
BTW. is the video suppose to have sound?
I can spare some bandwidth for your video for free if you want. Yousnedit the file to me.
Well if you need a mirror, I don't mind sparing some bandwidth for free. Yousendit the file to me.
My Jing account, where the screecast is, has reached the monthly bandwidth limit of 1GB. Viewers cannot access any media in my account until my next monthly bandwidth allocation begins. I will have to find another place to publish the screencast... Thanks for the comment...
The link to screencast don't work: 'We're sorry! We were unable to locate the requested page.' And it's hard to see anything on the little video you've posted. ;)
Post new comment