Monday, November 25, 2013

Custom Graphic


I used the brush tool to make the red carpet. I made a star and used the brush preset tool to make the carpet. I used a brush to make the bear and the gradient tool to make the blue sky. I also used the rectangle tool to make the wall and the out line of the window. 

LYRIC COLLAGE
(5 PHOTOS I USED)







LYRIC COLLAGE


These are lyrics to the song "Ain't No Mountain High Enough" by Marvin Gaye. I placed mountains, a valley, hands and a heart on top of the river background. I had to change the colors and contrast in order for it to look more realistic. The hands are reaching towards the heart signifying love. 

Wednesday, October 30, 2013

Artist Statement: 
I needed to figure out the size of my body so that it looks like I was there. The lighting of my face and shirt had to change in order to fit with the picture as well. I had to select my shirt to make lighting changes because my face and shirt couldn't be the same. I also used the blur tool for the outline of my body. 



Wednesday, September 25, 2013

LOGO CRITIQUE 

1. FULL COURT -   


    I want to use this ideas with the basketball in the background and city in the front. Instead of a city I want to use a basketball court. The MEAC text is he kind of text and the position of the text I want to use too.


2. SMOOTHIES ON THE GO -


    I  want to put my logo in an oval shape. The colors in this logo are fun and represents summer and those are the colors that I want to use in my logo.


3. PAWS - 


    I want to use the dog paw so it represents a dog.


4. PROJECT-AH-PHONE -


   The colors, lines, and the angle of the image are something I want to use in my logo because it kinda shows that you are projecting an image. 


5. THW -

    This is the type of text I want to use for the logo. 


    The man is also something I want to use cause it represents a gym/ lifting weights. 








Monday, September 23, 2013

Logo Ideas

1. Full Court - Sell basketball equipment. You can also buy team jersey's there as well as professional team jerseys.

2. Smoothie's On The Go - a smoothie place with indoor seating. If you're in a rush there would be a drive thru.

3. Paws - A dog store. You can adopt a dog for a day or you can keep it. You can also buy dog supplies there too.

4. Project-ah-phone - phones that can project images off it.

5. THW ( The Healthy Way) - a fitness gym that will also include lessons on nutrition. You can also get a personal trainer.




Saturday, September 14, 2013


THE REASON I WANTED TO CREATE THIS IMAGE...
Ever since I was young I have always been a fan of monkeys. I wanted to create something cute, but something that resembled me. In creating this monkey I used a lot of bezier curves. I put the green gradient background because monkeys like to live in a habitat that is green. Meaning there is a lot of green object, such as leaves. Personally the mouth and the eyes make this image really become cute. 

THIS IS WHAT I CREATED USING TEXT WRANGLER




THIS IS WHERE MY IDEA CAME FROM 



THE CODES I USED TO MAKE THIS IMAGE



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

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

//background
var startx = 0;
var starty = 0;
var endx = canvas.width;
var endy = canvas.height;

context.beginPath();
context.rect(startx, starty, endx, endy);
var grd = context.createLinearGradient(startx, starty, endx, endy);
grd.addColorStop(0, 'rgb(0, 255, 0)');
grd.addColorStop(1, 'rgb(0, 100, 0)');
context.fillStyle = grd;
context.fill();
context.stroke();




//left ear
var x = 210;
var y = 300;

var controlx = 0;
var controly = 300;
var controlx1 = 10;
var controly1 = 100;
var x1 = 210;
var y1 = 125;

context.beginPath();
context.moveTo(x, y)
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.fillStyle = 'rgb(70, 0, 10)';
context.fill();
context.stroke();


//left inner ear
var x = 225;
var y = 280;

var controlx = 0;
var controly = 300;
var controlx1 = 50;
var controly1 = 100;
var x1 = 205;
var y1 = 150;

context.beginPath();
context.moveTo(x, y)
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.fillStyle = 'tan';
context.fill();
context.stroke();
context.closePath();



//right ear
var x = 580;
var y = 300;

var controlx = 790;
var controly = 300;
var controlx1 = 800;
var controly1 = 100;
var x1 = 580;
var y1 = 125;

context.beginPath();
context.moveTo(x, y)
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.fillStyle = 'rgb(70, 0, 10)';
context.fill();
context.stroke();
context.closePath();


//right inner ear
var x = 560;
var y = 280;

var controlx = 790;
var controly = 300;
var controlx1 = 760;
var controly1 = 100;
var x1 = 580;
var y1 = 150;

context.beginPath();
context.moveTo(x, y)
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.fillStyle = 'tan';
context.fill();
context.stroke();
context.closePath();

//outer face
var x = 150;
var y = 250;

var controlx = 15;
var controly = 100;
var controlx1 = 200;
var controly1 = 0;
var x1 = 400;
var y1 = 0;

var controlx2 = 600;
var controly2 = 0;
var controlx3 = 800;
var controly3 = 100
var x3 = 600;
var y3 = 250;

