Ceate a new image, 600x400 px. 

Create a new layer. 

Select the line making tool and put it on 5 px., normal mode, 100% opacity and Anti-aliased is CHECKED.

Make your foreground color a dark color, preferably navy, but you can use anything you want. (I used #0F007F.)

Make a line down the side like this:

Filter>Distort>Shear.

Make it somewhat squiggly, like this:

Now, create a new layer.

Select a dark red or else just another color that's dark. I'm using #7F0000.

Create yet another line, but this time make it go straight across.

Layer>Layer Style>Bevel and Emboss

Match these settings:

Click on the other layer, the one with the squiggly line.

Layer>Layer Style>Bevel and Emboss

Once again, match these settings:

Now, select the magic wand tool.

Click on the area just to the left of the squiggly line.

Click on the background layer, and create a new layer. 

Select a lighter shade of whatever color you used for the squiggly line. So since I used navy, I'll go with a light blue, preferably #008AFF.

Hold down SHIFT and hit Backspace. This is the same as Edit>Fill, but I think it's quicker and easier.

Filter>Sketch>Chrome

Settings:

Detail:4

Smoothness:7

Oh no! Now it's out of that lovely shade you just selected! ...But have no fear, Hue/Saturation is here!

Hold down CTRL and hit U. This brings up the Hue/Saturation box.

On the right, check the box by Colorize. Then, drag the arrow on the Saturation slider all the way to the right, and hit OK.

Filter>Render>Difference Clouds

Hit CTRL+F to redo the last filter (Difference Clouds). You may do that as many times as you want, just until you think it looks good. I hit CTRL+F 8 times.

CTRL+D to deselect. 

woohoo! Pretty nifty!

Now, right-click on the layer you're on, select Layer Properties and name it Left Menu.

Do the same to the layer with the squiggly line, and name it "Squiggly Line".

Repeat on the line that's going across the top of the screen, but name it "Flat". 

So far, you should have something like this:

Click on the Flat layer to make it active.

Select the magic wand tool.

Click on the area above the line. This will select all those empty pixels like it did with the squiggly line.

Click on the Squiggly Line layer (I'll just start calling it SL,) and create a new layer.

Select a bright color for your foreground that goes well with the flat line color. I'm using yellow.

Shift+Backspace to fill in this area.

If you don't like how it looks, hit CTRL+Z to undo your last action (in this case filling it in,) and then you can re-select a different color and then fill it back in again.

Filter>Texture>Grain

Settings:

Intensity: 43

Contrast: 70

Grain Type: Regular

Filter>Stylize>Wind

Settings:

Method: Blast

Direction: From the Right

Fiilter>Texture>Craquelure

Settings:

Crack Spacing 15

Crack Depth: 6

Crack Brightness: 9

CTRL+D to deselect.

It should look something like this now:

Name the layer with the bar that you just made "Top". 

If you want, you can put a logo in the upper left-hand corner. Or, you can just create a planet, such as I will now explain.

Click on the Flat layer and create a new layer.

On the toolbar, click on the upper-leftmost button. Select the circular shape.

Holding down Shift (makes it perfectly round,) make the outline for your planet. Here's mine:

Pick a color for your planet and set it as your foreground color. It shouldn't be too dark nor to light, just something like #25C7B6.

Shift+Backspace (From now on, I'll just call this Fill[ing]).

Filter>Sketch>Graphic Pen

Settings:

Stroke Length: 15

Light/Dark Balance: 50

Direction: anything that's diagonal, preferably Right Diagonal.

CTRL+U (Hue/Saturation)

Settings:

Colorize: Checked

Saturation: Whatever makes it look good, I'm using 71.

Lightness: Again, you choose! Although I'm using -43.

Hue: Depends on your color. I'm using 174. If you don't like it's color, now is the time to change it! Just drag the little arrow left and right until you're happy!

CTRL+D.

Layer>Layer Style>Bevel and Emboss

Now, this really all depends on what you want it to look like. Since the size of your planet is probably different than mine, play around with the settings until you're happy. But this is what I have.

Name the current layer "Planet". 

Create a new layer.

This time, pic a color for the first set of rings. I would make it a bright color, and not too light. It has to contrast somewhat with the background color the planet's on. I'm using #7F70B3.

Oh joy. Select the tool that's right under the T (text tool) and select the Ellipse Tool.

Make an ellipse on your planet like this:

Select the Magic Wand tool.

Click on the ellipse you just made.

Select>Modify>Contract

Type in 5 and hit enter.

Hit Delete.

Select>Modify>Expand

Type in 5 and hit enter.

Edit>Transform>Rotate

Now, tilt it to an angle so it looks pretty good. Remember to leave room for another ring, though! Because that's coming up soon...

Click on the Eraser tool. It will ask you if you want to apply the transformation. Click Apply.

now, zoom in a lot onto the planet. 

Erase on the ring so it appears that it's going behind the planet, like this: (examine!!)

Phew! That probably included a few CTRL+Z's, huh? Anyways, do CTRL+D. 

You probably noticed some 'crumbs' of when you did the transformation. You may now erase them away.

Before...

After!

Zoom out to 100% and take a look at how well it turned out!

Ready to do the next ring? First off, name this layer "Ring 1" and then create a new layer named "Ring 2".

Click here to repeat the steps for the first ring, but this time, select a different color, and make it lean in a bit of a different direction. (I used color #73B370.)

As you can see, I erased it in such a direction that makes it stranger... However, you can do whatever you want!

OK, now you know that layer that's always automatically put in there, "Background"? Well, click on it and create a new layer.

Select any color that you would like to put in place of the big white part right now.

FILL 'er up. (I used #0CFF00.)

Filter>Render>Lens Flare

DO REMEMBER that there's the white bar at the top of the screen, so place your lens flare below that point, on the upper right, such as this:

It may take a few tries. Once again, this is where CTRL+Z comes in handy.

That's basically it... You can now make text layers and apply special text effects all over the think. I recomend something like a news thing at the top bar, and navigation buttons down the side. Then, you can use the big part for  posting information.

I do notice that this is HUGE to be using on a site, all that green does no good! So here's what to do...

First off, SAVE IT!!!!!!!!!!!!!!! Save save save save SAVE!! 

Good job! Now, save it as a .JPG file.

Open up the .JPG file.

Click on the upper-leftmost tool and select the Rectangular Marquee tool.

Drag a rectangle around all that you want to have at the top of the page.

CTRL+C (copy)

CTRL+N (new)

OK (all the settings are in there already, it's automatic)

CTRL+V (paste)

Lo and behold! That's the top part! Now you can save it and use it, or whatever.

......

But now you also want the pretty squiggly bar on the side too??!!!

Alright, alright. Go back to the .JPG of the full image, and select something like this:

CTRL+V, CTRL+N, ENTER, CTRL+V. Save it as your file and set it as the background picture or whatever your site needs.

Now, highlight the top part, and save that as another file. You will use that as the top part of the page.

PHEW! I'm sick of this interface stuff! I think I'll just stick to making special effects from now on... Hope you enjoyed it!

...Also, you probably notice that I added a lightning bolt. You can see how I did that by downloading the .PSD file, or by clicking here.

<Back 2 Photoshop Tutorials