Vector Illustration

For my vector illustration, I chose to use a picture of a beach scene because the beach is my favorite place. I started out just using the pen tool to trace the major shapes, and then used the pencil tool for some of the more flexible shapes. I used the eyedropper tool to make some of the colors match the original photograph, while other colors I chose by myself. I had some trouble when it came to showing texture in the shapes. Below is the original photo that I used for my illustration:

Exquisite Corpse

For my exquisite corpse, I used the second picture option. I made the character an athlete flying in the sky because of his wings. This was very time consuming and over all, I'm happy with my illustration. 

Final Logo

For my logo, I chose to keep it very simple. I used a silver, cursive font in order to give my company an elegant feel, while still making it appear personal like a signature at the end of a card. I used the gradient tool to give the words some shine. I wanted to make the heart look a little different than a basic one, in order to give my logo an easily recognizable icon. I used the paintbrush tool to paint the two halves and then made it a pale pink color. I played around with the stroke styles and width so that the style of the heart matched the font a little more. I wanted to make so that both the heart and the words could stand alone separately on some of our products, and people would still recognize the logo.

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>