Creation of the ATPM Splash Screen
Everyone has a designer inside of them. ATPM wants to release the designer in you.
This section is designed to make working with computer graphics software easier. It will show you how to achieve marvelous results in a few steps (or shall we say clicks?). Hopefully, this will give you more time to design your graphics and take less time to actually do them.
My name is Jamal Ghandour. My goal is to guide you through doing anything from a simple tracing of a logo to full-fledged 3D animations. As you probably know, there are a million ways to acheive the same effect using computer software. So, what I will demonstrate are, to my knowledge, the best and easiest ways, but by no means are they the only ones.
I must say that after all my years of work, very little impresses me. However, ATPM's high quality did just that. I am proud to join the ATPM staff. The people here are "simply the best!"
A special "thanx" goes to Michael, Robert, my colleagues at CSS&GREY, Kuwait (you know who you are), to those of you for whom space and time prevent specific mention (but I mean every single one of you), but I'd especially like to thank my wife, who always gives me the will to go on.
Enough chat, let's get down to work!
Since this is the first installment, I will keep it simple. Remember, your input will determine how complex this section becomes. This month, I will walk you through how I did the ATPM splash screen in Adobe Photoshop 4.0.
- I opened a new document with the following dimensions: 393x266 pixels at 72 dpi. (Found File>New)
- I chose colors for the Background and Foreground.(e.g., Light Blue and Navy Blue)
- I used the "clouds" filter. (Found Filter>Render>Clouds)
- The desired effect was achieved, but the edges were hard. So, I used Gaussian Blur to soften the edges. (Found Filter>Blur>Gaussian Blur)
- Next I used the Noise effect to give it a stylish look. (Found Filter>Noise>Add noise)
- The background was now nearly ready, only a few steps to go. First, I selected the white color.
Here's a nice tip to get basic colors (e.g., black or white): press "x" on the keyboard.
I set the brush opacity to 30%. Then, using the shift key, I drew white lines on the sides.
- I repeated step 6, except I used black color for the other sides.
- With the background finished, all that remained was to get the elements. So, I opened Matt Sanders's splash screen. Here I would like to thank Matt for his excellent work. He can be contacted at <firstname.lastname@example.org> .
- Matt put the elements on a white background, so it was a fairly simple matter to take them out (also called "dropping out" in graphic artists' jargon). I just clicked on the white background with the Magic Wand tool and inversed the selection (I must stress here that inversing the selection is completely different from inverting the image in the selection).
- After selection, I copied the elements to a new layer on the freshly made background.
- I typed in white text "About The Personal Computing Experience" on the same layer. Our logo was also added to the same layer.
- Now all that remained was to give all the elements on the new layer a soft shadow.
- This is fairly simple. First, I made a copy of the layer.
Hint: an easy way to do this is to drag the layer to the page icon on the layers pallette.
- Now comes a tricky part. First, I chose black as the foreground color, then chose "Fill" (or press shift-delete). It is very important to make sure of the following:
a) Under Contents > you have "Foreground Color" selected b) Opacity is set to 100% c) Mode is set to normal d) Preserve Trancperancy is selected!
Then, I pressed "OK."
- I now had a copy of my layer all in black. I placed this black layer underneath the original elements layer.
- Using the Cross tool, I adjusted the offset of the shadow.
- As a final "tweak," I used Gaussian blur on the black layer to give it a soft shadow effect.
- Voila! The splash screen is ready.
Please feel free to e-mail me with any questions, inquires or comments at email@example.com.