Tutorial Spotlight: Shatter Background
Learn how to create an abstract shatter background that looks great in signature/banner backgrounds. This is a very quick, and easy technique that anyone can do.
In this tutorial you will learn how to create a very retro looking splash display, that works great for signatures, banners,
headers, or a great advertisement display for news or print. This tutorial will actually teach you two valuable retro design
techniques, starting with a retro swirl half-tone background, and then a fantastic retro dubbed text effect. After reading
this tutorial you should be able to experiment and design you own retro splash display with ease.
Here's an example of what we'll be creating in the first part of this tutorial:
And here is how the final outcome of our tutorial will look:
Page 3 of 3
Press 'V' on your keyboard to get out the Move Tool ().
Hold down the ALT key on your keyboard, and press the UP ARROW on your keyboard 8 times.
This will create 8 duplicates of your text, here's how your canvas should look:
Merge all of these duplicate layers, with the layer we created in step #10, by pressing CTRL + E repeatedly until each of these layers are merged into one.
Set your foreground color to #359FE3, get out the text tool, and set it up like so: Note: The font is now ALBA, and the size is approximately 4 points larger than it was in the previous settings
Go ahead and type your text out onto the canvas as l have done here.
Press 'V' on your keyboard to get out the Move Tool () and position it over top of the shadow of the text as close as you can as l have done here:
Double click this layer, and apply the following blending options: Stroke:
Press CTRL + E on your keyboard to merge this layer in with the previous.
Now we'll add the small "echo" effect that you see in my final version. To do this Press CTRL + J on your keyboard to duplicate our text layer.
Press "V" on your keyboard to get out the Move Tool ().
Hold the SHIFT key on your keyboard and press the DOWN ARROW on your keyboard 7 times to nudge our duplicate text down 70 pixels.
Change the blending mode of this layer to "Hard Light" and drop the opacity of this layer down to 40 percent:
Go to Filter->Pixelate->Fragment.
Press CTRL + J on your keyboard to duplicate this layer.
Press 'V' on your keyboard to get out the Move Tool (), and drag this duplicate layer down slightly while holding down the SHIFT key on your keyboard as l have done here:
Now press CTRL + T on your keyboard to get out the free transform tool.
Place your mouse cursor near the top left node (box) hold down the SHIFT key on your keyboard, and drag this node inward towards the center of the text, this will resize the text, while keeping perfect proportions.
Repeat this step #15 one more time to create yet another text echo.
This completes the create of a very nice retro splash display, here is how my final rendition ended up after adding a little tag line, and an image of the retro icon ... pac-man. :)
Thank you so much for reading this tutorial, l hope you've learned some new techniques, and tricks that you will be able to apply to your future creations. Please be sure to check out the rest of our great tutorials while you are here!
Related Tutorials: Glossy Buttons In this tutorial you will learn how to make quick and effective looking round gl ... Interface Vents This tutorial will show you how to add a techno depth to your layouts with the u ... Retro Style Background Learn how to create the retro style background that you'd see on 60's television ...