Animation

For the animation project, I decided to use my Boston Terrier, Luna as the star.

Menu

Magazine

Connie Magazine

MorphX

"Luna Growing"

 Luna is my six month old puppy and the beginning photo was taken when she was only three months. 

"Mom and Me"

The beginning photo was taken March 2011, and the end photo was taken February 2012.

2009to2012

The top photo was taken in March 2009 and the last photo was taken in May 2012. Three years!

Autoscopy

Autoscopy

I decided to make this project personal by adding a photo of my parents and some of my dad's features to my face. I used the mosaic tile filter because my mother really likes mosaic tile. The rings in the corner are all my dad's. The ruby was his great great grandmother's and it's been passed down his family for a long time. The ring with the rectangle setting and there diamonds is his wedding ring with my mother, and lastly the unique square ring is one that he gave to me. My father passed away this past February and his death is still very new to me.

"Somewhere"

San Francisco

I've never been to San Francisco, but I've been wanting to go. This set of photos shows the steps I took to get the fourth photo, the ending result. First, I chose a photo that I wanted to use with my San Fran background. Secondly, I found a photo that I felt represented San Francisco. With a few alterations to my photo and the SF one, the last photo is what I created.

Art Project

The Indian Chief

The first photo shown is the original that I found online. Second is the direction I was heading with it initially, and the last photo is altered ending.

Poster

"THE ZOMBIES ARE COMING.

LOOK HARMLESS AND PREPARE FOR THE TAKEDOWN."

I was slow to understand how the poster making process works, however now that it's finished I've come to find that the project wasn't terribly difficult. The hardest part for me was creating a text that goes with my photo. So naturally, I went for the apocalyptic approach. ...

Paint by Numbers

I found the paint by numbers project a lot of fun! However, it became much harder when I worked at home with CS6. I did not like how the project looked with my arms added to the sides, so I decided to take it from an "arms-crossed-behind-my-back" perspective. At home, I was able to ad both eyes, pupils, smile, more hair, and my nose.

Calligram

Here is the photo that I started with...

 ...and this is what I made of it!

The calligram was difficult in the beginning, but with some Saturday work and advice from fellow colleagues, it turned out to be something really neat. I am proud of my reinvented silhouette of The Trapeze Swinger

"The Trapeze Swinger"
by Iron and Wine

Please remember me, happily
By the rosebush laughing
With bruises on my chin, the time when
We counted every black car passing

Your house beneath the hill and up until
Someone caught us in the kitchen
With maps, a mountain range, a piggy bank
A vision too removed to mention

But please remember me, fondly
I heard from someone you're still pretty
And then they went on to say that the Pearly Gates
Had some eloquent graffiti

Like 'We'll meet again' and 'Fuck the man'
And 'Tell my mother not to worry'
And angels with their great handshakes
But always done in such a hurry

And please remember me, at Halloween
Making fools of all the neighbors
Our faces painted white, by midnight
We'd forgotten one another

And when the morning came I was ashamed
Only now it seems so silly
That season left the world and then returned
And now you're lit up by the city

So please remember me, mistakenly
In the window of the tallest tower
Call, then pass us by but much too high
To see the empty road at happy hour

Gleam and resonate just like the gates
Around the Holy Kingdom
With words like, 'Lost and found' and 'Don't look down'
And 'Someone save temptation'

And please remember me as in the dream
We had as rug burned babies
Among the fallen trees and fast asleep
Beside the lions and the ladies

That called you what you like and even might
Give a gift for your behavior
A fleeting chance to see a trapeze
Swinger high as any savior

But please remember me, my misery
And how it lost me all I wanted
Those dogs that love the rain and chasing trains
The colored birds above there running

In circles round the well and where it spells
On the wall behind St. Peter
So bright on cinder gray in spray paint
'Who the hell can see forever?'

And please remember me, seldomly
In the car behind the carnival
My hand between your knees, you turn from me
And said the trapeze act was wonderful

