Wednesday, April 6, 2016

Collage

For my collage, I did it for the song Dreams by Life in Dillon

Monday, April 4, 2016

Wednesday, March 23, 2016

Photoshop Assignment

For my photoshop assignment, I put myself in Greece! I have the image I photoshopped myself in to , and the original.

Monday, March 21, 2016

HTML Creation


For this project, I created a picture of a palm tree with a sun and a blue background.

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

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

//Background
context.beginPath();
context.rect(0, 0, 800, 600);
context.fillStyle = 'lightblue'
context.fill();
context.stroke();

//Sun
context.beginPath();
context.arc(500, 130, 100, 0, 2*Math.PI, false);
var grd = context.createRadialGradient(500, 130, 30, 500, 130, 100);
grd.addColorStop(0, 'white');
grd.addColorStop(1, 'yellow');
context.fillStyle = grd;
context.fill();
context.strokeStyle = 'lightyellow';
context.stroke();

//Palm Tree Leaves
context.beginPath();
context.moveTo(405, 150);
context.bezierCurveTo(405, 150, 350, 50, 305, 110);
context.lineTo(345, 109);
context.lineTo(330, 117);
context.lineTo(345, 126);
context.lineTo(365, 124);
context.lineTo(357, 130);
context.lineTo(375, 135);
context.lineTo(385, 130);
context.lineTo(380, 140);
context.lineTo(389, 153);
context.bezierCurveTo(389, 153, 280, 75, 226, 195);
context.lineTo(260, 178);
context.lineTo(285, 150);
context.lineTo(278, 178);
context.lineTo(312, 170);
context.lineTo(328, 145);
context.lineTo(318, 170);
context.lineTo(365, 150);
context.lineTo(355, 163);
context.lineTo(370, 167);
context.bezierCurveTo(370, 167, 250, 175, 252, 330);
context.quadraticCurveTo(265, 275, 274, 310);
context.quadraticCurveTo(285, 225, 290, 240);
context.lineTo(295, 280);
context.lineTo(323, 230);
context.quadraticCurveTo(327, 175, 330, 200);
context.lineTo(335, 225);
context.quadraticCurveTo(374, 175, 400, 180);
context.lineTo(420, 230);
context.lineTo(440, 224);
context.quadraticCurveTo(441, 260, 430, 250);
context.lineTo(436, 288);
context.lineTo(453, 253);
context.quadraticCurveTo(470, 275, 441, 300);
context.lineTo(445, 347);
context.bezierCurveTo(445, 347, 525, 275, 427, 185);
context.lineTo(473, 223);
context.lineTo(474, 205);
context.lineTo(484, 235);
context.lineTo(510, 250);
context.lineTo(505, 220);
context.lineTo(528, 265);
context.lineTo(538, 278);
context.lineTo(545, 241);
context.lineTo(543, 295);
context.lineTo(555, 325);
context.bezierCurveTo(555, 325, 610, 150, 427, 160);
context.lineTo(465, 155);
context.lineTo(465, 135);
context.lineTo(485, 160);
context.lineTo(498, 162);
context.lineTo(498, 141);
context.lineTo(508, 167);
context.lineTo(520, 174);
context.quadraticCurveTo(520, 145, 506, 120);
context.quadraticCurveTo(506, 100, 420, 140);
context.quadraticCurveTo(425, 125, 400, 125);
context.lineTo(405, 150);
context.fillStyle = 'green'
context.fill();
context.strokeStyle = 'black';
context.stroke();

//Tree Trunk
context.beginPath();
context.moveTo(385, 181);
context.bezierCurveTo(385, 181, 290, 300, 275, 545);
context.quadraticCurveTo(318, 575, 345, 540);
context.bezierCurveTo(345, 540, 345, 300, 405, 195);
context.lineTo(400, 180);
context.lineTo(385, 181);
context.fillStyle = 'rgb(99, 66, 33)';
context.fill();
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 1
context.beginPath();
context.moveTo(366, 210);
context.lineTo(383, 207);
context.lineTo(390, 215);
context.lineTo(394, 214);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 2
context.beginPath();
context.moveTo(356, 230);
context.lineTo(364, 227);
context.lineTo(374, 240);
context.lineTo(382, 230);
context.lineTo(387, 237);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 3
context.beginPath();
context.moveTo(345, 252);
context.lineTo(356, 250);
context.lineTo(358, 255);
context.lineTo(368, 252);
context.lineTo(371, 257);
context.lineTo(375, 254);
context.lineTo(377, 257);
context.lineTo(380, 256);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 4
context.beginPath();
context.moveTo(334, 276);
context.lineTo(351, 276);
context.lineTo(350, 281);
context.lineTo(360, 278);
context.lineTo(362, 282);
context.lineTo(368, 280);
context.lineTo(372, 282);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 5
context.beginPath();
context.moveTo(325, 300);
context.lineTo(334, 302);
context.quadraticCurveTo(339, 320, 348, 305);
context.quadraticCurveTo(350, 315, 360, 316);
context.lineTo(364, 320);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 6
context.beginPath();
context.moveTo(316, 325);
context.lineTo(325, 325);
context.quadraticCurveTo(325, 350, 338, 323);
context.lineTo(341, 333);
context.lineTo(352, 330);
context.lineTo(362, 333);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 7
context.beginPath();
context.moveTo(308, 350);
context.lineTo(326, 347);
context.lineTo(330, 355);
context.lineTo(341, 347);
context.lineTo(345, 355);
context.lineTo(360, 350);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 8
context.beginPath();
context.moveTo(300, 375);
context.lineTo(310, 375);
context.lineTo(317, 380);
context.lineTo(325, 375);
context.lineTo(337, 384);
context.lineTo(347, 375);
context.lineTo(354, 384);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 9
context.beginPath();
context.moveTo(294, 403);
context.lineTo(305, 401);
context.lineTo(308, 407);
context.lineTo(315, 401);
context.lineTo(323, 418);
context.lineTo(335, 401);
context.lineTo(339, 412);
context.lineTo(353, 404);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 10
context.beginPath();
context.moveTo(289, 430);
context.lineTo(304, 427);
context.lineTo(310, 438);
context.lineTo(312, 424);
context.lineTo(320, 438);
context.lineTo(327, 429);
context.lineTo(336, 439);
context.lineTo(348, 439);
context.strokeStyle = 'black';
context.stroke();

//Line on Tree Trunk 11
context.beginPath();
context.moveTo(282, 473)
context.lineTo(292, 470);
context.lineTo(298, 475);
context.lineTo(312, 468);
context.lineTo(315, 475);
context.lineTo(329, 466);
context.lineTo(332, 475);
context.quadraticCurveTo(340, 465, 346, 476);
context.strokeStyle = 'black'
context.stroke();

//Line on Tree Trunk 12
context.beginPath();
context.moveTo(279, 510);
context.lineTo(291, 505);
context.lineTo(294, 510);
context.quadraticCurveTo(300, 505, 310, 506);
context.lineTo(323, 501);
context.lineTo(326, 507);
context.lineTo(346, 505);
context.strokeStyle = 'black';
context.stroke();












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

};

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

Wednesday, March 2, 2016

Vector Illustration Final

For my final vector illustration, I used a picture I took of myself over Winter break. Here is the original and my final:

Wednesday, February 17, 2016

Vector Illustration

For my vector illustration, I I chose the bunny/human/spider corpse. I liked this one because it had very distinct different parts that would teach me different aspects of making sure I knew how to put the different parts of the corpse in front of each other. I also chose the colors based on the part of the corpse that was either bunny, human, or spider.

Wednesday, February 10, 2016

Logo Design

For my logo design, I did "Jersey Fresh Juice Co." with the state of New Jersey with a straw coming out of it right next to it. I picked the color I did because colors in the red and yellow group create the thought of hunger, and I combined my home state, where this company would be based with the idea of a juice cup, which is why I added the straw.

Sunday, February 7, 2016

Caligramme

For my caligramme, I decided to use a kite, one of the symbols for my sorority. For the text of the kite, I decided to use the lyrics to one of our songs "Let's Go Fly a Kite".


Wednesday, February 3, 2016

Logo Sketches

For my logo, I created five different ideas for what I could use as a base for my final logo. The first two were the state of New Jersey with a straw coming out of where my hometown is, and then a variation of the name of the company, Jersey Fresh Juice Co. My third idea was the initials of my company, JFJCo with the state of New Jersey as the dot on the "J" and a straw as a dot next to the "Co". There was also a slogan underneath that said "taste fresh, feel fresh". My fourth idea is a tomato, since New Jersey is known for their juicy tomatoes, with a smiley face and a straw coming out of the top. There also would be the initials of my company at the edge of the tomato. My fifth and final idea, which I will probably use a variation of, is just the name of my company, Jersey Fresh Juice Co. with the state of New Jersey as the "J".

