Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Special Effects Last Updated: Apr 15th, 2008 - 18:38:37


Water Layer Style
Author: Force
Authors Website: www.apdz.com
Apr 3, 2007, 17:10

Email this article
 Printer friendly page
Well in this tutorial I'm going to show you how to do this -


Hopefully after doing this tutorial, you'll have a better understanding of how the Layer Styles work. Anyways... Open up a document and set the back ground color to whatever you want. Then get the paint brush and add black spots of different sizes here and there. You can change the size of the brush by using the buttons "[" and "]". Can be very handy for just about anything and can save time since you don't have to keep going to the main brush menu to change the sizes. You could also just right click and a drop down menu should appear, letting you change the size and softness of the brush. Anyways... heres what I've done (layer style download included at the end!)-


Then go to Filter>Distort>Wave and mess around with the settings till you get more of a liquidy shape.



Ok now... right click on the layer and go to Blending Optionsor else double click on the layer. Here are the values I've used... but feel free to experiment. You may need to change these values around depending on what kind of background your water droplets are on.





Then set the blending mode of the layer to screen. Heres what I got -


You can also save this layer style and use it for other things such as text or basically just a easier way of applying the style in the future without having to repeat all the steps above.

Just save the style and your set.

When you apply this method to some water and want it to seem it more blended in with it's background, you can use a Displacement filter which will blend it in better. Tutorial on that can be found here .

Also to save time you can download this layer style, apply it to your layer and look at the layer style settings to learn from it: Layer Style. There is a tutorial on using layer styles here.

If you liked this tutorial, please register and leave a comment. Also check out the other tutorials at this site.




Top of Page

 
Level Ten Hosting