Friday, April 21, 2017

Animation



Since my collage was scattered postcards, I thought it would make sense to animate them so it appeared that they were being tossed onto a table.  Then for the final postcard, which was the focal point of my collage, I animated some of the elements separately to make the animation more interesting.  Since the collage was inspired by the song "New York Soul" by Jon Bellion, I used the beginning of it for the sound portion of the animation.  

Sunday, April 9, 2017

Collage


For my collage I was inspired by the song "New York Soul" by Jon Bellion.  The song is about how no matter where life takes him, Jon's soul is always in New York with his family.  I started with a picture of some postcards and then incorporated New York elements into each of them.  I chose this song and theme because like Jon Bellion I am also from New York and even though I go to school here in Florida, New York will always be my home.

Monday, April 3, 2017

Magazine Cover


For this assignment I chose to create the cover to a travel magazine.  When I was searching for a photo of me to use for a magazine I found pictures from when I went kayaking and decided from there creating a travel magazine would be a good fit.  I focused the magazine on Florida so my photo would make sense.  I wanted to make the background image fit the whole cover, because thats how the majority of travel magazines look.  For the text and other images I made sure to add drop shadows to increase the contrast between them and the background so it was easily readable.

Monday, March 27, 2017

Self Insertion

Just a cute candid from the time Justin Timberlake took me to the Grammys with him. 
For the self insertion assignment I chose to walk the red carpet with one of my favorite celebrities, Justin Timberlake.  This was a fun assignment to do.  I figured a picture of myself in a prom dress would make sense on the red carpet of an award show.  I added shadows behind me and adjusted some of the colors to make it appear as though I belonged in the original picture.


-original photos- 

Tuesday, March 21, 2017

ASCII Assignment


Rather than recreating a logo for this assignment,  I decided to challenge myself and create an image of my own.  I started my process by drawing this cute cartoon whale on paper and drawing a graph over it.  Then I used Illustrator to graph my image again digitally to help with determining the control points for the curves of the whale's body.  Then after some trial and error and a few more details I was able to create the image you see here.  I have very little experience working with code to create illustrations like this, so overall, I'm happy with the way it turned out.


- code - 

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

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

//tail
context.beginPath();
context.moveTo(475, 285);
context.quadraticCurveTo(474, 279, 470, 275);
context.bezierCurveTo(425, 225, 455, 170, 450, 150);
context.bezierCurveTo(465, 170, 525, 195, 515, 250);
context.bezierCurveTo(565, 230, 620, 265, 630, 257);
context.bezierCurveTo(605, 275, 575, 315, 525, 310);
context.quadraticCurveTo(510, 307, 500, 310);


//body
context.bezierCurveTo(480, 325, 475, 375, 425, 390);
context.quadraticCurveTo(300, 425, 200, 385);  
context.bezierCurveTo(130, 350, 140, 225, 200, 200);
context.quadraticCurveTo(275, 175, 340, 200);  
context.bezierCurveTo(400, 220, 425, 345, 460, 320);
context.bezierCurveTo(470, 310, 475, 305, 475, 285);
context.closePath();
context.fillStyle = "rgb(200, 255, 250)";
context.fill();
context.lineWidth =2;
context.stroke();


//eye
context.beginPath();
context.moveTo(200, 310);
context.bezierCurveTo(190, 270, 250, 270, 240, 310);
context.quadraticCurveTo(220, 305, 200, 310);
context.fillStyle = "white";
context.fill();
context.lineWidth =1;
context.stroke();


//pupil
context.beginPath();
context.arc(215, 293, 10, 0, 2*Math.PI, false);
context.closePath();
context.fillStyle = "black";
context.fill();
context.strokeStyle = "rgb(120, 70, 180)";
context.lineWidth =4;
context.stroke();


//eye shine
context.beginPath();
context.arc(212, 289, 4, 0, 2*Math.PI, false);
context.closePath();
context.fillStyle = "white";
context.fill();

//blowhole
context.beginPath();
context.moveTo(270, 200);
context.bezierCurveTo(272, 195, 281, 195, 283, 200);
context.bezierCurveTo(281, 205, 272, 205, 270, 200);
context.fillStyle = "rgb(70, 70, 70)";
context.fill();
context.lineWidth =1;
context.strokeStyle = "rgb(0, 0, 0)";
context.stroke();


//belly
context.beginPath();
context.moveTo(425, 389);
context.quadraticCurveTo(300, 424, 201, 385);
context.quadraticCurveTo(175, 371, 166, 350);
context.bezierCurveTo(275, 340, 320, 425, 425, 389)
context.closePath();
context.fillStyle = "rgb(240, 255, 250)";
context.fill();


//fin
context.beginPath();
context.moveTo(280, 368);
context.bezierCurveTo(275, 410, 325, 427, 340, 440);
context.quadraticCurveTo(350, 400, 325, 373);
context.fillStyle = "rgb(200, 255, 250)";
context.fill();
context.lineWidth =2;
context.strokeStyle = "rgb(0, 0, 0)";
context.stroke();


//smile
context.beginPath();
context.moveTo(164, 350);
context.quadraticCurveTo(218, 355, 225, 335);
context.lineWidth =1;
context.stroke();

//cheek
context.beginPath();
context.moveTo(230, 325);
context.bezierCurveTo(232, 317, 251, 317, 253, 325);
context.bezierCurveTo(251, 333, 232, 333, 230, 325);
context.closePath();
context.fillStyle = "rgb(255, 190, 225)";
context.fill();

