RcristFall2010ITECH2110-04Project2

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

.tiff

4,944 bytes

RCinitals.png

To download:
Option-Click here

.svg

5,807 bytes

RCinitals3.svg

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

SpinningHead4.gif


Download

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

Front

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

FrontProject3.svg

FrontRightProject3.svg

RightProject3.svg

BackRightProject3.svg

BackProject3.svg

BackLeftProject3.svg

LeftProject3.svg

FrontLeftProject3.svg

front

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

Amber's Camera 349.JPG

Here is the original image

MotionBlurRacecar.gif Here the background is blurred

MotionBlurRacecar.gif Here the background is made black and white

MotionBlurRacecar.gif

Here the (whatever part you want to look like it moved) looks like it is moving

MotionBlurWithBoarder.gif I've added a red border

MotionBlurWithBoarderandSigniture.gif I've added my digital signature


Personal tools