Kayla Eaton Blog : September 2012

Monday, September 24, 2012

5 logos

Creative Logos

I picked the McDonalds Logo because anyone around the world would know what this M stands for. People are so used to seeing this logo, therefore the name doesn't even need to be shown. The logo is simple and doesn't cause confusion to the human eye.

The Starbucks Coffee logo is very abstract with the mermaid in the middle, but it is also a very popular one. Starbucks Coffee is one of the most famous coffee places around the world. The mermaid on this logo is an eye catcher and will always refer to Starbucks.

I choose the UPS logo because it is a known logo throughout the United States. We see trucks all over with this logo and we all know exactly what it stands for, United Parcel Service. It is simple and the contrast between brown and yellow works very well together.

The Lego logo is well known, especially by children. This logo was designed smart. The colors used allow people to look because it's bright and catchy. Not too much is going on which is good because you don't want a logo to be to chaotic.

I would say the Chipotle Mexican Grill logo is a little to much. Although this logo is well known, there are a lot of letters which can cause confusion. Keeping a logo as simple as posible is the right way to create a design.

Sunday, September 23, 2012

Logo: Part 1

5 Business Ideas!

ABSOLUTE TANNING SALON:

A place where every girl can achieve their dream tan. We provide a way to stay tan all year around. Do you live in a place with long cold winters? Don't worry because we will help you! Our tanning beds are safe and have been approved by national corporations. We have great deals and discounts and we welcome all ages! Although, if you are under 18 you will need parental approval. Come enjoy the feeling of summer whenever you want!

NATURAL SALON & SPA:

Everything you will ever need is here at the Natural Salon & Spa! We give quality pedicures and manicures, we cut and style hair, and we do anything that ranges from massages to waxing! The dream spot for every girl is here. Our spa is not like any other. We are affordable and provide the best service!

VINTAGE WAREHOUSE:

This clothing shop is a place for all middle aged people! We have the top fashion trends available for cheap. No need to spend ridiculous amounts of money on the same clothing sold at other stores. Come to Vintage Warehouse! We keep up with the lastest styles and promise the greatest quality we can give.

THE EATON'S BAR & GRILL:

A family owned restaurant. This is where people go after a long day of work to enjoy a cold beer and watch any game televised. The bar wraps around the entire restaurant allowing all games to be seen. We sell the best american food in town, for a good price! Happy hour every night between 5-8 p.m. Don't miss out!

IPOD EARPIECE:

The ipod earpiece allows you to listen to your favorite music at all times without anyone knowing! This is a great way to enjoy music without headphones getting in the way. While working out you don't have to worry about a cord getting caught in the machinery. The earpiece is bluetooth and connects to any ipod or iphone device.

Wednesday, September 19, 2012

Project 1

HTML 5 code was a new learning experience for me. With a lot of time and effort I was able to create this picture. I think I was pretty successful considering the struggles I faced throughout this process.

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

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

//sky
context.beginPath();
context.rect(0, 0, canvas.width, canvas.height);
var grd=context.createRadialGradient(0, 0, 400, 800, 400, 400);
grd.addColorStop(0, 'blue');
grd.addColorStop(1, 'green');
context.fillStyle = grd;
context.fill();
context.stroke();

//sun
context.beginPath();
context.arc(400, 200, 100, 0 , 2 * Math.PI, false);
var grd = context.createLinearGradient(300, 200, 500, 200);
grd.addColorStop(0, 'rgb(255,255,0)');
grd.addColorStop(1, 'rgb(255,0,0)');
context.fillStyle = grd;
context.fill();

//lines
context.moveTo(400,100);
context.lineTo(400,0);
context.moveTo(450,110);
context.lineTo(500,0);
context.moveTo(350,110);
context.lineTo(300,0);
context.moveTo(490,160);
context.lineTo(600,70);
context.moveTo(310,160);
context.lineTo(200,70);
context.moveTo(500,200);
context.lineTo(650,200);
context.moveTo(300,200);
context.lineTo(150,200);
context.moveTo(310,250);
context.lineTo(200,310);
context.moveTo(490,250);
context.lineTo(600,310);
context.moveTo(450,290);
context.lineTo(465,340);
context.moveTo(350,290);
context.lineTo(315,350);
context.moveTo(400,300);
context.lineTo(400,370);
context.lineWidth = 10;
context.strokeStyle = 'orange';
context.stroke();

//water
context.beginPath();
context.moveTo(0,365);
context.quadraticCurveTo(70, 365, 100, 300);
context.quadraticCurveTo(95, 365, 200, 365);
context.quadraticCurveTo(250, 365, 300, 300);
context.quadraticCurveTo(280, 365, 400, 365);
context.quadraticCurveTo(450, 365, 500, 300);
context.quadraticCurveTo(480, 365, 600, 365);
context.quadraticCurveTo(650, 365, 700, 300);
context.quadraticCurveTo(680, 365, 800, 365);
context.lineTo(800,400);
context.lineTo(0,400);
context.fillStyle = 'lightblue';
context.fill();

//sand
context.beginPath();
context.rect(0, 400, canvas.width, 400)
context.fillStyle = 'rgb(200, 150, 0)';
context.fill();

//umbrella
context.beginPath();
context.moveTo(100,550);
context.lineTo(100,370);
context.strokeStyle = 'rgb(0,200,220)';
context.stroke();

context.beginPath();
context.moveTo(25,385);
context.quadraticCurveTo(100, 200, 175, 385);
context.moveTo(25,385);
context.quadraticCurveTo(100, 365, 175, 385);
context.strokeStyle = 'rgb(0,200,220)';
var grd = context.createLinearGradient(25, 300, 185, 300);
grd.addColorStop(0, 'rgb(0,255,255)');
grd.addColorStop(1, 'rgb(0,255,0)');
context.fillStyle = grd;
context.fill();

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

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

Heart Demonstration

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

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

var controlX1 = 300;
var controlY1 = 0;
var controlX2 = 100;
var controlY2 = 200;
var endX = 250;
var endY = 325;

var controlX3 = 380;
var controlY3 = 400;
var endX2 = 400;
var endY2 = 500;

var controlX4 = 435;
var controlY4 = 400;
var endX3 = 550;
var endY3 = 325;

var controlX5 = 700;
var controlY5 = 200;
var controlX6 = 500;
var controlY6 = 0;
var endX4 = 400;
var endY4 = 200;

//rectangle
context.beginPath();
context.rect(0, 0, canvas.width, canvas.height);
context.fillStyle = 'red';
context.fill();
context.stroke();

//heart
context.beginPath();
context.moveTo(400,200);
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
context.quadraticCurveTo(controlX3, controlY3, endX2, endY2);
context.quadraticCurveTo(controlX4, controlY4, endX3, endY3);
context.bezierCurveTo(controlX5, controlY5, controlX6, controlY6, endX4, endY4);
context.fillStyle = 'rgb(255, 200, 0)';
context.fill();
context.lineWidth = 10;

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

};

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