Monday, October 6, 2014

Exquisite Corpse / Bird

I decided to use the exquisite corpse image that looked like a bird.... and turned it into a bird! I personally enjoy working with realism, so it was fun to be able to use an image to create my idea.

Tuesday, September 23, 2014

Calligram

This is my calligram. I decided to create an egyptian eye using different quotes.

Tuesday, September 16, 2014

Logo Analysis


This logo is simple and to the point. The 'E' is slightly slanted to give it the effect of perhaps representing a computer. The audience seems to be technology based because the logo is simple and geometric.


In comparison to the previous logo, this logo has more going on. It is clear that this company is made for artists. This logo was probably designed by an artist because of the creativity represented by the design.


Clearly this logo is for a landscaping company. Perhaps the target audience for this logo are homes or small businesses. I feel that this logo is successful because the colors work very well with the font.




This logo is for a fashion boutique and the target audience is probably on a small scale (vs corporate) because it is more elaborate which perhaps makes it more difficult to recognize amongst other logos.
I think it is somewhat successful. My only concern is that the 'F' gets lost in the dress.



In comparison to the previous logo, this Gucci logo appears very clean and simple which gives me the sense that the target audience is very broad. There isn't anything extra here, and that in itself makes it seem very professional.

Logo Sketches for Company




Monday, September 15, 2014

Ideas for a Fictional Company

Idea #1 : Fast Food/ Organic Health Food-
With the knowledge we have today we are more aware than ever of the importance of healthy food has on many aspects of our life. Imagine the potential of our worlds health if we made healthy food as accessible and as cost friendly as McDonalds?


Idea #2 : Yoga Business/ Indoor Garden -

What's more relaxing than an hour of relaxation through yoga? Maybe doing yoga inside a space shared with beautiful flora and fauna.

Idea #3: Indoor Tennis Facility in Tampa -

In places where it snows, there are indoor courts. In Florida where it is unbearable hot 70% of the year, there are no indoor courts. Something is missing.

Idea #4: Athletic Training Facility in the Airport (Locker Rooms Included)-

How many times are you stuck for hours depressed waiting for your flight? What if you could get a great workout in the meantime? Why has this not been created?

Idea #5: Community Organic Gardens-

Very large scale farm created in each city. Where you can pick your own fruit and vegetables, fresh and organic.

Sunday, September 14, 2014

Assignment #1


I enjoyed this project because I am a huge fan of abstract composition. It was fun to be able to be creative and learn at the same time.





<!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, canvas.width, canvas.height);
var grd = context.createLinearGradient(0, 600, 800, 0);
grd.addColorStop(0, 'rgb(150,150,150)');
grd.addColorStop(.5, 'rgb(120,75,205)');
grd.addColorStop(1, 'rgb(50,190,90)');
context.fillStyle = grd;
context.fill();



