This would be an example of a splash Page I didn’t make. I just added the words… Emmm, some people use them. I know they add excitement to your site, look real cool, and give people the feeling that they’re entering a different place. And here-in lies the problem; what with Trojans out there, virus scares and malware and such, a lot of people were feeling uneasy about them, and NOT hitting the “Enter” button, arrow or word because they took it more like they were leaving a place of safety. See, when you factor in “The Unknown” disposition it possesses, this is why I don’t fussy them, and feel they’re becoming redundant.
Release Yourself from The Chains
Everything else hence-forth, including the picture above, is mine, and you my have it to do with as you wish, or any other page I have here or construct in the future here, if you so desire. “Wait though” you say. “This is too big and it’s backwards for word press! The side-panel is on the wrong side. I know this, and I’m going to tell you how to correct the problem and have a few others included for practice on, if you want them… Sneaky aren’t I? I try to make you do stuff: “GO TO THE WINDOW!”
Getting Down To It
Nice eh? Too bad you can’t use… But you can! And don’t worry, I’ve made some ARE just about the right size (Header too) and has the side bar on the left side so you can actually load them up as a background. Just be sure to select the header and extract that to load it up separately. Firstly though, there’s this wrong looking everything… So first, let’s go into Photoshop with it and turn it around so the column on the left, will be on the right. Go into your layers palate and right-click the background layer and choose: “Make layer from background.
Now go into your Edit menu and choose “Free Transform”. A bounding box with handles should now surround your page. The neat thing about this tool in this particular mode, is that it can make perception from your pictures. To turn it around, you’re going to grab the upper, left handle with your selection tool (the black one at the top of your tool box) and drag it all the way over to where the right handle is, and do exactly the same with the bottom handles… You have now effectively mirrored your image.
It’s still the wrong size you say? Go into your Windows menu and bring up your navigation pallet if it isn’t already there. Now go into the Edit menu again only this time, choose” Transform/Scale. Grab the upper left side handle and begin scaling down your page. As you do so, keep a close eye out in the Navigation Pallet, where your “Y” and “X” coordinates are. They will tell you precisely how tall by how wide your page is respectively. Stop when you get to about 1200 x 960. And there you have it.
And this is the way it should look if you’re a girl… LOL! I know you feel you don’t HAVE to look girly. Though if you’re selling a feminine product, it might be advisable to play the part just the same. I try to keep everything flat at the bottom, so it will tile properly when you load it up. Any file that has the word “wordpress” in it, is designed to specs. for use in WordPress. This looks a little dressy. You can dress them a bit but be careful to leave plenty of room for your pictures, paragraphs, and buttons. Less is better because you don’t want to call attention to how the web-page itself was made, but the material you include on your pages.
Don’t you feel better now?
So there you have it; elegant but simple. The flourish (top left) is actually a paint brush. Anyway, the side panels should be wide enough for your widgets. I know some of you were requesting that, so here you are… If they don’t fit perfectly (they should), experiment by resizing; backgrounds can be reloaded with no problem, as long as you take the other one off first. To cut off your header (Oooo! Sounds so romantic! LOL!) we’re going to cut it out to its own layer with a keyboard shortcut or two. Then trash all the other layers, go into your Layers menu and choose Flatten, to turn it back into a back ground.
If the glass ones seem too dark to you; Make a new layer directly above it (it’s that file doohickey icon on the bottom of your layers pallet), using your paint bucket tool, fill it with a white foreground. Then choose screen mode at the top of your layers pallet, and that should brighten it up for you; move the opacity button to taste, flatten and save.
Just one more thing and you’re there!
Select the entire rounded rectangle, with another rounded rectangle. This should give you a “Shape Layer” just above it. Ctrl click the white rounded rectangle mask in your layers pallet, and that should select the whole header for you in your picture. Then hit Ctrl j and that should send it to its own layer. Place all other layers in your trash can at the bottom of the layers pallet, choose: Flatten in your Layers menu, name it and save it as a jpg in a place you’ll remember it for your web-site projects. Enjoy!