Friday, February 7, 2014
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
var centerx = 400;
var centery = 300;
var centerx2 = 375;
var centery2 = 275;
var centerx3 = 425;
var centery3 = 275;
var centerx4 = 400;
var centery4 = 325;
var radius6 = 10;
var radius = 100;
var radius1 = 25;
var radius2 = 200;
var radius3 = 300;
var radius4 = 400;
var radius5 = 500;
var radius7 = 50;
context.beginPath();
context.arc(centerx, centery, radius5, 0, Math.PI*2, true);
context.closePath();
context.lineWidth = 5;
var grd = context.createRadialGradient(400, 300, 0, 400, 300, 300);
grd.addColorStop(0,'rgb(0, 0, 0)');
grd.addColorStop(.8,'rgb(100, 0, 0)');
context.fillStyle = grd;
context.fill();
context.stroke();
context.beginPath();
context.arc(centerx, centery, radius4, 0, Math.PI*2, true);
context.closePath();
context.lineWidth = 5;
var grd = context.createRadialGradient(400, 300, 100, 400, 300, 300);
grd.addColorStop(0,'rgb(0, 0, 0)');
grd.addColorStop(.1,'rgb(100, 0, 0)');
context.fillStyle = grd;
context.fill();
context.stroke();
context.beginPath();
context.arc(centerx, centery, radius3, 0, Math.PI*2, true);
context.closePath();
context.lineWidth = 5;
var grd = context.createRadialGradient(400, 300, 200, 400, 300, 300);
grd.addColorStop(0,'rgb(0, 0, 0)');
grd.addColorStop(1,'rgb(100, 0, 0)');
context.fillStyle = grd;
context.fill();
context.stroke();
context.beginPath();
context.arc(centerx, centery, radius2, 0, Math.PI*2, true);
context.closePath();
context.lineWidth = 5;
var grd = context.createRadialGradient(400, 300, 300, 400, 300, 300);
grd.addColorStop(0,'rgb(0, 0, 0)');
grd.addColorStop(1,'rgb(100, 0, 0)');
context.fillStyle = grd;
context.fill();
context.stroke();
context.beginPath();
context.arc(centerx, centery, radius, 0, Math.PI*2, true);
context.closePath();
context.fillStyle = 'rgb(255, 200, 20)';
context.fill();
context.lineWIdth = 5;
var grd = context.createLinearGradient(0,300, canvas.width, 300);
grd.addColorStop(0, 'rgb(255, 255, 255)');
grd.addColorStop(1, 'rgb(0, 0, 255)');
context.strokeStyle = grd;
context.stroke();
context.beginPath();
context.arc(centerx, centery, radius1, 0, Math.PI*2, true);
context.closePath();
context.fillStyle = 'rgb(5, 200, 20)';
context.fill();
context.lineWIdth = 5;
context.stroke();
context.beginPath();
context.arc(centerx2, centery2, radius6, 0, Math.PI*2, true);
context.closePath();
context.fillStyle = 'rgb(5, 20, 200)';
context.fill();
context.lineWIdth = 5;
context.stroke();
context.beginPath();
context.arc(centerx3, centery3, radius6, 0, Math.PI*2, true);
context.closePath();
context.fillStyle = 'rgb(5, 20, 200)';
context.fill();
context.lineWIdth = 5;
context.stroke();
context.beginPath();
context.arc(centerx4, centery4, radius7, 0, Math.PI, false);
context.closePath();
context.fillStyle = 'rgb(250, 250, 250)';
context.fill();
context.lineWidth = 2;
context.stroke();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
Logo 5
Twitter is a social media website and company that targets just about any age group. Making the correlation between a bird and a tweet sound is smart and the identifying blue is some what of a knock off of Facebook but it's been the social media color thus far. Eye catching and different, it's been successful this far.
Logo 4
Toys r Us is a great example of a simplistic, colorful, yet childlike logo. Targeted towards newborn-teenagers, this logo is energetic and functional with any age group or gender.
Logo 3
Pixar is a movie production company that targets children and middle age children with cartoon and animated movies. Their logo is especially successful due to their relation to the particular movie that the logo is featured on. Also, when the logo is featured, it tends to have some kind of animated alteration association involved which shows some fun way of skewing the logo in some fashion. Since the logo endures so much abuse, I think it rather genius to keep the font and colors as average and times new roman as possible as to not over due the appearance.
Logo 2
Puma is a successful tennis shoe company that markets based on a lean and athletic shoe design. The colors being simple yet hip and stylish. The puma is reflective of that athletic function.
Logos
MTV is a television network that targets 16-30 year olds. I believe they are successful in their message based on their frequent color changes and style advancements that reflect things like neon color and hippy looking color correlations.
Subscribe to:
Posts (Atom)