context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("A", 25, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('A', 25, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("B", 125, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('B', 125, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("S", 235, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('S', 235, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("T", 325, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('T', 325, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("R", 428, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('R', 428, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("A", 530, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('A', 530, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("C", 635, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('C', 635, 105);

context.font = 'Bold 100px Georgia';
context.fillStyle = 'rgb(0,150,0)';
context.fillText("T", 725, 105);
context.strokeStyle = 'black';
context.lineWidth = 3;
context.strokeText('T', 725, 105);


context.beginPath();
context.arc(450, 485, 200, 0 , 2 * Math.PI, false);
context.stroke();
context.fillStyle = 'rgb(50,0,0)';
context.fill();
context.closePath();

var x = 0;
var y = 0;
var width = canvas.width;
var height = canvas.height;


var tx1 = 600;
var ty1 = 250;
var tx2 = 300;
var ty2 = 200;
var tx3 = 300;
var ty3 = 350;

var startx = 600;
var starty = 200;
var endx = 350;
var endy = 300;

context.beginPath();
context.moveTo(tx1, ty1);
context.lineTo(tx2, ty2);
context.lineTo(tx3, ty3);
context.lineTo(tx1, ty1);
context.closePath();
context.lineWidth = 15;



var tx2 = 370;
var ty2 = 650;
var tx3 = 300;
var ty3 = 300;
var tx4 = 500;
var ty4 = 500;


var startx2 = 375;
var starty2 = 300;
var endx2 = 550;
var endy2 = 600;

context.beginPath();
context.moveTo(tx1, ty1);
context.lineTo(tx2, ty2);
context.lineTo(tx3, ty3);
context.lineTo(tx1, ty1);
context.closePath();
context.lineWidth = 15;


var tx3 = 300;
var ty3 = 650;
var tx4 = 300;
var ty4 = 300;
var tx5 = 500;
var ty5 = 500;

context.beginPath();
context.moveTo(tx3, ty3);
context.lineTo(tx4, ty4);
context.lineTo(tx5, ty5);
context.lineTo(tx3, ty3);
context.closePath();
context.lineWidth = 15;
//context.fillStyle = 'rgb(230, 230. 230)';
var grd = context.createLinearGradient(startx2, starty2, endx2, endy2);
grd.addColorStop(0, 'rgb(0, 255, 0)');
grd.addColorStop(1, 'rgb(0, 0, 255)');
context.fillStyle = grd;
context.fill();
context.stroke();

var startx3 = 275;
var starty3 = 300;
var endx3 = 550;
var endy3 = 600;


var tx3 = 600;
var ty3 = 350;
var tx4 = 600;
var ty4 = 600;
var tx5 = 400;
var ty5 = 500;


context.beginPath();
context.moveTo(tx3, ty3);
context.lineTo(tx4, ty4);
context.lineTo(tx5, ty5);
context.lineTo(tx3, ty3);
context.closePath();
context.lineWidth = 15;
//context.fillStyle = 'rgb(230, 230. 230)';
var grd = context.createLinearGradient(startx, starty, endx, endy);
grd.addColorStop(0, 'rgb(0, 255, 0)');
grd.addColorStop(1, 'rgb(0, 0, 255)');
context.fillStyle = grd;
context.fill();
context.stroke();

var startx4 = 500;
var starty4 = 350;
var endx4 = 250;
var endy4 = 300;


var tx4 = 500;
var ty4 = 350;
var tx5 = 550;
var ty5 = 400;
var tx6 = 420;
var ty6 = 470;


context.beginPath();
context.moveTo(tx4, ty4);
context.lineTo(tx5, ty5);
context.lineTo(tx6, ty6);
context.lineTo(tx4, ty4);
context.closePath();
context.lineWidth = 15;
//context.fillStyle = 'rgb(230, 230. 230)';
var grd = context.createLinearGradient(startx, starty, endx, endy);
grd.addColorStop(0, 'rgb(0, 255, 0)');
grd.addColorStop(1, 'rgb(0, 0, 255)');
context.fillStyle = grd;
context.fill();
context.stroke();

var startx5 = 950;
var starty5 = 360;
var endx5 = 750;
var endy5 = 900;


var tx5 = 400;
var ty5 = 490;
var tx6 = 680;
var ty6 = 650;
var tx7 = 490;
var ty7 = 650;



context.beginPath();
context.moveTo(tx5, ty5);
context.lineTo(tx6, ty6);
context.lineTo(tx7, ty7);
context.lineTo(tx5, ty5);
context.closePath();
context.lineWidth = 15;
//context.fillStyle = 'rgb(230, 230. 230)';
var grd = context.createLinearGradient(startx5, starty5, endx5, endy5);
grd.addColorStop(0, 'rgb(0, 255, 0)');
grd.addColorStop(1, 'rgb(0, 0, 255)');
context.fillStyle = grd;
context.fill();
context.stroke();






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

};

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

Wednesday, September 10, 2014

Heart with Circles

As cute as this heart is, it took a lot out of me. I am officially 5 years older because of this heart. On a more serious note, it feels good to get a deeper understanding of digital arts!





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

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

//upper left quadrant
var startx = 400;
var starty = 200;
var controlx1 = 280;
var controly1 = 60;
var controlx2 = 80;
var controly2 = 250;
var endx1 = 250;
var endy1 = 350;

//lower left quadrant
var controlx3 = 365;
var controly3 = 390;
var endx2 = 400;
var endy2 = 500;

//lower right quadrant
var controlx4 = 435;
var controly4 = 390;
var endx3 = 500;
var endy3 = 350;

//upper right quadrant
var controlx5 =720;
var controly5 =250;
var controlx6 = 510;
var controly6 = 60;

//heart linear gradient
var grdstartx = 175;
var grdstarty = 125;
var grdendx = 525;
var grdendy = 410;

//circle1
var centerx = 400;
var centery = 300;
var radius = 90;

//circle2
var centerx2 = 400;
var centery2 = 280;
var radius2 = 60;

//circle3
var centerx3 = 400;
var centery3 = 260;
var radius3 = 35;

//heart
context.beginPath();
context.moveTo(startx, starty);
context.bezierCurveTo(controlx1, controly1, controlx2, controly2, endx1, endy1);
context.quadraticCurveTo(controlx3, controly3, endx2, endy2);
context.quadraticCurveTo(controlx4, controly4, endx3, endy3);
context.bezierCurveTo(controlx5, controly5, controlx6, controly6, startx, starty);
var grd = context.createLinearGradient(grdstartx, grdstarty, grdendx, grdendy);
grd.addColorStop(.3, 'rgb(255, 50, 50)');
grd.addColorStop(.9, 'rgb(175, 100, 180)');
context.fillStyle = grd;
context.fill();
context.stroke();

//circle1
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI,false);
context.fillStyle = 'rgb(50, 250, 255)';
context.fill();
context.stroke();

//circle2
context.beginPath();
context.arc(centerx2, centery2, radius2, 0, 2*Math.PI,false);
context.fillStyle = 'rgb(255, 55, 166)';
context.fill();
context.stroke();

//circle3
context.beginPath();
context.arc(centerx3, centery3, radius3, 0, 2*Math.PI,false);
context.fillStyle = 'rgb(255, 150, 66)';
context.fill();
context.stroke();





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

};

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


Tuesday, August 26, 2014

Blog #1


Hello! My name is Ariel and my major is Fine Art/Painting. I am a yoga and tennis instructor. I hope to learn how to create artwork through Photoshop as well as how to edit images. My career goal is to open a health and fitness studio and learning how to use Photoshop and Illustrator will help me with some of the business details.