Kiera's Digital Arts Blog

Wednesday, December 16, 2015

Final Presentation

For my final project I added all of my projects and a few assignments. I enjoyed working with Indesign, the only problem I had was not being able to export the background color. I lost my original files so some of the pictures came out blurry. The printing process was very smooth.

Tuesday, December 1, 2015

Animation

For this project, I created a short animation film. In order to do this, I drew 10 different pictures and recorded my voice then meshed it all together. I didn't really enjoy this project because I am not that artistic, but it was fun watching the finished project. I give a lot of respect to those who make animation for a living because it takes time and patience.

Here are the original pictures:

Monday, November 9, 2015

Lyrical Collage

I enjoyed working with this project. It was fun using these images since I just went to Disney this past weekend. I like integrating the different images onto a single background.

Original Images:

Magazine

I chose to do a cheerleading magazine because I had pictures from being on the cheer team last year. I enjoyed doing this project because it was on something I am interested in and was fun to do.

Original pictures:

Monday, October 26, 2015

Photoshop Myself in Ireland

I enjoyed doing this project using photoshop. It was fun placing myself in a location that I someday hope to visit.

Tuesday, October 20, 2015

HTML project

I really didn't like doing this project. It was very frustrating. At first I was going to make Bubbles from the PowerPuff Girls but it was too difficult. I am so glad it's over.

TextWrangler

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ

//Background
context.beginPath();
context.rect(0, 0, canvas.width, canvas.height);
var grd = context.createLinearGradient(0, 0, canvas.width, canvas.height);
grd.addColorStop(0, '#8ED6FF');
grd.addColorStop(1, '#004CB3');
context.fillStyle = grd;
context.fill();

//left ear
context.beginPath();
context.moveTo(325,45);
context.lineTo(250,250);
context.lineTo(350,250);
context.lineTo(325,45);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();

//right ear
context.beginPath();
context.moveTo(525,45);
context.lineTo(450,250);
context.lineTo(550,250);
context.lineTo(525,45);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();

//head
context.beginPath();
context.arc(425, 300, 200, 0, 2 * Math.PI, false);
context.lineWidth = 8;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();

//nose
context.beginPath();
context.arc(425, 425, 120, 0, 2 * Math.PI, false);
context.lineWidth = 8;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();

//nostril 1
context.beginPath();
context.arc(350, 425, 45, 0, 2 * Math.PI, false);
context.fillStyle = 'black';
context.fill();

//nostril 2
context.beginPath();
context.arc(498, 425, 45, 0, 2 * Math.PI, false);
context.fillStyle = 'black';
context.fill();

//left eye
context.beginPath();
context.arc(325, 225, 65, 0, 2 * Math.PI, false);
context.fillStyle = 'white';
context.fill();

//right eye
context.beginPath();
context.arc(525, 225, 65, 0, 2 * Math.PI, false);
context.fillStyle = 'white';
context.fill();

//pupil
context.beginPath();
context.arc(325, 225, 30, 0, 2 * Math.PI, false);
context.fillStyle = 'aqua';
context.fill();
context.beginPath();
context.arc(325, 225, 25, 0, 2 * Math.PI, false);
context.fillStyle = 'black';
context.fill();

//pupil2
context.beginPath();
context.arc(525, 225, 30, 0, 2 * Math.PI, false);
context.fillStyle = 'aqua';
context.fill();
context.beginPath();
context.arc(525, 225, 25, 0, 2 * Math.PI, false);
context.fillStyle = 'black';
context.fill();

////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>

Sunday, October 4, 2015

Vector Illustration

I enjoyed doing this vector project because I got to recreate a picture of my family members. Although it took a while due to specific detailing, my aunt and uncle turned out similar looking to the actual picture. My favorite part was working on my aunt's face.

This is the original photo.