//water droplets
context.beginPath();
context.moveTo(275, 175);
context.bezierCurveTo(255, 130, 240, 125, 225, 125);
context.bezierCurveTo(215, 128, 215, 140, 225, 145);
context.bezierCurveTo(235, 150, 260, 150, 275, 175);
context.lineWidth =1;
context.closePath();
context.fillStyle = "rgb(240, 255, 250)";
context.fill();
context.stroke();

context.beginPath();
context.moveTo(275, 160);
context.bezierCurveTo(280, 125, 300, 105, 325, 100);
context.bezierCurveTo(347, 100, 342, 128, 325, 130);
context.bezierCurveTo(300, 135, 285, 140, 275, 160);
context.lineWidth =1;
context.closePath();
context.fillStyle = "rgb(240, 255, 250)";
context.fill();
context.stroke();

context.beginPath();
context.moveTo(270, 140);
context.bezierCurveTo(270, 120, 275, 85, 250, 75);
context.bezierCurveTo(246, 72, 232, 70, 230, 85);
context.bezierCurveTo(230, 105, 255, 100, 270, 140);
context.lineWidth =1;
context.closePath();
context.fillStyle = "rgb(240, 255, 250)";
context.fill();
context.stroke();

context.beginPath();
context.moveTo(279, 120);
context.bezierCurveTo(280, 120, 277, 87, 289, 86);
context.bezierCurveTo(300, 92, 285, 110, 279, 120);
context.lineWidth =1;
context.closePath();
context.fillStyle = "rgb(240, 255, 250)";
context.fill();
context.stroke();

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

};

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


- references -


Monday, February 27, 2017

Vector Illustration


I really wanted to challenge myself with this vector illustration, so I chose to create my dog Zoey.  She is a brindle boxer so there are a variety of colors in her fur,  I really tried to capture all the different shades in order to make her look as accurate as possible.  I also spent a decent amount of time making the eyes look realistic.  Overall, I'm proud of the results and  enjoyed working on this assignment in illustrator.

-the original photo-

Tuesday, February 14, 2017

Exquisite Corpse



To continue my theme of sweets, I decided to make my exquisite corpse a baker.  I chose the body builder frog with cooked turkey legs for this assignment because I loved how the simplicity of the head contrasts with the muscular body, and how the turkey legs make the character extra unique.  I placed Brittany, as we named her in class, in front of a bakery store front.  I made the windows of the bakery transparent, so you can see inside, which I think makes the scene more interesting.

Overall, I'm happy with the scene I created and the way my exquisite corpse came out.

Tuesday, February 7, 2017

Sweet Stop Logo


I created a logo for a fictional company called Sweet Stop.  The company would sell fresh bakery cupcakes to people on the go at cupcake atms.  I chose to make the logo colorful and organic to give the sense that although the cupcakes are packaged they are indeed freshly made.  To go along with my swirly, free-flowing design I chose a cursive font to display the company name.

I chose to make a logo for a cupcake company because baking is a hobby of mine.  If graphic design doesn't work out for me I might just open up a bakery.  Perhaps I could call it Sweet Stop.


-original sketches-


Sunday, February 5, 2017

Caligramme



For my caligramme I chose to create an iconic two scoop ice cream cone.  My goal for the assignment was to make something fun and playful and incorporate color into my design.  I'm a huge sweet lover so I thought ice cream would be a great way to achieve those goals as well as personalize the caligramme.

Sunday, January 29, 2017

Logo Critique


I chose to critique and compare the logos of Crumbs and Sprinkles.  Both companies sell the same product: cupcakes.  I think both logos are successful in their own ways, and I like both for different reasons.    

The Crumbs logo is effective because it specifies the that it is a "bake shop", therefore people know what products they sell.  It also has a playful, pastel color scheme.  These colors connect to cupcakes well, since they are a fun and whimsical dessert.  If shrunken the logo may still be recognizable because of the blocks of color and Crumbs written in bold font. 

The Sprinkles logo is successful as well.  This logo also includes the product that the company sells right in the logo.  This logo is less colorful than the Crumbs logo, but the color scheme can still be associated with cupcakes.  Overall, the Sprinkles logo is more simple than the Crumbs logo.  If this logo was shrunken it would be difficult to read the name of the company because of the thin cursive font used.  However, the shape of the logo would help people recognize it. 

The Crumbs and Sprinkles logos are very different, Crumbs is a bit more playful, and Sprinkles is slightly more sophisticated and put together, but they are both strong logos.

Sunday, January 22, 2017

Icon Project- Thoughts & Ideas

1. cupcake shop/ vending machine- baking cupcakes is a hobby of mine and it would be interesting to  create a logo or icon that relates to the concept. may or may not include other baked goods.

2. ice cream shop- same concept as the cupcake one, but instead ice cream, a delicious treat enjoyed by many

3. animal rescue service/ pet store- cats, dogs, birds, reptiles - all animals welcome and searching for a loving home

4. travel agency/ app - find places to travel to and plan out your next trip all in one app.  hotels, resorts, cruises, sight seeing tours, and all the activities you must do when you travel to each destination, all conveniently in one place

5. music app - stream music for free, because there is no such thing as too many places to listen to free music

Hi, I'm Melissa!

Hi, my name is Melissa Engh.  I’m from Long Island, New York.  I’m majoring in Graphic Design here at UT.  I really love to draw and be creative.  I also enjoy photography, my favorite things to photograph are my pets and sunsets. 

For the longest time I wasn’t sure what I wanted to do in the future.  I’ve always considered myself an artistic person, but wasn’t sure if choosing a career in the art field would be a good choice.  I’m still hesitant, but it is something I’m passionate about.  

I expect to further my knowledge of adobe tools such as photoshop and illustrator in this class, and expand my art to a digital medium.  I'm looking forward to learning new things and seeing what's in store this semester.