TODAY WE ARE MAKING TRANSPARENT GIF'S


LAUNCH PHOTOSHOP

1.  You heard me, launch Photoshop.

2.  Say you want a new image, 100 x 300 pixels, and you want it
	to have a transparent background.  If you don't specify
	this transparency, you will be quite disappointed later
	in the lab.

3.  Use your brush and try to make some awful grafitti that you
	might see in a barrio somewhere where it seems you don't
	belong late at night without a big dog or stick.  You might want
	to use two colors, where the second darker color outlines or
	shadows the main, larger brush strokes.  I think this is usually
	what you see.  Oh yeah, you might want to use a spray paint tool
	or diffuse brush.

	Hah, not so easy to make nice looking grafitti, is it?

4.  Save this as a GIF, and make sure you specify that it should have
	a transparent background.o

5.  Now find an image of a wall on the web and make a web page where it
	is the background image.  You can do this with the BODY tag
	and the BACKGROUND=foo.jpg attribute/value pair.

6.  Now add your new image to the page using the IMG tag (remember, SRC=foo.gif).  
	You should be able to see through the unused parts of your image,
	through to the background.  If you see a big white square, you
	didn't do it right.

7.  Add a STYLE=position:absolute;top:300;left:200 attribute/value
	pair to your image tag.  This should move your grafitti over
	and down.

	Change the values as needed, and use the height and/or width
	attributes for the img tag to get it to look good.

8.  Unfortunately, someone always sprays over your nice art work.
	Go back to Photoshop and make two more transparent gifs.
	Overlay these on top of your grafitti and on top of your wall
	using three IMG tags.

9.  Try adding text to your page in a nice large font.  You can access
	larger fonts than FONT SIZE=6 or FONT SIZE=+6 by using the
	STYLE tag:  FONT STYLE=font-size:5in

	Nice, huh?

	Don't forget to add color to your text.  Remember how?

10.  Show the TA and you are done.