Gw Temp

Menu

Tutorial - 'Making your title screen in Photoshop' by Dimensionwyrm

An item about General posted on

Blurb

Lunchman introduces the basics to making an rm2k title screen in Photoshop.

Body

Making your Own Title Screens in Photoshop



Dimensionwyrm/Lunchman here, today to show you how to make your very own title screens in
Photoshop instead of some crap you slapped up in 10 seconds on Paint. This is a relatively simple process.



WHAT YOU NEED

Adobe Photoshop 6.0 or higher (I'll be using CS)
Access to the internet (for fonts and bgs)

If you have these two let's begin.


STEP I:



We'll begin by making our background. If you want something showing scenery, go on an image search
engine. If you want something more fancy, try a different technique. If you want to make a dimensional
portal-type background, go crazy with gradient tool set on difference. After a while use distortion filters,
Duplication of the background layer, and blending mode changing. After a while it will begin
to look somewhat like a dimensional portal-ish background. If you like it, keep it, if you don't,
just try again. After you get a good shape, use layer styles and Hue/Saturation (ctrl+u or mac+u),
you'll be pretty much done. The lower the saturation, the more black-and-grayish the color.
If you decided to use a background, paste it into paint first, then select a 320x240 piece of the background
you downloaded. Copy it, then make a new document in Photoshop and paste it. If you can't find what you're
looking for, maybe you can find a tutorial that will teach how to do what you're attempting.
Try Good-tutorials. Once done with the background, we'll move onto the optional step.


OPTIONAL STEP:



In this step we'll be making a render. First of all you will have two choices. You can either make
your own render, or find one on the internet. If you want to make something on your own, try Good-tutorials
or search on google for a tutorial. Once you have your render, paste it into the document. Now, Ctrl+click the layer to select the it.
Now use the move tool to move into the correct position, and use free transform (Ctrl+T) to change size etc.
Now that you have that done press Ctrl+alt+x, and extract the render by selecting a small brush size (like 3 to 5)
and slowly, carefully trace around your render. Using the bucket tool, fill the closed space then hit Preview. If it worked, go ahead and press ok,
if it didn't, try again. When this is done your render will be done. Congratulations. Now you can add layer styles
to make it look fancy. When that is done move on to text.


STEP III:



In this step we'll be doing the text. For this use the text tool, and type in the title
in some fancy font you found online. A quick google search will suffice. Next, apply layer styles
and any filters you want to make it fancy. Good-tutorials, once again, has like 1000 text tutorials.
This should be a simple step. Don't be afraid to go off the tutorial's steps and add your own effects! It can
create wonderful effects! Once this is done, rasterize the layer (layer>rasterize>type) but check spelling first.


STEP IV:



This is the final step, saving your file. First of all, press Ctrl+Shift+E to merge all visible layers (don't forget to save .psd backup
first though!) then go to Image>Mode>Indexed Color. You don't have to set it to indexed, as it lessens the quality, but it greatly reduces the size.
Now go to File>Save for Web. First of all, change Unnamed to PNG 128-bit dithered, and change the mode to selective.
Once you have this done you can import your title screen. Congratulations!