Digital Arts 2013: February 2013

Tuesday, February 26, 2013

First logo: I chose budweiser logo because its a beer that has been around forever, if you ask anyone a name of a beer the first you usually here of is budweiser due to the fact that everyone knows its logo and the name of it. Not only is it popular among many people but a lot of people drink it now just because its a bottle of beer everyone knows that is good quality.

Second Logo: Facebook of course is a logo everyone now knows of today. Thy have a simple one word logo with blue and white that is easy to remember and use. When anyone speaks of facebook they automatically think of the blue and white one word that is at the top of your facebook page everytime you login. I think they did a good job of making this a simple but popular logo.

Third Logo: Macys is a department store that has been around for years. Macys has been around even when my grandparents were young. They made a great simple logo with black writing with red and a star. It is a popular good qulaity store that offers many things to there customers and they have proven they are top notch since day one.

Fourth Logo: The united states Postal Service I think is a great Logo. Not only has this also been around forever but its something everyone knows. Again its simple with red white and blue lettering to represent the USA and it has always stood up to its effiecent quality serving the US our mail.

Fifth Logo: For my fifth logo I chose outback steackhouse because of its quality. It has a simple purple and red logo with just the name on it. It is a steakhouse that is known worldwide for there good service and steaks that is also zagat rated. They have given nothing but good food quailty and service therefore there logo stands up to par.

Wednesday, February 13, 2013

logo ideas

1. my dads business
2. boutique
3. party popsicles
4. my moms business
5. hotel

Island Night

For this first project I chose to do a night on an island. I love the water and the beach so I wanted to incorporate something I love with my project. I found the program to be very challenging but also great to learn. In my project if your standing on the beach looking out you see the waves and the midnight purple sky with a fire red sky with a dark ring around it.

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

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

var x = canvas.width/2;
var y = canvas.height/5;
var radius = 70;

//Background
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(81, 50, 0)');
grd.addColorStop(1, 'rgb(87, 0, 155)');
context.fillStyle = grd;
context.fill();
context.stroke();

//Moon
context.beginPath();
context.arc(x, y, radius, 0 , 5 * Math.PI, false);
context.lineWidth = 10;
context.strokeStyle = 'rgb(50, 20, 25)';
context.fillStyle = 'rgb(142, 15, 40)';
context.fill();
context.stroke();

//Waves
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 8.5;
var y = canvas.height / 1;
var radius = 300;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 100)";
context.fillStyle = 'rgb(0, 0, 100)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 2;
var y = canvas.height / 1;
var radius = 280;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 100)";
context.fillStyle = 'rgb(0, 0, 100)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 1.1;
var y = canvas.height / 1;
var radius = 300;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 100)";
context.fillStyle = 'rgb(0, 0, 100)';
context.fill();
context.stroke();

//Second Waves
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 8.5;
var y = canvas.height / 1;
var radius = 250;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 150)";
context.fillStyle = 'rgb(0, 0, 150)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 2;
var y = canvas.height / 1;
var radius = 250;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 150)";
context.fillStyle = 'rgb(0, 0, 150)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 1.1;
var y = canvas.height / 1;
var radius = 250;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 17;
// line color
context.strokeStyle = "rgb(0, 0, 150)";
context.fillStyle = 'rgb(0, 0, 150)';
context.fill();
context.stroke();

//Third Waves
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 8.5;
var y = canvas.height / 1;
var radius = 200;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 180)";
context.fillStyle = 'rgb(0, 0, 180)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 2;
var y = canvas.height / 1;
var radius = 200;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 180)";
context.fillStyle = 'rgb(0, 0, 180)';
context.fill();
context.stroke();

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = canvas.width / 1.1;
var y = canvas.height / 1;
var radius = 200;
var startAngle = 1 * Math.PI;
var endAngle = 2 * Math.PI;
var counterClockwise = false;

context.beginPath();
context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
context.lineWidth = 15;
// line color
context.strokeStyle = "rgb(0, 0, 180)";
context.fillStyle = 'rgb(0, 0, 180)';
context.fill();
context.stroke();

//Sand 2
context.beginPath();
context.moveTo(225, 605);
context.quadraticCurveTo(550, 450, 805, 605);
context.fillStyle = 'rgb(197, 167, 105)';
context.fill();
context.strokeStyle = 'rgb(197, 167, 105 )';
context.stroke();

//Sand 1
context.beginPath();
context.moveTo(0,520);
context.bezierCurveTo(100, 510, 325, 500 , 400 , 620);
context.lineTo(0, 605);
context.lineWidth = 5;
context.fillStyle = 'rgb(197, 167, 105)';
context.fill();
context.stroke();

//Star 1
context.beginPath();
context.moveTo(120, 100);
context.lineTo(125,300);
context.lineTo(125,250);
context.lineWidth = 5;
context.strokeStyle ();

//Star 2
context.beginPath();
context.moveTo(140, 130);
context.lineTo(220,400);
context.lineWidth = 5;
context.strokeStyle ();

//Star 3
context.beginPath();
context.moveTo(120, 100);
context.lineTo(125,300);
context.lineTo(125,250);
context.lineWidth = 5;
context.strokeStyle ();

//Star 4
context.beginPath();
context.moveTo(140, 130);
context.lineTo(220,400);
context.lineWidth = 5;
context.strokeStyle ();

//Star 5
context.beginPath();
context.moveTo(120, 100);
context.lineTo(125,300);
context.lineTo(125,250);
context.lineWidth = 5;
context.strokeStyle ();

//Star 6
context.beginPath();
context.moveTo(140, 130);
context.lineTo(220,400);
context.lineWidth = 5;
context.strokeStyle ();

Wednesday, February 6, 2013

2nd heart

//Bezier Curve Variables
var x = 390;
var y = 175;
var controlX1 = 265;
var controlY1 = 25;
var controlX2 = 125;
var controlY2 = 175;
var endX = 300;
var endY = 340;

//Quadratic Curve Variables
var controlX3 = 350;
var controlY3 = 390;
var emdX3 = 390;
var endY3 = 470;

//Quadratic Curve Variables
var controlX4 = 430;
var controlY4 = 390;
var endX4 = 470;
var endY4 =350;

//Bezier Curve Variables
var controlX5 = 655;
var controlY5 = 185;
var controlX6 = 525;
var controlY6 = 25;
var endX5 = 390;
var endY5 = 175;

//Rectangle
context.beginPath();
context. rect(rextX , rectY , rectwidth , rectheight

context.moveTo(x, y);
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
context.stroke();

heart post

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

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
var x = 400;
var y = 175;
var controlX1 = 285;
var controlY1 = 25;
var controlX2 = 125;
var controlY2 = 125;
var endX = 275;
var endY = 350;

context.beginPath();
context.moveTo(x, y);
context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);
context.stroke();

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

};

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

About Me

Hello! My name is Madison Sinko and I am a senior at the University of Tampa. I have been here all 4 years and I love it. I am a communications major witha minor in marketing. I am still debating whether I am going home back to NJ or staying here in FL when I graduate in May.

Digital Arts 2013