MkellyFall2010ITEC2110-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

6 kilobytes

[100 px]

File:MK2.tiff

.svg

5 kilobytes

[| 100 px]

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

JrowanFall2008ITEC2110Animated2.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

Object1.svg

JrowanSpring2009YTEC2110-2a.jpg

JrowanSpring2009YTEC2110-3a.jpg

JrowanSpring2009YTEC2110-4a.jpg

JrowanSpring2009YTEC2110-5a.jpg

JrowanSpring2009YTEC2110-6a.jpg

JrowanSpring2009YTEC2110-7a.jpg

JrowanSpring2009YTEC2110-8a.jpg

front

45 degrees

90 degrees

135 degrees

180 degrees

225 degrees

270 degrees

315 degrees


Part 3: Bitmapped images

GT1.jpg

Here is the original image

GT2.jpg Here the background is blurred

GT3.jpg Here the background is made black and white

GT4.jpg

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

GT5.jpg I've added a black border

GT6.jpg I've added my digital signature


Personal tools