Fireworks Lab

Be cynical—IT people don't believe everything they see because IT can help people lie.

In this lab exercise, we'll work with digital images using digital cameras and Adobe Fireworks. The pictures you take will also serve as the basis for your work in the project.

If you know how to use Photoshop or some other image manipulation program, you are free to use that instead of Adobe Fireworks. Unfortunately, we do not have Photoshop installed on our computers because it costs a good deal of money for the license; the ITC does have some computers with Photoshop installed. You may actually be able to find image-manipulation programs online, many of which work similarly to Fireworks and Photoshop (at least as far as this lab is concerned).

Modifying a Photo

  1. Take a digital photo. Obtain a digital photo of yourself. If you don't have one handy, you can ask someone to take your picture with a camera (in fact, the instructor will have a camera at the beginning of class). However, this must be a full resolution image (a minimum of two megapixels).
  2. Digitally modify your photo. Transfer (or copy) your chosen picture to your H: drive. You can now digitally modify your file, as follows:

Here's an example image of Prof. Vander Linden that he modified.

Shrinking a Photo

When you build a webpage and would like some photos to decorate it (like Calvin's website and Vander Linden's personal homepage), you need to work to make the images as small as they can be.

Vander Linden chose to reduce his image's size down to 15–20 kilobytes. Photos taken by a digital camera are much larger than this. (An iPhone picture is around 70kb; an image from a real digital camera will be at least 800kb, even at modest resolutions. Scanners will also produce very large files.)

Modern suggestions for websites say that images should be 30–100kb in size, and the images on one webpage should add up to no more than 100kb. Wait five years, and these numbers will go up again.

Try shrinking down your image twice, into these two ranges: 15–20kb and 30–100kb. Here's how:

  1. Make two more copies. Follow this instructions above to make two copies of your modified image . Be sure to use small and medium in the names of these copies so that you know which file is supposed to be small and which one medium sized. You should now have 4 files named with your user name: smn4.jpg, smn4-modified.jpg, smn4-small.jpg, smn4-medium.jpg.
  2. Shrink up the images. Start with the small file. Open the image in Fireworks, and shrink the file size by modifying the image. Some things to try:
  3. Check your work.When you're done, you should check to see that the new image files are at the right sizes. Use Windows Explorer to navigate to the folder with your images. Selecting the image will likely cause detailed information about the file to appear at the bottom of the explorer window. Alternatively, you can right-click on the image file, and then choose "Properties" to see the file size. Check to be sure that the small file is between 15 and 20kb, and the medium file is between 30 and 100kb.

Mess Around with Fireworks

If there is time, you can play around with some of the image manipulation features provided by Fireworks. This is to prepare you for the project! You could do any of the following:

Submitting your Work

Submit the following files as attachments for Lab 3 in Moodle: