Aomori's Wonderful Blog: September 2013

Saturday, September 28, 2013

"Georgia on My Mind" Cailgramme

Since I am from Georgia, I thought it would be fun to do a caligramme of a peach. Georgia is known for their peaches. The state song is "Georgia on My Mind" by Ray Charles. I used the lyrics as the words to make my peach. Here is the picture I used to help me with my design:

Tuesday, September 24, 2013

5 Logo Ideas

Here are my five ideas for my logo

Monday, September 23, 2013

Ideas for Logo

*Healthy Sips and Tips- a coffee business that sales hot chocolate, tea, and an array of coffee. My dad owns this business. The logo would be a coffee mug with a green leaf.

*Docs Hot Wheels- this is my granddad's car business. He puts tent on cars and sales rims, tires sand accessories. The logo would be a rim with a cross or a medical symbol in the middle to emphasise Docs.

*Game Changer- it would be a made up athletic apparel company. It would be modern, fashion forward athletic wear, that is still efficient and will help improve athletic performance. The logo would be a girl and a guy.

*Fabulous Fingers- this would be a nail polish that is cheap but has high quality. The logo would be a nail polish bottle with a heart.

*Bay Area Church of Christ- this is the church i go to. The logo would be a cross and the mural/ multi colored glass in the back.

Saturday, September 21, 2013

Logo Critique

New Logo

Old Logo

I do not think Wal Mart's new logo is effective. It is too different then their original logo that was a smiley face. I like that one better because it is more inviting then a star looking symbol. It does not truly show the essence of the company.

Coco Chanel's logo is effective because it is the initials of the company and it is very iconic. It has been around for years. It hasn't changed. When someone sees the double see on a piece of clothing or jewelry, they know it is Chanel.

The U.S. Postal Service logo is an eagle and mail. It represents how the postal service is always reliable, like the bald eagle, the symbol of the U.S. It is simple so what ever size it is, you can see the details easily. It is not super busy.

Tostitos' logo is so unique. The people show how food is the center of the party and it brings people together. It is so creative. It is one of my favorite logos.

Taco Bell's logo is good too. Even though it has changed over the years, it virtually still looks the same. I like the older one a little better because it has traditional Mexican colors. It better reflects the fact Taco Bell's food is Mexican.

Thursday, September 12, 2013

Field ASCII Project

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

////////////////////////////////////// start below this line ??????????
//Background variables
var startx = 0;
var starty = 0;
var width = canvas.width;
var height = canvas.height;
var grdstartx = 400;
var grdstarty = 0;
var grdendx = 400;
var grdendy = 600;

//BG
context.beginPath();
context.rect(startx, starty, width, height);
var grd = context.createLinearGradient(grdstartx, grdstarty, grdendx, grdendy);
grd.addColorStop(0, 'rgb(50, 150, 255)');
grd.addColorStop(.5, 'rgb(100, 150, 255)');
grd.addColorStop(1, 'rgb(0, 0, 0)');
context.fillStyle = grd;
context.fill();

//Field Back
context.beginPath();
context.rect(0, 280, 800, 350);
context.fillStyle = 'brown';
context.fill();
context.lineWidth = 3;
context.strokeStyle = 'white';
context.stroke();

//Field
context.beginPath();
context.rect(100, 340, 570, 200);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 4;
context.strokeStyle = 'white';
context.stroke();

//Clouds
context.beginPath();
context.moveTo(170, 80);
context.bezierCurveTo(130, 100, 130, 150, 230, 150);
context.bezierCurveTo(250, 180, 320, 180, 340, 150);
context.bezierCurveTo(420, 150, 420, 120, 390, 100);
context.bezierCurveTo(430, 40, 370, 30, 340, 50);
context.bezierCurveTo(320, 5, 250, 20, 250, 50);
context.bezierCurveTo(200, 5, 150, 20, 170, 80);

//complete custom shape
context.closePath();
context.lineWidth = 5;
context.strokeStyle = 'white';
context.stroke();
//Sun
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 80;

