From GGCWiki
Jump to: navigation, search

Project 2, Part 1:

This project compares the file sizes of a bitmapped .tiff file and a .svg vector graphic file.
I created the .tiff file using textEdit and Grab, both pieces of software that come with a Mac.
The .svg file was created using the bezier curve tool in Inkscape.

File type

File size

The image

The download


6,154 bytes


To download:
Option-Click here


5,287 Bytes


To download:
Option-Click here

Project 2, Part 2:

In this project we are using Inkscape, software that is open source and available freely on the web.
After using Inkscape to trace our initials using Bezier curves in Part 1, we are going to use it to create a character, or avatar, that can later be imported into 2D gaming software by students in our Intro to Programming course.
We are creating 8 different views from around the character as vector graphics and saving them as .svg files.
Using GIMP, also open source software available on the web, we import the 8 different views and then save them as an animated GIF file. This animated GIF shows the character rotating through 360 degrees showing all 8 views to give the viewer a better idea what the character looks like.

My Character

This is the animated GIF of my character:
If you option click the image you can download it.
Note to my students:
This image has many more sides than yours will need... so don't panic! You will only need to do 8 views



To download the individual parts that I used to create the animated gif, option click the link below the thumbnail


Right front 45 degree view

Right 90 degree view

Right back 135 degree view

Back view

Left back 225 degree view

Left side view

Left front 315 degree side view










45 degrees

90 degrees

135 degrees

180 degrees

225 degrees

270 degrees

315 degrees

How I built this:

Note to my students:
Including the images that you worked FROM (below) is optional.
Including the resulting .svg files (above) is NOT optional
To build this animated GIF I first took pictures using the camera built into the Mac in the lab.

This image was used to create the front view

This image was used to create both right and left views.
I simply flipped the original horizontally to create the other side view

The front 45 degree view was used for both left and right 45 degree views

The back 45 degree view was used for both the left and right 45 degree views

This image was used for the back view

JrowanFall2008ITEC2110Photo 1.jpg

JrowanFall2008ITEC2110Photo 2.jpg

JrowanFall2008ITEC2110Photo 3.jpg

JrowanFall2008ITEC2110Photo 6.jpg

JrowanFall2008ITEC2110Photo 7.jpg

Then I used Inkscape to trace over these images and create .svg images of each of the images.

Part 3: Bitmapped images


Here is the original image

Tractorblurbackground.jpg Here the background is blurred

TractorblurbackgroundBW.jpg Here the background is made black and white


Here I changed the color

TractorCOLORCHANGEONLYwithborder.jpg I've added a black border

TractorCOLORCHANGEONLYwithborderFINAL.jpg I've added my digital signature

Personal tools