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

18,588 bytes

Cg initalsitecfall201004.svg

To download:
Option-Click here

.svg

4,800 bytes

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

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

Cgitecpicfrontanimatedfall2010itec211004.svg

Cgitecfrontrightanimateviewfall2010itec211004.svg

Cgitecpicrightanimateviewfall2010itec211004.svg

Cgitecpicbackrightanimateviewfall2010itec211004.svg

Cgitecpicbackainimatefall2010itec211004.svg

Cgitecbackleftanimateviewfall2010itec211004.svg

Cgitecleftanimateviewfall2010itec211004.svg

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

Cgitecpicsfrontviewfall2010.JPG

Cgitecpicsrightleftviewfall2010.JPG

Cgitecpicsfront45rightleftviewfall2010.JPG

Cgitecpicsback45rightleftviewfall2010.JPG

Cgitecpicsbackviewfall2010.JPG


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


Part 3: Bitmapped images

Cgcaroriginalfall211004.jpg

Here is the original image

Cgcarblurfall2010itec211004.jpg Here the background is blurred

Cgcarblack&whitefall2010itec211004.jpg Here the background is made black and white

Cgcarblurmotionfall2010itec211004.jpg

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

Cgcarborderfall2010itec211004.jpg I've added a black border

Cgcarsignaturefall2010itec211004.jpg I've added my digital signature


Personal tools