Shatter Effect in Photoshop by Daisey Kondziola

First appeared on November 17, 2001 Last update on Saturday, November 17, 2001

Learn how to create a shattered glass effect.

	Open your picture you want to "shatter"
	On a layer on top of the picture, use your lasso tool to make a spaztic kind of starburst over the picture... go crazy! but make sure you have lots of skinny points in your starburst. Fill your selected area with white
	Turn the transparency to "overlay" Dim the transparency down a bit, I used 70%
	Duplicate that starburst shape you just made (select all, "Ctrl J" for Juplicate!) Take the duplicated layer and tweek it out a bit, stretch it just so it's not exactly on top of the one below it. Put a gausian blur on the new starburst Dim the transparency, I used 20%
	Just to dirty it up a bit... Make a new layer, grab the pencil and scribble scrabble all over the place - I used black (1 px)
	Apply a Gaussian blur (about 1.5) "overlay" and set transparency to 50%
	Just to add some texture, to give it that messy look, I put a layer of scan lines over the entire thing and turned the transparency to "overlay" then dimmed it to about 25% And that's it! Obviously, you can play with the settings and specifics, but this is the general idea of how to create a shattered glass effect. Have fun!

---

Daisey Kondziola is a contributing writer of Wow Web Designs. Daisey is a telecommuting 'web engineer' for Art & Logic, an international software development company. She has 'given birth' to several start-up dot-com's during the dot-com craze and developed a fierce hunger for new technologies, both aesthetic as well as programmatic. A collection of her visual arts can be found at daisey.com.

This tutorial copyright © 2001 by Daisey Kondziola for Wow Web Designs.

Rating: 8.5 (2 votes)

For more original Photoshop and Illustrator tutorials for users of all experience levels please visit our Guides section. You can also post your questions about graphics software including Photoshop, Illustrator, Fireworks, Paint Shop Pro and CorelDraw in our forums. There are 124 web designs created with Adobe Photoshop in our database.

Reader Feedback:

KRYPTBOY (2) - Dec 21st, 2006 Content  10 Organization  9 Personal Slant  9 Overall 9.3 I thought this wasnt going to help me at first not because its a bad tutorial because its not its amazing i just thought it wasnt what i was looking for but after trying it i proved myself wrong and my friends logo looks awesome now. Thank You! Krypt Stevesvlbabe (2) - Oct 10th, 2004 Content  5 Organization  10 Personal Slant  8 Overall 7.7 Fantastic tutorial, looking good, keep up the great work