Caligramme

For my caligramme, I chose to do a picture of a breast cancer ribbon because it is breast cancer awareness month. I made it pink and used many related phrases for the words. Although I tried my best, I had a lot of trouble with this assignment. For some reason I'm having difficulty understanding how Illustrator works. This is the best that I could do but I will continue practicing.

Logo Critiques

1. Hyundai - I think that this logo implies a very futuristic company. The silver, 3D design makes for a very slick, luxurious logo. I think that it is a successful logo because all of their cars are equally as sleek as the logo itself. It definitely represents their products accurately.

2. Gucci - I think that the simplicity of this logo makes it very successful. The all caps, black font implies a high-end, luxurious company. The two G's are easily recognizable and definitely help define the company.

3. Corona - I think that this logo successfully defines the beer that the company makes. Corona is known as a refreshing, beach beer that people drink with a lime. The blue and yellow colors definitely give the logo a beachy feel. The font is also unique so it is easily recognizable.

4. Chick-fil-a - The outline of a chicken in the 'C' of this logo makes this design very self-explanatory. It is immediately understood through the name of the company, as well as through the logo, that this is a company that sells chicken. I think this logo is successful because of those reasons, and also because the red font makes it stand out and makes it easily recognizable.

5. Walt Disney Pictures - I think that this is logo is extremely successful. The blue color and the outline of the castle in the background make for an easy parallel to Cinderella's castle in Disney World. The font of 'Walt Disney' makes this one of the most easily recognizable logos in the world. It automatically brings to mind Mickey Mouse, Disney World, and all of the movies and TV shows made by this company.

Logo Ideas

1. Traci's Trattoria - This would be an Italian restaurant named after my grandparents'. I would make the logo in either deep red or forest green, and write it in elegant cursive. I would put a little picture of spaghetti and meatballs because that is what my grandparents' are known for.

2. With Love - This would be a store similar to Things Remembered, where people could get all of the items in the store personalized to give to others as gifts. The words would be written in silver, and there would be the outline of a light pink heart behind them.

3. Zen Nails - This would be a nail salon aimed at creating the ultimate relaxing spa experience. The logo would be either light blue or light green, and it would be in a very simple font.

4. AK Jewelry - This would be a jewelry store that ranges from expensive, high-end accessories, to affordable, casual ones. The logo would be in black and gold to show elegance, and it would be in a simple font such as Times New Roman.

5. Aqua - This would be a bathing suit store for both men and women. It would also have sunglasses, sandals, and some coverups and other clothing items.The logo would be in a bright blue color, most likely with a wave or surf board somewhere behind it.

ASCII Project

For my project, I decided to do a picture of a sunrise. I got the idea when I was messing around with colors for the background and found the ones seen in my picture. I used a linear gradient to set the tone of my picture. I made a circle for the sun, and put in multiple rays shining out of it. I had some difficulty with the sun rays because it was taking me extremely long to get the coordinates right for each individual line. However, once I had finished the sun, I was able to move on to the cloud. I used a combination of multiple different curves to make the cloud perfect. After that, I decided to make some birds flying in front of the sunrise. For these, I used quadratic curves. Again, I had some trouble getting the coordinates right to make the birds truly look like they were flying. Finally, I put some green grass at the bottom of the picture. I think that my picture is successful because you can easily recognize what it is a picture of, and the bright, happy colors set a relaxing tone. 

<!DOCTYPE HTML>

<html>

<head>

<script>

window.onload = function() {

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

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

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

//Background Gradient

context.beginPath();

context.rect(0, 0, canvas.width, canvas.height);

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

var grd = context.createLinearGradient(0, 500, 0, 0);

grd.addColorStop(0, 'rgb(250, 250, 100)');

grd.addColorStop(1, 'rgb(200, 100, 100)');

context.fillStyle = grd;

context.fill();

context.stroke();

//Cloud

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

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

     

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);

context.closePath();

context.fillStyle = 'white';

context.fill();

context.lineWidth = 5;

context.strokeStyle = 'white';

context.stroke();

//Sun

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

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

var centerX = canvas.width / 5;

var centerY = canvas.height / 5;

var radius = 70;

context.beginPath();

context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);

context.fillStyle = 'rgb(235, 235, 175)';

context.fill();

context.strokeStyle = 'rgb(235, 235, 175)';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(200, 300);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(300, 250);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(50, 350);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(15, 205);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(10, 100);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(350, 130);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(300, 30);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(300, -200);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

context.beginPath();

context.moveTo(centerX, centerY);

context.lineTo(5, -200);

context.lineWidth = 10;

context.strokeStyle = 'rgb(235, 235, 175)';

context.lineCap = 'square';

context.stroke();

//Birds

context.beginPath();

context.moveTo(610, 130);

context.quadraticCurveTo(650, 100, 650, 130);

context.quadraticCurveTo(690, 100, 680, 130);

context.strokeStyle = "black"

context.lineWidth = 8;

context.stroke();

context.beginPath();

context.moveTo(510, 230);

context.quadraticCurveTo(550, 200, 550, 230);

context.quadraticCurveTo(590, 200, 580, 230);

context.strokeStyle = "black"

context.lineWidth = 8;

context.stroke();

//Grass

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

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

context.beginPath();

context.rect(0, 570, 800, 30);

context.fillStyle = 'green';

context.fill();

context.lineWidth = 7;

context.strokeStyle = 'green';

context.stroke();

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

};

</script>

</head>

<body>

<canvas id="myCanvas" width="800" height="600"></canvas>

</body>

</html>