var controlx4 = 800;
var controly4 = 300;
var controlx5 = 700;
var controly5 = 600;
var x5 = 425;
var y5 = 600;

var controlx6 = 100;
var controly6 = 600;
var controlx7 = 0;
var controly7 = 400
var x7 = 150;
var y7 = 250;


context.beginPath();
context.moveTo(x, y);
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.bezierCurveTo(controlx2, controly2, controlx3, controly3, x3, y3);
context.bezierCurveTo(controlx4, controly4, controlx5, controly5, x5, y5);
context.bezierCurveTo(controlx6, controly6, controlx7, controly7, x7, y7);
context.fillStyle = 'rgb(70, 0, 10)';
context.fill();
context.stroke();
context.closePath();

//inner face
var x = 200;
var y = 250;

var controlx = 100;
var controly = 50;
var controlx1 = 300;
var controly1 = 0;
var x1 = 400;
var y1 = 120;

var controlx2 = 500;
var controly2 = 0;
var controlx3 = 700;
var controly3 = 50
var x3 = 550;
var y3 = 250;

var controlx4 = 750;
var controly4 = 350;
var controlx5 = 650;
var controly5 = 550;
var x5 = 425;
var y5 = 550;

var controlx6 = 50;
var controly6 = 550;
var controlx7 = 100;
var controly7 = 350
var x7 = 200;
var y7 = 250;




context.beginPath();
context.moveTo(x, y);
context.bezierCurveTo(controlx, controly, controlx1, controly1, x1, y1);
context.bezierCurveTo(controlx2, controly2, controlx3, controly3, x3, y3);
context.bezierCurveTo(controlx4, controly4, controlx5, controly5, x5, y5);
context.bezierCurveTo(controlx6, controly6, controlx7, controly7, x7, y7);
context.fillStyle = 'tan';
context.fill();
context.stroke();
context.closePath();




//left side outer eye
var centerx = 270;
var centery = 200;
var radius = 70;


context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'white'
context.fill();
context.stroke();

//right side outer eye
var centerx = 480;
var centery = 200;
var radius = 70;


context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'white'
context.fill();
context.stroke();
context.closePath();

//black part of eye (left side)
var x8 = 220;
var y8 = 200;
var controlx8 = 220;
var controly8 = 130;
var controlx9 = 320;
var controly9 = 130;
var x9 = 320;
var y9 = 200;

var controlx10 = 320;
var controly10 = 270;
var controlx11 = 220;
var controly11 = 270;
var x11 = 220;
var y11 = 200;


context.beginPath();
context.moveTo(x8, y8);
context.bezierCurveTo(controlx8, controly8, controlx9, controly9, x9, y9);
context.bezierCurveTo(controlx10, controly10, controlx11, controly11, x11, y11);
context.fillStyle = 'black'
context.fill();
context.stroke();
context.closePath();


//black part of eye (right side)
var x12 = 430;
var y12 = 200;
var controlx12 = 430;
var controly12 = 130;
var controlx13 = 530;
var controly13 = 130;
var x13 = 530;
var y13 = 200;

var controlx14 = 520;
var controly14 = 285;
var controlx15 = 430;
var controly15 = 260;
var x15 = 430;
var y15 = 200;

context.beginPath();
context.moveTo(x12, y12);
context.bezierCurveTo(controlx12, controly12, controlx13, controly13, x13, y13);
context.bezierCurveTo(controlx14, controly14, controlx15, controly15, x15, y15);
context.fillStyle = 'black'
context.fill();
context.stroke();
context.closePath();


//left inner-inner eye
var centerx = 280;
var centery = 175;
var radius = 15;


context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'white'
context.fill();
context.stroke();
context.closePath();


//right inner-inner eye
var centerx = 485;
var centery = 175;
var radius = 15;


context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'white'
context.fill();
context.stroke();
context.closePath();


//smile
var x16 = 350;
var y16 = 400;
var controlx16 = 400;
var controly16 = 450;
var x17 = 400;
var y17 = 400;

context.beginPath();
context.moveTo(x16, y16);
context.quadraticCurveTo(controlx16, controly16, x17, y17);
context.lineWidth = 10;
context.strokeStyle = 'rgb(70, 0, 10)';
context.stroke();







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

};

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

Sunday, September 8, 2013


<!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, 200);
context.bezierCurveTo(300, 200, 150, 50, 150, 250);
context.bezierCurveTo(150, 250, 175, 400, 300, 500);
context.bezierCurveTo(300, 500, 400, 425, 450, 250);
context.bezierCurveTo(450, 250, 450, 50, 300, 200);

context.closePath();
context.lineWidth = 10;
context.fillStyle = 'rgb(255, 0, 0)';
context.fill();
context.strokeStyle = 'red';
context.stroke();






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

};

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

Monday, August 26, 2013

Heyy my name is Grace and I'm from New York . I decided to go to the University of Tampa because it had my major and I will be playing on the golf team. I want to major in New Media Productions. I am very active so I play a lot of sports, work out and run. I hope to learn more about how to create better images and fun animations.