Art210-A Project 1- Icon: 2017

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!

Monday, February 27, 2017

Final Vector Illustration

Sunday, February 26, 2017

Crayon Illustration

This assignment helped teach me some of the skills needed to use Adobe Illustrator.

First, I started out with a pumpkin design. As I worked on the rounded portions of the

pumpkin, I struggled with the pen tool. I decided to do something with sharper lines so I chose these crayons. First, for each line, I created a new layer. This allowed me to create the lines and overlap the colors. I selected colors that were slightly different shades, because it helped to distinguish the parts of the crayons. I chose the very dark blue because I thought it made a good contrast to the orange and yellow on either side, and it helped with the dark shadow.

This project was difficult. With more time, I would have continued to work on the lines on the crayons. Ideally, I would have created lines that were event like the illustration. However, I was happy with some portions of the illustration. I think I did a good job on the tips and the shadows.

Overall, I was happy to complete the assignment! It really was difficult.

Sunday, February 19, 2017

Exquisite Corpse

The exquisite corpse assignment was a challenge, but a fun learning tool. I selected this sketch corpse because it allows for the most dramatic use of color, which was important to me in creating my design. I turned the bird into a bright parrot like mermaid. I worked with the waves for quite a while to achieve this look. Working with the layers was a challenge, but I managed to figure it out!

To create this assignment, I used a photo of a parrot. I wanted to create a mermaid bird that was bright and colorful to distract from my finished project's imperfections. It was fun creating the drawings in class. I think this made it easier to be creative, because the drawing was silly to begin with!

Wednesday, February 8, 2017

Heart Logo

This logo is for a fine stationary and fine paper business. I chose to create this logo as a bold red heart with a black outline, because I believe this is more elegant than a simple heart with a fine line.
The red is bold and noticeable in the heart. Also the print is flowery and calligraphic rather than bold simple designed letters. I was looking for something that says elegant rather than plain and casual.

Monday, February 6, 2017

Logo Sketches

My icon drawings are based on a concept I have to create the idea of Letters from the Heart, or letters written from the heart, The idea of letters literally coming out of a heart came to my mind first. However, rather than using an actual letter with the words on it, I decided to use something more like the one on the very bottom left side. The logo n the middle looked too much like a kite and the one next to it just makes no sense at all. I like the idea of using letters rather than an envelope to express my concept. Also I think that the bold heart with letters coming out of it, create an iconic logo that will be easy to remember.

Caligramme

I selected the combined hearts for my Calligramme because it offers a bit of difficulty and is aesthetically pleasing to the eye. Creating the calligramme was difficult because of the fine-tune attention to detail using a program I am not proficient using. However, I managed to create what I was looking for in this assignment. To create this project I practiced creating simple Caligramme lines. By the time I did the assignment, I was able to create a pretty good product!

Saturday, February 4, 2017

I selected the logos for the Walt Disney World Resorts and Universal Resort Orlando.

The target audience for these logos are people of all ages. Although very young children may not recognize the Universal logo immediately, the Walt Disney logo with the Cinderella castle is as iconic as the logo. In the case of the Universal Resort logo, the globe makes it easy for people to know it has something to do with the world, so one might be able to figure it out. But the Disney Resort logo is one that even young children recognize.

Furthermore, the Universal logo is colored with strong bold primary colors making it easy to discern what it is. The Cinderella castle is slightly hazy, but it contains a definite outline that young people recognize. Universal’s logo is clearly a globe, but if you take away the words, it is not as easy to figure out what it represents unless you have visited the resort. A globe can represent many things, so it is not obvious which one simply by looking at it – minus the words. In the Disney Resorts label, we see the iconic castle and the large letter D for Disney, which is almost as recognizable as the castle.

Overall, the Disney logo is more successful. Regardless of which park, or logo you are looking at (Disney has several entities which each has its own logo) people recognize the D and the castle. In one logo we see the silhouette of Mickey Mouse’s ears. The logos have evolved over the years, but kids to adults know what it is! Therefore, Disney created a logo that anyone can easily recognize.

Logos for Google Images