• Login
  • Contact
  • Sitemap
  • Newsletter
  • Home
  • Extensions
  • Support
  • Resources
  • Store
About Contact Newsletter Contests Sitemap Contribute Statistics Privacy Policy
Commands Styles Textures Libraries Patterns Auto-Shapes Rich Symbols Swatches Plugins All Extensions
FAQ Tips and Tricks
Linkbase Articles Tutorials Video Tutorials Downloads Book Reviews
Commands Textures Libraries Illustration Patterns All Products ›
Home > Tutorials > Graphics > Water Drops   Printer-Friendly Version

Water Drops

Tutorial ID 550 Author Alexander Bliznakov Nb of Downloads 234 Nb of Hits 18889 Date Added 20 November, 2009

Description

In this tutorial, you will learn how to create water drops through effects from the Photoshop Live Effects and Masking.

Requirement

All Fireworks versions.

Article

    Final Product What You'll Be Creating

    Water Drops
  1. Live Filters
  2. The first 5 steps are set to get a file with a black background with white ramdom shapes like camouflage.

    1. Hue/Saturation
    2. Open a 250x250 image and clone it (Ctrl+Shift+D). On the topmost object apply the "Hue/Saturation" live filter with the following setting: Hue: 0 ; Saturation: -100 ; Lighteness: 0.

      Water Drops

      Figure 2: Hue/Saturation

    3. Add Noise & Motion Blur
    4. Add "Noise" live effect with the following setting: Amount = 400; Color: unchecked + Motion Blur with the following setting: Angle: 127; Distance = 5

      Water Drops

      Figure 3: Add Noise & Motion Blur

    5. Gaussian Blur & Brightness/Contrast
    6. Add "Gaussian Blur" live effect with the following setting: Blur radius = 3.3 ; Add "Brightness/Contrast" live effect with the following setting: brightness = -16 ; contrast = 100.

      Water Drops

      Figure 4: Gaussian Blur & Brightness/Contrast

    7. Blur
    8. Add "Blur" live effect.

      Water Drops

      Figure 5: Spots

  3. Masking
  4. When you are happy with the shape of your spots add "Blur" live filter to smooth the border between black and white areas. Then, flatten your object with the Flatten Selection feature. This file will be the mask and the butterfly picture the maskee.

    A little snag when you flatten your object. The size of your object goes from 250x250 to 267x267.

    1. Create the Mask
    2. Take the mask we have just obtained on top of a butterfly picture. Go to Modify > Mask > Group as Mask in Fireworks menus. Now we have masked our drops, next we going to add some effects to achieve a water look.

      Water Drops

      Figure 6: Masking

    3. Live Effects
    4. Apply the following Photoshop Live Effects:

      Water Drops

      Figure 7: Live Effects

Download


Download .zip

Related Tutorials

    No related tutorials.
Did you enjoy this article? Share it!
Share to Delicious Stumble It Share to Digg Share to Twitter Share to Mixx Share to Facebook Share to Technorati Share to NewsVine Share to Reddit Share to Google Share to Linkedin Share to Yahoo Share to Netvibes More...

0 Comments

 

Add Comment

 
Mail (will not be published) (required)  
Website  
 
   
 
  • YouTubeYouTube
  • RSS FeedRSS Feed
  • RSS FeedDelicious
  • MXNAMXNA
  • TweeterTweeter
  • FacebookFacebook 1
  • FacebookFacebook 2

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Adobe Links

  • Acrobat.com
  • Adobe TV Fireworks
  • Adobe TV Learn CS4
  • The Edge Newsletter
  • Fireworks Developer Center
  • BrowserLab
  • Fireworks CS5 Help
  • Packaging Extensions with Extension Manager CS5
  • Extending Fireworks CS4
  • Fireworks CS4 Help
  • Fireworks Help & Support
  • Forums
  • Fireworks LiveDocs
  • Inspire Team
  • Fireworks Exchange

Advertisement

  • 1fichier.com
  • Website Optimization
  • Global Articles
  • http://www.phphosts.org
  • TheWikiMag
  • Custom Logo Design
  • WebHostingDeals.org
  • Loans
  • Free Software Downloads
  • Shareware Downloads and Reviews

Sponsored links

  • Xfinity On Demand Programming

Sponsored Links

Addiction Recovery

Products

Seamless Textures Dot Patterns Checker Patterns graphicxtras

Adobe User Groups

  • Singapore User Group
  • Adobe Fireworks - San Francisco

Latest Comments

  • Customizing Fireworks Splash Screen
    Thanks for the tip. It worked perfectly...
  • Modern styles
    Great. Thanks. I will be sure to use t...
  • Modern styles
    Hi Tia, There are 2 files in the zip...
  • Modern styles
    Very nice styles. Downloaded, but file ...
  • How to blur background in Adobe Fireworks
    Thanks for sharing. This will make a gre...
  • Dragnet wireframes kit for Adobe Fireworks
    Hi Thierry! Nice share - but how do I...
  • auto-sizing-fixed-width-text-blocks
    Very nice site!...
  • Crystal button
    Hi Patzee, You are right Inner Glow ...
  • Crystal button
    I'm using CS5 and there is no way to set...
  • Crystal button
    Awesome... ! thanks for this tut ... ...

Random Links

    VirtualClues
  • VirtualClues
  • All the sites

Latest Tutorials

  • Grunge Text
  • How to make transparent background
  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Adobe Fireworks Command Panel Icons
  • Gesture library

Latest Extensions

  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Gesture library
  • Texture Collection 144
  • SelectionToMXMLClipboard v1
  • Arc Auto Shape

Latest Articles

  • How to make transparent background
  • Adobe Fireworks Command Panel Icons
  • How to export or import Keyboard shortcuts
  • Adobe Fireworks CS5 Keyboard Shortcuts
  • Low Memory Options

Copyright © 2013 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap