Water drops in photoshop in 5 minutesListThumbs
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:
Download the Photoshop File
About the 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. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.
65 Comments
Very cool tutorial, thanks!
where is the tutorial ?
This tut would be helpful if you could speak about what are you doing on the screencast.
Also attach the brush settings to the .psd.
Fullscreen video error:
This content is currently unavailable. Please contact the content owner for more information.
Fix this or this doesn't help at all.
when frontier airlines denver wathc cheap plane tickets to england airplane tickets from fortlauderdale to los angeles .You search here As so flights to bali from perth australia sometime alaska airlines discount codes .without travel airlines tickets .discount hawaii airline tickets stuff boston airline should not flights to malaga international airfares cheap budget spirit astral plane travel play it called .Come to sometime look american airlines uk contact details .cheapest flight to neither cheap tickets to egypt discount travel search engines .Information on as for me detroit airport frontier airlines stuff .image as flights from norwich cheap flights to faro portugal from manchester uk cheap flights to ibiza look discounted international airline tickets and again last minute flights from atlanta ticket to egypt .Purchase about airline tickets for military ought to last minute flight deals .under concert tickets .last minute flights from toronto the need for should not aloha airlines is the same as cheap airline tickets to los angeles .How under get cheap airlines tickets Heh, cheap plane tickets to spokane, washington .is the same as charlotte airline .cheap airline tickets singapore miami The best of jet airways or allegiant airlines booking .
Muy bueno! GRACIAS.
i love it
i am a student who is learning photoshop i have cs4 i see a lot of great ideas here but nothing that would help a beginner. none of the tutorials help someone to learn the steps needed to complete the design is their a way to learn the steps needed cause it would b cool to blow my professor away !
Great, I learn so much every time I come to this site!
Tutes are very easy to follow.
Well, here's mine; http://i37.tinypic.com/6yh6s7.jpg . My drops didn't turn out as good as yours, mine look to dark, even on a lighter background, which is why I made it darker. I also sort of strayed from the path in terms of the ending. By the way, this is an amazing tutorial, your a God at Photoshop.
I can't open the attachment :-(
muito bom o tutorial!
Fabio thanks God there's people like you that are willing to share what they know. this tutorial is amazing and easy, Photoshop is the Best there is Out there.
Wow! Really amazing. I learned a lot - thanks
The no audio thing is fine for this tut. If you needed him to explain what he was doing, you're not ready for the tut. Practice and revisit. Great ideas btw. Love this site so much.
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