Art210-A Project 1- Icon

Sunday, April 30, 2017

Wednesday, April 19, 2017

        This animation is based on the poem "Rime of the Ancient Mariner" and the heavy metal band "Iron Maiden's" song of the same title. The background is a scene that depicts the song, which is much darker than the poem.

         As the music starts, as in the poem, a young bride fades in and out in the bottom left hand corner. Then the boat appears along with a line from the song. In the poem, the mariner appears at the wedding and then disappears at the end. The mariner did not see the albatross and accidentally shoots it which leads to the death of the men on the ship. I chose this for the collage because it tells a great story.

   Also I selected a bride who is somewhat transparent and and old mariner who keeps his distance as he appears to be from another world. I selected the opening music from a Coldplay song, because it follows the animation. Although there is no mariner with a weapon, I depict the albatross disappearing enough that the audience can not see it in the sky. The ship sails through the turbulent waves and never makes it to shore.

         I was pleased with the final project. It gives a sense of surrealism, while leaving the viewer with a sense of melancholy.

Sunday, April 9, 2017

Magazine Cover

The magazine cover was a challenge for me. I wanted to do something edgy that combines art and my daughter. So I selected a photograph that she sent to me as the cover. It was taken in the Harvard University Art Museum. In it, she makes herself a part of the exhibit. Also I liked the warm colors of the photograph. They make for an excellent backdrop for a magazine cover.

To create this piece I made the photograph the backdrop for my cover. Then, I experimented with colors before finally settling on a light beige/pink tint. I selected another photo of my daughter holding balls used in a science experiment as a second graphic as it blends nicely with the background. The other visual is a painting I photographed at MOMA.

I was please with the way this project turned out. I felt like it blended nicely and mimics the edge look of real art magazines.

Rime of the Ancient Mariner

I selected a song that is based on the poem "The Rime of the Ancient Mariner" by Samual Taylor Coleridge. To create this piece, I selected a large image with a nice blue background. Then I chose images to add that include the mariner, the bride, a ship, waves and the albatross. The bride in the corner is in the ship. She is dressed in a flowing gown and looks on with a bemused look as in the poem. The mariner is a legend so I placed him near the moon. The lines And the music plays on is from the song. I added the musical notes to reiterate this point! The waves are three layers to hide the edges of the boat. I really enjoyed this assignment. I did a good job of making the animation tell the story.

Wednesday, March 29, 2017

Extraction

This was an interesting assignment. I wanted to choose something that offers a grand scene in which to place my daughter. The hardest part was placing my daughter in the photograph and figuring out how to put her in at the right size. I juggled the scale and finally figured it out. This assignment shows one of the important roles of a good graphic designer... putting things in visual perspective.

Sunday, March 26, 2017

LOGO

<!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.moveTo(300,100);

context.lineTo(400,100);

context.lineTo(360,125);

context.lineTo(350,125);

context.lineTo(300,100);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

context.beginPath();

context.moveTo(300,100);

context.lineTo(325,125);

context.lineTo(325,325);

context.lineTo(300,350);

context.lineTo(350,325);

context.lineTo(350,125);

context.lineTo(350,100);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(400,100);

context.lineTo(360,125);

context.lineTo(350,125);

context.lineTo(350,210);

context.lineTo(375,180);

context.lineTo(375,125);

context.lineTo(400,100);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

context.beginPath();

context.moveTo(300,350);

context.lineTo(350,325);

context.lineTo(400,350);

context.lineTo(300,350);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(375,175);

context.lineTo(350,210);

context.lineTo(475,210);

context.lineTo(450,175);
context.lineTo(375,175);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

context.beginPath();

context.moveTo(350,210);

context.lineTo(375,240);

context.lineTo(450,240);

context.lineTo(475,210);

context.lineTo(350,210);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(350,210);

context.lineTo(350,325);

context.lineTo(400,350);

context.lineTo(375,325);

context.lineTo(375,240);

context.lineTo(350,210);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

context.beginPath();

context.moveTo(425,100);

context.lineTo(525,100);

context.lineTo(485,125);

context.lineTo(475,125);

context.lineTo(425,100);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

context.beginPath();

context.moveTo(425,100);

context.lineTo(450,125);

context.lineTo(450,180);

context.lineTo(475,210);

context.lineTo(475,125);

context.lineTo(425,100);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(475,210);

context.lineTo(450,225);

context.lineTo(450,325);

context.lineTo(425,350);

context.lineTo(475,325);

context.lineTo(475,210);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(425,350);

context.lineTo(525,350);

context.lineTo(475,325);

context.lineTo(425,350);

context.closePath();

context.fillStyle="rgb(178,139,82)";

context.fill();

context.beginPath();

context.moveTo(525,100);

context.lineTo(485,125);

context.lineTo(475,125);

context.lineTo(475,325);

context.lineTo(525,350);

context.lineTo(500,325);

context.lineTo(500,125);

context.lineTo(525,100);

context.closePath();

context.fillStyle="rgb(221,196,88)";

context.fill();

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

};

</script>

</head>

<body>

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

</body>

</html>

This project was the most fun for me. Although it involves a lot of detail and takes time to plan, I felt like I got it the first time around. I was able to get the look I was going for in creating the logo for the History Channel. To give the illusion of shadows I used darker shades of gold. Although this logo is just the letter H, it involved quite a bit of work. I was excited to see the end result!