But never meant to last, the clowns that passed
Saw me just come up with anger
When it filled with circus dogs, the parking lot
Had an element of danger

So please remember me, finally
And all my uphill clawing
My dear, but if I make the Pearly Gates
I'll do my best to make a drawing

Of God and Lucifer, a boy and girl
An angel kissin' on a sinner
A monkey and a man, a marching band
All around the frightened trapeze swinger

Logos, Business Cards

"Graphic Design"

This was the first logo I made using Adobe Illustrator

"See Differently"

For the second, I added a personal touch using my handwriting as a part of the logo.

"Fire Card"

This logo was fun for me to make. I used the gradient tool and I am pleased with the results. Again here the logo is my initials however cursive this time. The logo is used as the wick of the bomb on the front, and is displayed more clearly on the back. The last two photos depict my process. I used a radial gradient on the bomb.

"Japanese Flag"

This logo took the most time of the five. I started with a traditional Japanese flag used as an outline for the finished project. I had initially wanted the logo to look like the first photo, but once I had finished I was disappointed with the final result. I was able to easily change the color around and come out with the second photo, which I admire much more. The back of the card is simple because of the busy front. The back is the original signature I used to distort the letters on the front. I dotted the I with bright red for reflection on the more modern Japanese flag.

"The Face" 

This is the most simple logo I created but I like it for its simplicity. I carried the minimalist theme throughout this business card. I used my initials for the character's nose and tongue, and this is depicted more clearly on the back.

canvas_HTML 5

<!DOCTYPE HTML>

<html>

<head>

<script>

window.onload = function() {

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

////////////////////////////////////// start here

/////BACKGROUND

for (var i=0; i<canvas.height; i+=20) {

// the radial gradient requires a shape, in this case a rectangle that fills the entire canvas

context.rect(0,0, canvas.width, canvas.height);

// inner circle

var circ1X = i;

var circ1Y = 10;

var circ1Radius = 100;

// outer circle

var circ2X = i;

var circ2Y = 10;

var circ2Radius = 200;

// create radial gradient

var grd = context.createRadialGradient(circ1X, circ1Y, circ1Radius, circ2X, circ2Y, circ2Radius);

// inner color

grd.addColorStop(0, "ffff33");

// you can add intermediate colors using N greater than 0 and smaller then 1

var N = .2;

grd.addColorStop(N, "ffff66");

// outer color

grd.addColorStop(1, "00bfff");

context.fillStyle = grd;

context.fill();

}

//////// LUNA'S BODY

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width/2, canvas.height*.90, 175, 0, Math.PI*2, true);

context.lineWidth = 5;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.fillStyle = "000000";

context.fill();

context.stroke();

////////// LUNA'S WHITE CHEST

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.5, canvas.height, 130, 0, Math.PI, true);

context.strokeStyle = "ffffff";

context.lineWidth = 5;

context.lineCap = "round" // "square" or "butt"

context.fillStyle = 'ffffff'; // or '#FF0388'

// give the command to fill the SHAPE 

context.fill(); 

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.stroke();

///////////////FACE

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width/2, canvas.height/2, 170, 0, Math.PI*2, true);

context.lineWidth = .01;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "000000";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.strokeStlye = "000000"

context.fillStyle = "000000";

context.fill();

context.stroke();

//// tongue

context.beginPath();

// x and y coordinates of the tracing circle 

var circlecenterX = canvas.width*.50; // x coordinate

var circlecenterY = canvas.height*.7; // y coordinate

// radius of the tracing circle 

var radius = 35;

// Math.PI is HALF the circle, 2*Math.PI is the full circle

// use a number between 0 and 2 to declare the starting and ending angle 

var startAngle = 1.1 * Math.PI;

var endAngle = 1.9 * Math.PI;

// draw the arc clockwise or counterclockwise 

var counterClockwise = true; // if set to true it draws the complimentary arc

// draw the arc

context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise);

context.strokeStyle = 'ff6699';