//Sun
context.beginPath();
context.arc(650, 100, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'yellow';
context.fill();
context.lineWidth = 5;
context.strokeStyle = 'yellow';
context.stroke();

//Text
var x = 180;
var y = 250;
context.font = '50pt Block';
context.lineWidth = 3;
// stroke color
context.strokeStyle = 'black';
context.strokeText('GO SPARTANS!', x, y);

// Field Lines
context.beginPath();
context.moveTo(385, 340);
context.lineTo(385, 400);
context.lineWidth = 5;

context.beginPath();
context.moveTo(385, 340);
context.lineTo(385, 540);
context.lineWidth = 5;

// set line color
context.strokeStyle = 'white';
context.stroke();

context.beginPath();
context.moveTo(160, 385);
context.lineTo(160, 500);
context.lineWidth = 5;

// set line color
context.strokeStyle = 'white';
context.stroke();
context.beginPath();
context.moveTo(600, 385);
context.lineTo(600, 500);
context.lineWidth = 5;

// set line color
context.strokeStyle = 'white';
context.stroke();

//Field circle
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 50;

context.beginPath();
context.arc(385, 440, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 5;
context.strokeStyle = 'white';
context.stroke();

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

};

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

Monday, September 9, 2013

Class Heart

<!DOCTYPE HTML>

<html>

<head>

window.onload = function() {

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

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

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

//Top Right of Heart

var x1 = 400;

var y1 = 150;

var controlx1 = 515;

var controly1 = 25;

var controlx2 = 650;

var controly2 = 125;

var x2 = 550;

var y2 = 275;

//bottom right of heart

var controlx3 = 475;

var controly3 = 360;

var x3 = 400;

var y3 = 475;

//Bottom left of heart

var controlx4 = 350;

var controly4 = 360;

var x4 = 250;

var y4 = 250;

//Top left heart

var controlx5 = 175;

var controly5 = 125;

var controlx6 = 300;

var controly6 = 25;

//Background variables

var startx = 0;

var starty = 0;

var width = canvas.width;

var height = canvas.height;

var grdstartx = 400;

var grdstarty = 0;

var grdendx = 400;

var grdendy = 600;

//BG

context.beginPath();

context.rect(startx, starty, width, height);

var grd = context.createLinearGradient(grdstartx, grdstarty, grdendx, grdendy);

grd.addColorStop(0, 'rgb(255, 255, 255)');

grd.addColorStop(.5, 'rgb(255, 100, 100)');

grd.addColorStop(1, 'rgb(0, 0, 0)');

context.fillStyle = grd;

context.fill();

context.beginPath();

context.moveTo(x1, y1);

context.bezierCurveTo(controlx1, controly1, controlx2, controly2, x2, y2);

context.quadraticCurveTo(controlx3, controly3, x3, y3);

context.quadraticCurveTo(controlx4, controly4, x4, y4)

context.bezierCurveTo(controlx5, controly5, controlx6, controly6, x1, y1);

context.lineWidth = 10;

context.closePath();

context.fillStyle = 'rgb(255, 0, 0)';

context.fill();

context.strokeStyle ='rgb(200, 0, 0)';

context.stroke();

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

};

</script>

</head>

<body>

</body>

</html>

Friday, September 6, 2013

My Heart

<!DOCTYPE HTML>

<html>

<head>

window.onload = function() {

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

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

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

context.beginPath();

context.lineCap = 'bevel';

context.lineWidth = 15;

context.strokeStyle = 'rgb(200, 0, 50)';

context.fillStyle = 'rgb(255, 0, 80)';

context.moveTo(100, 85);

context.quadraticCurveTo(110,150, 200, 215);

context.quadraticCurveTo(290, 150, 300, 90);

context.quadraticCurveTo(260, 5, 200, 90);

context.quadraticCurveTo(140, 5, 100, 90);

context.stroke();

context.fill();

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

};

</script>

</head>

<body>

</body>

</html>