Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Plastic Tech Layout Learn the clever techniques used to create techno-plastic graphical user interfaces. Very Cool! read more...
Join our Mailing List to receive:
  • Site Updates
  • Photoshop Tutorials
  • Webmaster Tips
  • Hot Site Reviews
  • & much more...

  • Mailing List: Privacy Policy

    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!

    Pixel-EFX.net :: Where The Web & Mind Combine

    LearnIt2 | Adobe Photoshop, Adobe Illustrator and Adobe ImageReady Tutorials

    Link to us
    ( Link to PhotoshopTower.com )

    wholesale computers

    PhotoshopForce.com - Photoshop Tutorials

    Site By: Coastal Web Innovations

    Some web hosting solutions you can find yourself on WHG and a list of
    web hosting companies.
    Shatter Background

    (Click to enlarge)
    In this tutorial l will show you how to create a shatter background that looks great in signature/banner backgrounds. This is a very easy technique that is used all over the place on message boards these days.

    Page 1 of 1

    Step 1.)
    Start a new document of any size, l'm using 500x500 and fill the background with black (#000000).

    Step 2.)
    Go to: Filter->Render->Difference Clouds.
    Press CTRL + F on your keyboard 3 times to repeat the filter three times.


    Step 3.)
    Next go to: Filter->Distort->Wave and apply these settings:
    (press randomize a few times until you get a pattern with good separations)


    Step 4.)
    Next go to: Filter->Stylize->Wind and apply these settings:

    Press CTRL + F on your keyboard 1 time to repeat the "wind" filter one time.


    Step 5.)
    Now we'll add some color. Go to: Layer->New Adjustment Layer->Color Balance
    Press Okay:

    Apply the following settings:
    (Note you can adjust the settings within the next three image sequences to get different colors, these are just the settings l used)


    Step 6.)
    Click once on your first layer, to select it and make it active and press CTRL + J on your keyboard to duplicate the layer:

    Change the blending mode of this new layer to "overlay":


    Step 7.)
    This next step is option; Next we'll apply a spotlight effect to the image, go to "Filter->Render->Lighting Effects" and apply these settings:


    Here's how mine looks after adding some text, and a little "logo" type thing:

    Another option is to add a game render to the background with a slight 'outer glow' to give it a really good effect. Thanks for reading!

    ADDED: We have written a tutorial covering how the font, and logo was designed for this tutorial click here to view our Easy Logo Design Tutorial.

    Related Tutorials:
        View Glossy Buttons Glossy Buttons
    In this tutorial you will learn how to make quick and effective looking round gl ...
        View Retro Style Background Retro Style Background
    Learn how to create the retro style background that you'd see on 60's television ...
        View Alien Embryo Alien Embryo
    This tutorial will explain the how the Alien Embryo render was created using pho ...

    Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search | SM | Top^