Creating mask images using MagicMedia and Microsoft Paint (MSPaint).

1. The tiger mask

tigertr0.jpg
161 KB

tigertr1.jpg
44 KB

tigertr2.jpg
81 KB

tigertr3.jpg
52 KB

From the tigertr0 image, we want to have only the tiger and we want to have it mirrored. Load the tigertr0.jpg into the Image Viewer, start the effects dialog, apply 'Rotate/Flip/Horizontally' to mirror the image.
Start the Crop frame ('Crop image' button in the second controlbar at the top of the viewer). Adjust the frame, right popup click the frame and apply the 'Crop'-Menuitem (see images tigertr1.jpg and tigertr2.jpg).
With the resulting image, start the effects dialog, go to the 'Transparency' page. A couple of clicks on the Target preview image, holding down the [SHIFT] key, maybe changing the 'Range' and 'Low Pass' trackbars a little, results pretty fast in a coarse mask of the tiger (images tigertr3.jpg, tigertr4.jpg and tigertr5.jpg).


tigertr4.jpg
56 KB

tigertr5.jpg
89 KB

tigertr6.jpg
117 KB

tigertr7.jpg
84 KB

To clean up the details, load the tigertr5.jpg into MSPaint (Hint: right click the file on the FilePanel, select 'System Menu/Open with' and select 'Microsoft Paint' from the list. If it is not in the list, select 'Choose Program...' and search for the MSPaint program). In MSPaint, choose the rectangle tool with the 'Fill'-style (see tigertr6.jpg and MSPaint's help for setting the style). After drawing a couple of filled rectangles, the rest needs to be cleaned up with the brush tool. Select the largest round brush shape (tigertr7.jpg) and carefully remove the debris without destroying the tiger's shape (..in case, MSPaint has an 'Edit/Undo' option).


tigertr8.jpg
47 KB

tigertr9.jpg
36 KB

tigertra.jpg
10 KB

tigertrb.jpg
27 KB

Finally we have the tiger mask: tigertr8.jpg. Ooohhps - one of the tiger's ears became too transparent. No problem: load the tigertr8.jpg into the Image Viewer, load the tigertr2.jpg into a second Image Viewer (hold down the [CTRL]-key, doubleclick the thumbnail to open a second Image Viewer). Crop the ear as described above and depicted in images tigertr9.jpg and tigertra.jpg. Copy the resulting image to the clipboard (right popup click the image, select 'Copy'-menuitem). In the first Image Viewer (tigertr8-image), right popup click the image and select the 'Paste as overlay'-menuitem. MagicMedia remembers the position of the frame before the Crop-operation and automatically places the overlay frame at the right position. Right popup click the frame, 'Stamp/Aliased'.


tigertrc.gif
140 KB

After correcting with the same technique a few more of those transparency-overflows, we finally end up with the tiger mask - hihi - ready for some games :)


2. The rider mask

ridert0.jpg
37 KB

ridert1.jpg
44 KB

ridert2.gif
158 KB

ridert3.jpg
59 KB

To give the image a little bit more color dynamic, we apply the 'Auto Colors' filter with limits set to 2 (Effects/Histogram/Auto Colors). As there are similar colors in the background, we need to surround the endeavered regions of the mask image with a cutoff color. After doing this with MSPaint (ridert2.gif), load the image to the Transparency Editor, select the Cutoff color (yellow in this case) as Transparent color and proceed masking the image as described above (ridert3.jpg through ridert5.jpg).


ridert4.jpg
34 KB

ridert5.jpg
20 KB

ridert6.bmp
711 KB

In ridert6.bmp, some of the grass leaves have been removed using MSPaint's brush and color picker.


3. The rabbit mask

rabbitt0.jpg
131 KB

rabbitt1.jpg
152 KB

rabbitt2.jpg
128 KB

rabbitt3.jpg
144 KB

The rabbit also needs some special treatment arround its frontpart. Images rabbitt1.jpg through rabbitt5.jpg show the process of masking the rabbit, see the tiger example for a detailed description of masking images.


rabbitt4.jpg
98 KB

rabbitt5.jpg
95 KB

rabbitt6.gif
176 KB

rabbit2.gif
7 KB

To create the rabbit2.gif with the rabbit being the transparent part: load the rabbitt6.gif into the Effects/Tranparency editor, uncheck 'Contiguous', click on the rabbit in the Target preview and notice how the colors change. Set the range to ~100 and click, with the [Shift]-key pressed, on the parts of the rabbit not having already the transparent color.