Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Make your own Logo Create an awesome logo for your next website project. A must see! 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!

    LearnIt2 | Adobe Photoshop, Adobe Illustrator and Adobe ImageReady Tutorials

    HV-DESIGNS.CO.UK :: Version 15 :: Back To Basics

Photoshop Guides - quality, hand-picked Adobe Photoshop tutorials added daily.

    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.

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