Ch'yea Bro: September 2012

Sunday, September 30, 2012

Sunday, September 23, 2012

The first company I would like to make a logo for would be for a watch. This watch would be designed for the average beach goer, so it will be ocean/water/sand proof. It will be designed for the target audience of 14 - 30.

The next logo I would like to create would be for a sports clothing company, much like Quiksilver. Same target audience as above. My company will sell things like pants, shoes, shirts, hoodies, backpacks, etc.

I would like to create a logo for a type of computer/laptop company that will be windows based. These types of computers will be high performance and gaming based. The laptops will be great for students looking to be new media production majors.

I would like to design a logo for my very own bank. My bank will be super cool and have free checking and savings accounts. It will give out loans to any reasonable request. Also this bank will allow any ATM withdraw with no charge at all. My bank will have good hours as well, that the average working can actually manage with, in order to make deposits.

My last company I would like to make a logo for is a new gaming platform to compete with the ps3, xbox360, and Wii. Mine will be cross platform capable, meaning it can operate online games with other consoles such as the ones listed above. It will be able to play Blu-Ray disks and the games designed for it will be in full HD, I'm talking 1080p not this half ass 720p bull crap.

Tuesday, September 18, 2012

Background project

<!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, 800, 600);
var grd = context.createLinearGradient(400, 0, 400, 600);
grd.addColorStop(0, 'rgb(0,96,183)');
grd.addColorStop(1, 'rgb(82,107,222)');
context.fillStyle = grd;
context.fill();
context.stroke();

context.beginPath();
context.moveTo(100,50);
context.quadraticCurveTo(75, 25, 100, 0);
context.lineTo(200,0);
context.quadraticCurveTo(225, 25, 200, 50);
context.lineTo(100,50);
context.fillStyle = 'rgb(255,255,255)'
context.fill();
context.lineCap = 'round';
context.stroke();

context.beginPath();
context.moveTo(400,150);
context.quadraticCurveTo(375, 125, 400, 100);
context.lineTo(500,100);
context.quadraticCurveTo(525, 125, 500, 150);
context.lineTo(400,150);
context.fillStyle = 'rgb(255,255,255)'
context.fill();
context.lineCap = 'round';
context.stroke();

context.beginPath();
context.moveTo(600,100);
context.quadraticCurveTo(575, 75, 600, 50);
context.lineTo(700,50);
context.quadraticCurveTo(725, 75, 700, 100);
context.lineTo(600,100);
context.fillStyle = 'rgb(255,255,255)'
context.fill();
context.lineCap = 'round';
context.stroke();

context.beginPath();
context.rect(0,500,800,100);
context.fillStyle = 'rgb(206,154,90)'
context.fill();
context.stroke();

context.beginPath();
context.moveTo(0,500);
context.lineTo(800,500);
context.lineTo(800,525);
context.quadraticCurveTo(700, 550, 600, 525);
context.quadraticCurveTo(500, 550, 400, 525);
context.quadraticCurveTo(300, 550, 200, 525);
context.quadraticCurveTo(100, 550, 0, 525);
context.lineTo(0,500);
context.fillStyle = 'rgb(0,203,0)'
context.fill();
context.lineWidth = 5;
context.stroke();

context.beginPath();
context.moveTo(200,500);
context.lineTo(200,100);
context.quadraticCurveTo(300,0,400,100);
context.lineTo(400,500);
context.lineTo(200,500);
context.lineCap = 'round';
var grd = context.createLinearGradient(200, 300, 400, 300);
grd.addColorStop(0, 'rgb(112,177,209)');
grd.addColorStop(1, 'rgb(16,79,112)');
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.stroke();

context.beginPath();
context.moveTo(300,500);
context.lineTo(300,350);
context.quadraticCurveTo(400,250,500,350);
context.lineTo(500,500);
context.lineTo(300,500);
var grd = context.createLinearGradient(300, 400, 500, 400);
grd.addColorStop(0, 'rgb(112,177,209)');
grd.addColorStop(1, 'rgb(16,79,112)');
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.stroke();

context.beginPath();
context.moveTo(100,500);
context.lineTo(100,200);
context.quadraticCurveTo(200,100,300,200);
context.lineTo(300,500);
context.lineTo(100,500);
var grd = context.createLinearGradient(100, 300, 300, 300);
grd.addColorStop(0, 'rgb(112,177,209)');
grd.addColorStop(1, 'rgb(16,79,112)');
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.lineCap = 'round';
context.stroke();

context.beginPath();
context.moveTo(600,500);
context.quadraticCurveTo(550,475,600,450);
context.bezierCurveTo(600, 400, 700, 400, 700, 450);
context.quadraticCurveTo(750,475,700,500);
context.lineTo(600,500);
context.fillStyle = 'rgb(0,248,0)';
context.fill();
context.stroke();

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

};

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

Wednesday, September 12, 2012

Heart in class

<!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 controlX = 380;
var controlY = 400;
var endX1 = 400;
var endY1 = 500;
var controlX3 = 435;
var controlY3 = 400;
var endX2 = 550;
var endY2 = 325;
var controlX4 = 700;
var controlY4 = 200;
var controlX5 = 500;
var controlY5 = 0;
var endX3 = 400;
var endY3 = 200;

context.beginPath();
context.rect(0, 0, 800, 600);
var grd=context.createRadialGradient(0, 0, 100, 800, 600, 200);
grd.addColorStop(0, 'rgb(100,80,255)');
grd.addColorStop(1, 'rgb(250,45,67)');
context.fillStyle = grd;
context.fill();
context.lineWidth = 15;
context.stroke();

context.beginPath();
context.moveTo(400,200);
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
context.quadraticCurveTo(controlX, controlY, endX1, endY1);
context.quadraticCurveTo(controlX3, controlY3, endX2, endY2);
context.bezierCurveTo(controlX4, controlY4, controlX5, controlY5, endX3, endY3);
var grd = context.createLinearGradient(0, 0, 800, 600);
grd.addColorStop(0, 'rgb(0150,69,0)');
grd.addColorStop(1, 'rgb(96,96,96)');
context.fillStyle = grd;
context.fill();
context.lineCap = 'round';
context.lineWidth = 10;
context.stroke();

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

};

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

Tuesday, September 11, 2012

Heart for homework

</html>

Ch'yea Bro