Tuesday, September 24, 2013

I think that KFC logo is very creative because it is different in all ways than any other logo. I think it is also a creative logo because it doesn't contain a lot of colours so it made them popular with only few colours especially red. Also I liked it because it consists only of the person who founded KFC. The only thing I don't like that they don't write the full word on the logo, so that maybe makes people don't know what does KFC stands for. 


I think it is a very creative logo but it is a risk to do at the beginning. I think it could be risky because the people can say what does this represent. But now I really liked it and I think they are very successful by making this logo. Especially that all the people now whenever they see this face or the lines around it they immediately know that it represents Versace. 

I think it is a very creative logo. It is one of my favourite logos because it is very simple and I like simplicity. Also I think it is very easy logo to memorise so all the people can remember what does it stands for. Also I like it because it doesn't have any colours except black so it makes it more remarkable to the people.  

This logo is one of my favourite also because it represents headphones which is all related to music so by making it beats it will be very easy for the people to remember. Also the name beats makes me feel that it is a strong headphones. Also writing the founder of the company beside the name gives him credit and makes the people know him more. 
This is a logo that I don't like because it is not very simple to understand. A lot of people might not understand what does these two letters represent. The first time I saw this logo I didn't understand what does it represent even I wasn't able to read those letters. So I think it isn't a creative logo at all and it can be better. 

Sunday, September 22, 2013

Logos Ideas:


  1. We make it healthy: it is a company that is based on health campaigns that encourage the people to be healthy. It also gives them advices and it has a lot of stores that sell healthy products.
  2. Make your child creative: it is a school for kids like a nursery that teach the children how to be creative. It is for more advanced and smart kids that helps them to grow their mind and thinking. It is based on critical thinking and math. 
  3. We make it clear: It is a very huge company for lenses that makes al types of lenses. It is one of the biggest companies in the world that makes contact lenses, eyewear glasses and microscopes and telescopes lenses. It has a lot of shops around the world which they sell in their products and all other types of glasses. 
  4. Rent a pet: It is a company that allow the people to rent animals. It contains more than 20 types of animal that the people can rent. It allows the people to rent animals for many days as they can. It contains cheap and expensive animals.
  5.   Recycling Machine: It is a machine that encourage the people to recycle their stuff by giving them money. The people can insert the item they want to recycle and the machines weight it and inspect it and give them money based on the item they insert it. 

Tuesday, September 17, 2013


Barcelona is my favourite team and I like them so much so I decided to do their flag. I said to myself that by making their flag it will show how much I like them and it will be fun for me to do it. I used a lot of quadratic curves and lines. The hardest part for me was making each one a shape with its own colour.   

Origional Version

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

////////////////////////////////////// start below this line ??????????

//outer shape

context.beginPath();

context.moveTo(100, 100);
context.quadraticCurveTo(175, 200, 90, 290);
context.lineTo(110,310);
context.quadraticCurveTo(115, 475, 275, 475);
context.lineTo(300,510);
context.lineTo(325,475);
context.quadraticCurveTo(480, 475, 500, 310);
context.lineTo(515,290);
context.quadraticCurveTo(415, 200, 500, 100);
context.lineTo(475, 80);
context.quadraticCurveTo(415, 115, 375, 80);
context.quadraticCurveTo(300, 130, 215, 80);
context.quadraticCurveTo(180, 115, 115, 80);
context.lineTo(100, 105);
context.lineWidth = 10;
context.fillStyle = 'orange';
context.fill();
context.stroke();

//inner upper shape

context.beginPath();
context.moveTo(135, 115);
context.quadraticCurveTo(190, 175, 140, 260);
context.lineTo(460, 260);
context.quadraticCurveTo(400, 175, 460, 115);
context.quadraticCurveTo(400, 130, 375, 105);
context.quadraticCurveTo(300, 150, 230, 105);
context.quadraticCurveTo(200, 130, 135, 115);
context.moveTo(300, 127);
context.lineTo(300, 260);
context.lineWidth = 2;
context.stroke();