context.fillStyle = 'ff6699';

context.fill();

context.stroke();

/////////////MOUTH

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.5, canvas.height*.55, 80, 0, Math.PI, false);

context.strokeStyle = "ffffff";

context.lineWidth = 7;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.stroke();

/////////////// LEFT EYE 

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.42, canvas.height*.43, 33, 0, Math.PI*2, false);

context.lineWidth = 2;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.strokeStyle = '000000';

context.fillStyle = "rgb(255,255,255)";

context.fill();

context.stroke();

//////////////// LEFT PUPIL

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.42, canvas.height*.43, 16, 0, Math.PI*2, false);

context.lineWidth = 16;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.strokeStyle = "000000";

context.stroke();

//////////////////RIGHT EYE

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.58, canvas.height*.43, 33, 0, Math.PI*2, false);

context.lineWidth = 2;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.strokeStyle = "000000";

context.fillStyle = "rgb(255,255,255)";

context.fill();

context.stroke();

/////////////// RIGHT PUPIL

context.beginPath();

//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise 

context.arc(canvas.width*.58, canvas.height*.43, 16, 0, Math.PI*2, false);

context.lineWidth = 16;

context.lineCap = "round" // "square" or "butt"

// context.strokeStyle = "rgb("+r+","+g+","+b+")";  // "rgb(255,0,0)" // RED, GREEN, BLUE // #ccffff

context.strokeStyle = "000000";

context.stroke();

//////////// RIGHT EAR

// Set the style properties.

context.fillStyle   = '000000';

context.strokeStyle = '000000';

context.lineWidth   = 2;

context.beginPath();

context.moveTo(525, 200); // give the (x,y) coordinates

context.lineTo(425, 50); //

context.lineTo(425, 150);

context.lineTo(525, 200);

context.fill();

context.stroke();

context.closePath();

///////right inner ear

// Set the style properties.

context.fillStyle   = 'ffffff';

context.strokeStyle = 'ffffff';

context.lineWidth   = 2;

context.beginPath();

context.moveTo(500, 180); // give the (x,y) coordinates

context.lineTo(440, 90); //

context.lineTo(440, 140);

context.lineTo(500, 180);

context.fill();

context.stroke();

context.closePath();

//////////// LEFT EAR

// Set the style properties.

context.fillStyle   = '000000';

context.strokeStyle = '000000';

context.lineWidth   = 2;

context.beginPath();

// Start from the top-left point.

context.moveTo(375, 150); // give the (x,y) coordinates

context.lineTo(375, 50); //

context.lineTo(275, 200);

context.lineTo(375, 150);

context.fill();

context.stroke();

context.closePath();

//////// LEFT INNER EAR

// Set the style properties.

context.fillStyle   = 'ffffff';

context.strokeStyle = 'ffffff';

context.lineWidth   = 2;

context.beginPath();

// Start from the top-left point.

context.moveTo(360, 140); // give the (x,y) coordinates

context.lineTo(360, 90); //

context.lineTo(305, 175);

context.lineTo(360, 140);

context.fill();

context.stroke();

context.closePath();

////////////////////////////////////// end here

};

</script>

</head>

<body>

<canvas id="myCanvas" width="800" height="600"></canvas>

</body>

</html>

Introduction

Hi everyone,


My name's Connie and I'm a Junior at UT. I was born in Tokyo, Japan and moved to New Hampshire when I was 3. I lived in Nashua until I was about 8 and then moved to Florida to begin the third grade. I just finished my first year at UT, and beforehand I completed my first two years of college at Florida Gulf Coast University in Fort Myers. 


I thought today's class about the beginning of the keyboard was very interesting. I had no idea that there were a detailed array of codes that were used to communicate in the 1940's. However, now I understand more thoroughly where the usage of binary code comes from. 


I expect to learn many useful techniques by the end of this course. I know that the foundation for key advertisement is started in this class. I'm excited to learn and apply the knowledge in my future!