Kate Beeken Digital Media: 2016

Sunday, October 23, 2016

Coding Assignment

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

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

context.beginPath();
context.rect(0, 0, 1000, 800);
context.fillStyle = 'rgb(116, 200, 226)';
context.fill();

context.beginPath();
context.arc(400, 225, 130, 0 , 2*Math.PI, false);
context.fillStyle = 'rgb(249, 199, 236)';
context.fill();

context.beginPath();
context.moveTo(300, 300);
context.lineTo(500, 300);
context.lineTo(400, 500);
context.lineTo(300, 300);
context.closePath();
context.lineWidth = 20;
context.fillStyle = 'rgb(229, 202, 154)';
context.fill();
context.strokeStyle = 'rgb(230, 200, 150)';
context.stroke();

context.beginPath();
context.moveTo(325, 200);
context.lineTo(350, 175);
context.lineWidth = 10;
context.strokeStyle = 'rgb(250, 0, 0)';
context.stroke();

context.beginPath();
context.moveTo(375, 250);
context.lineTo(400, 275);
context.lineWidth = 10;
context.strokeStyle = 'rgb(50, 250, 50)';
context.stroke();

context.beginPath();
context.moveTo(475, 220);
context.lineTo(500, 200);
context.lineWidth = 10;
context.strokeStyle = 'rgb(75, 75, 200)';
context.stroke();

context.beginPath();
context.moveTo(390, 150);
context.lineTo(430, 170);
context.lineWidth = 10;
context.strokeStyle = 'rgb(225, 225, 0)';
context.stroke();

context.beginPath();
context.moveTo(450, 260);
context.lineTo(470, 285);
context.lineWidth = 10;
context.strokeStyle = 'rgb(250, 0, 0)';
context.stroke();

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

};

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

Tuesday, October 11, 2016

Vector Illustration

For my vector illustration I took an image of me against a cinderblock wall. I used gradient mesh for the majority of the illustration, except for the hair, where I blocked out the shading and highlights. I found the two most difficult parts of the illustration were the hair and the face. On the face, I used gradient mesh for each part of the face, so one for the nose, one for the cheek etc. I found that when I got to the eye, it was going to be difficult because in the actual image, my eyes are very squinted and dark so the variation in color between the different aspects of the eye was not visible, even when zoomed in with the pixels. It was also difficult getting each of the different meshes to blend, and no matter how much I tried I could not get the faint lines to go away. The hair became difficult due to the varying colors throughout my hair. I attempted many different techniques to do the hair and I found that gradiating a base color, and then blocking out each highlight and lowlight looked the most realistic. I like how the image turned out however I wish that I could've found an even better way to depict the hair, because it feels as though it sticks out compared to the rest of the image.

Tuesday, September 27, 2016

Exquisite Corpes

Tuesday, September 20, 2016

Logo Project-- Final

For my logo, I tried to make the icon look like the face of a dog, looking directly at the camera. I wanted to keep the design relatively simple, so that it would seem more catchy, and so I therefore left the title out of the icon. I added gradient in the background to make it seem warmer. I captured the brown color from the picture of a dog below, and used the photo as a reference to what the angle looking up a dogs snout is like, and to get the shape of the mouth. I refrained from including the dog ears to allow for a simpler, more sleek look.

Sunday, September 18, 2016

Caligramme

Add caption

Tuesday, September 13, 2016

Logo Sketches

Monday, September 12, 2016

Logo Critique

iTunes vs. Spotify Logos

iTunes and Spotify are two music services with very similar logos. Both are rounded, and represent something music related. iTunes' icon includes a music note in the center, so that people immediately know that the company is related to music. Spotify's logo has three lines that look similar to sound waves or a volume button, however it is more vague than iTunes. Both logos are targetting people who love music, and iTunes does a better job of catch the eye than Spotify does. The color choices on iTunes are also more eye-catching, with the gradient, whereas Spotify is a solid green. iTunes is definitely more successful, do to its eye-catching colors, and use of easily recognizable symbols.

Tuesday, August 30, 2016

Icon Brainstorming

Here are 5 company ideas for my upcoming Icon design projects:

1) Piggin' Out: An app that allows its users to order barbecue from anywhere nearby and have it delivered.
2)Rent-a-Dog: A company that allows people whom would like to hang out with a dog, to rent it from a local animal shelter, walk it, and hang out with it so it has company.
3)Dogs Meet: An app in the style of dating apps, that allows for a person in search of a dog to adopt, to look through profiles of local dogs, whom are available for Dog adoption.
4) TacGO: An app that pulls up the closest Mexican restaurants with take out options
5)ClothesInc: A company that provides customers with clothes handpicked for them for a flat fee.

Monday, August 29, 2016

Introduction

Hello!

My name is Kate Beeken, and I am a freshman, New Media Production major at the University of Tampa. While in high school, I did introductory multimedia work with a digital multimedia class. Outside of school, I dabble in photography (mainly of dogs I see on the street).

and am a music-aholic, playing music, listening to music and attending live concerts. As I start college, I hope to gain more advanced knowledge of digital media, and eventually use it on the communications side of the music industry. Hopefully, in this Digital Media class, I will increase my comfortability with multimedia programs, and take this knowledge into a context that I am interested in, such as the music industry. With all this in mind, I am beyond excited to start this semester, and can't wait to see all I learn, and develop my skills!