Objective: create a sample image for your group's game project (a basic concept drawing or colored image).
1) Draw an image which conveys some visual aspect of your game design (character, setting, background, etc.)
2) Scan your drawing into Adobe Photoshop
Under the File drop menu, click Import and then choose the name of your scanner.
The scanner's TWAIN device will open. Click Preview to do an initial scan. A
preview image will pop up, from which you select the area you want scanned.
Change scanning resolution to 150 dpi. Click Scan when you are ready, and your
image will be scanned and opened into Photoshop as a Photoshop Document.
3) Resize your image to 700 x 700 pixels
You may do this by converting your image to 700x700, which may stretch the image
if it's not originally square. You may also expand around your image to the
correct dimensions by altering Canvas size, which adds or subtracts space, rather
than stretching the image. Both of these options are under the Image drop menu.
If you would like to crop your image down to a square, use the square selection
tool (dotted lined square), select the area of the image you wish to keep, and
choose Crop from the Image drop menu.
4) Color Your Scanned Drawing
Double-click the "Background" layer in your Layers palette. This changes it
to "Layer 0." Click the tab reading Normal, and scroll down to Multiply. Now
the white values of your image are transparent, and you can do an under-painting
on a new layer beneath your dark lines. Create a new layer by clicking the New
Layer button at the bottom of the palette. Drag "Layer 1" under "Layer 0," and
using the paintbrush tool, color where needed. If your color is not beneath
the dark lines, make sure you have "Layer 1" selected, and that it is underneath
"Layer 0". If you are satisfied with your coloring, you may merge the two layers
by clicking the top layer and choosing Merge Down from the Layers drop menu.
5) Create an alpha channel for the transparent
parts of your image.
On the Layers window on the right of your screen, click the Channels tab. Here
you will see four RGB channels (RGB, Red, Blue, and Green). At the bottom of
the Layers window, click the Create New Layer button. You now have an Alpha
Channel. Now click back to the Layers tab. From the tools palette, click the
magic wand selection tool (stick with sparkled end). Now click on the space
surrounding your drawing to select the blank space (make sure you have your
drawing layer selected first). If the selection is too great or too little,
adjust the Tolerance percentage at the top of your screen. Once you have selected
all of your background, go to the Select drop menu and click Inverse. Now your
drawing should be selected, instead of the background. Click once more to the
Channels tab of your Layers window. Select the Alpha Channel, and hit your delete
key. Now the silhouette of your image should be seen. If nothing happens, make
sure that your background color is white at the bottom of the tools palette
and try deleting again. Ultimately in your Alpha Channel layer, a white silhouette
of your image should rest against a black background.
6) Save your image as a TIF or Bitmap
Choose the Save As command from the File menu. Under format, choose TIF or BMP.
Please use CMS to hand in a TIF or BMP image, 700x700 pixels at 150 dps. This image should in some way relate to the game project your group is currently discussing, although it does not have to be a final image to be used in the game.
This lab project is due Friday, February 11th by 11:59pm (midnight).