//Upper right shape

context.beginPath();
context.moveTo(135, 115);
context.quadraticCurveTo(190, 175, 140, 260);
context.lineTo(300, 260);
context.lineTo(300, 127);
context.quadraticCurveTo(275, 130, 230, 105);
context.quadraticCurveTo(200, 130, 135, 115);
context.fillStyle = 'white';
context.fill();
context.stroke();

//upper left shape

context.beginPath();
context.moveTo(460, 115);
context.quadraticCurveTo(400, 175, 460, 260);
context.lineTo(300, 260);
context.lineTo(300, 128);
context.quadraticCurveTo(350, 125, 375, 105);
context.quadraticCurveTo(350, 125, 375, 105);
context.quadraticCurveTo(400, 130, 460, 115);
context.fillStyle = 'yellow';
context.fill();
context.stroke();

//Lower Semi Circle
context.beginPath();
context.arc(300, 300, 160, 0, Math.PI, false);
context.closePath();
context.lineWidth = 2;
context.fillStyle = 'blue';
context.fill();
context.stroke();

//Two Lines on the Lower left
context.beginPath();
context.moveTo(185, 300);
context.lineTo(185, 410);
context.lineTo(215, 435);
context.lineTo(215, 300);
context.fillStyle = 'red';
context.fill();
context.stroke();

//rect in the middle
context.beginPath();
context.rect(280, 300, 35, 158);
context.fillStyle = 'red';
context.fill();
context.stroke();

//two lines in the lower right
context.beginPath();
context.moveTo(375, 300);
context.lineTo(375, 440);
context.lineTo(405, 420);
context.lineTo(405, 300);
context.fillStyle = 'red';
context.fill();
context.stroke();

//Upper Left Cross
context.beginPath();
context.moveTo(210, 115);
context.lineTo(210, 170);
context.lineTo(165, 170);
context.lineTo(165, 205);
context.lineTo(210, 205);
context.lineTo(210, 260);
context.lineTo(255, 260);
context.lineTo(255, 205);
context.lineTo(300, 205);
context.lineTo(300, 170);
context.lineTo(255, 170);
context.lineTo(255, 117);
context.quadraticCurveTo(215, 100, 233, 105);
context.quadraticCurveTo(215, 115, 208, 115);
context.fillStyle = 'red';
context.fill();
context.stroke();

//upper right lines
context.beginPath();
context.moveTo(317, 128);
context.lineTo(317, 260);
context.lineTo(330, 260);
context.lineTo(330, 123);
context.fillStyle = 'red';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(350, 120);
context.lineTo(350, 260);
context.lineTo(363, 260);
context.lineTo(363, 115);
context.fillStyle = 'red';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(380, 110);
context.lineTo(380, 260);
context.lineTo(392, 260);
context.lineTo(392, 115);
context.fillStyle = 'red';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(410, 120);
context.lineTo(410, 260);
context.lineTo(423, 260);
context.lineTo(423, 120);
context.fillStyle = 'red';
context.fill();
context.stroke();

//FCB Text
context.font = 'italic 35pt Calibri';
context.fillStyle = 'black';
context.fillText('F C B', 260, 295);
context.lineWidth = 2;
////////////////////////////////////// end above this line ààààààààààààààà

};

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

Sunday, September 8, 2013

Heart


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

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

grid = context.createRadialGradient(250, 500, 350, 380, 330, 50)
context.beginPath();
context.moveTo(600, 650);
context.lineTo(475, 550);
context.bezierCurveTo(355, 450, 510, 300, 600, 425);
context.bezierCurveTo(690, 300, 845, 450, 725, 550);
context.lineTo(600, 650);
context.closePath();
grid.addColorStop(0, 'rgb(150, 90, 90)');
grid.addColorStop(1, 'rgb(200, 30, 30)');
context.fillStyle = grid;
context.fill();
context.strokeStyle = 'rgb(255, 0, 0)';
context.lineWidth = 10;
context.stroke();

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

};

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