New!
magento development

Resources

Tutorials

Designer search

Find a designer by country:

Related Tutorials

Color

Categories


Web Companies


LSF
San Diego Web Design Company
san diego web design

Web Tutorials

Submit your tutorial and earn $25 >
Photoshop tutorials Aurora Effect Photoshop Tutorial

Author: Onion

Share

In this tutorial, I’ll tell you how to create an amazing Vista theme background in just a few easy steps. I’m using Photoshop CS4 and you’ll see how much fun it is to make something like this:

So let’s get started.

Step 1

First of all, open any image you have. It’s preferable to be a big image so it would be clear and nice if you set it as your background. It also should have many light and dark parts for better effect.

Duplicate your image as shown below and blur it to about 40%-50%.

Step 2

The next thing we’ll do is add a Color Balance layer. Go to Layer > New Adjustment Layer and click on Color Balance. Click OK.

Step 3

Now, adjust the color as you wish. Here are the values I used below:

Step 4

With the oval tool, make a big selection like shown below. We’ll use this to create the shiny lines.

Step 5

Select a soft white brush and make it really big about 200px-300px. And slowly, start going over the selection to make a very thin line.

If the brush stroke becomes too big like I did above, use the eraser tool again with a soft brush and start refining the brush stroke.

Step 6

Press Ctrl+D, to deselect the selection and select either Overlay or Soft Light as the layer mode depending on which will look better in your case. Here, I used Soft Light because it looks better and blends with the background. Now you’ll have a very nice shiny line effect as seen below.

Step 7

We’re almost done. Press Ctrl+T to transform it and make it vertical. Then all you got to do is duplicate them, transform them, and place them all together like I’ve done below.

Step 8

I’ll show a really cool trick. Go to the Text tool and choose the Horizontal Type Mask Tool. Type and type any text you want and set the font type, size and all the attributes and then click Enter.

Once you do that, your text will turn into a selection. So select the bottom layer and click Ctrl+J. Now a new layer is created above the background and below the Color Balance Layer.

Step 9

Apply a Bevel and Emboss Effect similar to the values below:

Step 10

Now your text appears on the screen.

The cool thing is that whenever you change the background color, the text color with change according as well.

Result

Here’s my final image. Hope you enjoyed the tutorial and learned a few techniques to create more and more backgrounds and Vista-like themes.



Comments

nice job...it helps me to try the tutorial.
thanks for sharing this


john

nice colors!

thanks


Onion your tutorials rock!


nice and interesting..thanx 4 sharing http://csscreme.com/captcha/imgs/item-heart.png


shailesh

nice tutorial, i liked the shiney lines effect, but the text effect is more cool, keep it rocking i will wait for a new 1 from you


Rawda

AWSOME!!!!

I've been looking for this,, thank youuuu :3


Stefan

very nice Tutorial
Thank you

Stefan


very nice tutorial learn well create more tutorial that is more help us thanks Csscreme


terence

Thank you for sharing this tutorial! It really was a great one!


Very nice tutorial..i like it very much..i think it will help me a lot


tupac

good stuff dude im back haha


Wonderful photo. Thanks for shear this good post


the tutorial is nice.


Add Your Comment

gravatar


Processing, please wait ...
Your name:

Your email:

Your URL:

Comment:

Follow us
on Twitter

9381 Sites

130 Countries

4050 Designers

add your profile

28 users online

CSS Gallery

Top Rated Web Designers

Share this tutorial on:

  • ADD TO DEL.ICIO.US
  • ADD TO REDDIT
  • ADD TO GOOGLE