Sunday, January 31, 2016

Logo Critique



The first logo I am critiquing will be lululemon athletica. Lululemon's logo is very simple, and is not easily mistaken for others. I'm not sure that they make their target market very known with their logo, but once you shop in their stores (they sell clothes for runners and yogis) those that they are targeting are very much so aware that this is the lulu logo. I honestly am a very big fan of their company and what they stand for, therefore I believe their logo works. The logo is actually an unusually stylized "A", which the CEO of the company, Chip Wilson, wanted to use because the original name of the company was going to be "Athletically Hip" but didn't make the cut. The colors used definitely make the logo pop, but not too much. It's simplicity really works with what the          company sells in their stores.

The second logo I am critiquing is the logo for Nike. Nike's logo, over time, has become known all over the world. Their logo is basic and timeless, and whenever anyone sees the "swoosh", it is most likely that they will think of Nike. With this logo, for those who know what it means, they definitely reach their target market. The logo's timelessness definitely goes along with the company beliefs, since they want to create clothing for "today's athletes while solving problems for the next generation". I believe that the swoosh could also be a checkmark, checking off the problems that nike has solved throughout their time as a company.

The third logo I am critiquing is the logo for the gym I attend off campus, LA Fitness. Honestly, I'm not a huge fan of this logo. They have evolved it over time, and I like the originals better. This one doesn't exactly go with the name or the meaning of the brand, and besides the colors which are complimentary to one another, I'm not sure that this logo reaches their target audience. Being a member of this gym for more than a year, when I googled a picture of their logo I wasn't exactly sure what was going to come up. I believe they could  be more successful in using their older logos, which speak to the "LA" part of their name, seeing as they had palm trees and used more intriguing fonts.

The fourth logo I am focusing on is the logo for a clothing line called Brandy Melville. Brandy's clothes are very simple yet modern and can fit many types of styles. Personally, I think their logo is great for what they stand for and sell in their stores. The stitches represent how it is made, and the heart looks like it is made out of fabric. Overall, the logo shows how the brand is fashion-forward yet sells casual and relaxed clothing. The dark background creates a really nice contrast with the white writing, especially since the writing is in a very simple yet eye-catching text. With this logo, they definitely attract the type of customer they want, which is any woman (or man) who enjoys being fashion forward while on a budget and has a passion for the comfort and simplicity of their clothing.


The final logo I am critiquing is the Starbucks logo. This logo, the double-tailed mermaid named Siren, has been changed time and time again to continue to bring Starbucks forward through time as their company and others develop. While the actual picture of the mermaid is quite present, the design itself is subtle enough to not take over the entire logo. Their logo has become timeless, as everyone who views it immediately knows that this is the Starbucks brand. With this, they reach all of their target market and more due to their popularity. The colors represent that they are green overall as a company, trying to use mostly recycled products as a whole. Also, the writing on the logo is complimented by the background color, as does the simple all capital block writing.

Monday, January 25, 2016

Company & Logo Ideas

For our first project, I have come up with five different ideas for a company I would run and ideas for their logos.

Idea #1: Jersey Fresh Juice Co.: An organic, fresh pressed juice company that also specializes in other organic health foods. For this logo, my idea was to have a faded picture of the state of New Jersey with a straw coming out of where my hometown is.

Idea #2: Lovely Loungewear: A clothing line dedicated to casual, comfortable clothing including yoga pants, tank tops, etc. This logo would maybe be a cursive "L".

Idea #3: Cafe Elegante: A simple yet elegant cafe that specializes in modern American cuisine. The symbol for this would maybe be a variation of a swan, since it is one of the symbols for elegance.

Idea #4: Sunshine State Cupcakes: A cupcake store that also would be able to do online orders and would sell different variations of cupcakes such as gluten free options, or cupcakes baked in mason jars. The logo for this company would possibly be the state of Florida decorated like a cupcake.

Idea #5: Sorella's: A traditional Italian restaurant that is served family style and serves my family's recipes. The symbol could possibly be a variation of an infinity sign because sorella means "sister" in Italian and family and sisters are forever.

Wednesday, January 20, 2016

Welcome!

My name is Francesca, I'm a junior marketing major and this is my blog dedicated to my journey through learning the basics of digital art. Here is where I'll be posting what I create through this class using programs such as Illustrator and Photoshop. I can't wait to see where this semester takes me!