Sunday, January 27, 2013

Logo Project

For my logo I chose to do Peanuts Preschool. I always have loved children so I would love to open a daycare/preschool one day. My nickname since I was a young girl has been Peanut. My Dad has always called me this so I figured it would mean a lot to name my preschool after his nickname for me. I have looked at a lot of preschool logos and all of them were simple with bright colors that attract kids and a little friendly picture. So I went with the simple name then a little saying underneath it. Then I chose to do a simple smiley face with star eyes something little kids could look at and like.
Posted by at No comments:

Friday, January 25, 2013

Calligramme

This is my heart Caligramme I chose to do. It started off being a full red heart and then I took out the filling and added words. I love hearts and I love the saying LIVE LAUGH LOVE so thats why I chose to do those words throughout my heart because they are important to me. 
Posted by at No comments:

Thursday, January 24, 2013

Logo Sketches


Posted by at No comments:

Tuesday, January 22, 2013

Logo Critiques










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. 
Posted by at No comments:

Monday, January 21, 2013

Logo Ideas

1. my dads business
2. boutique
3. party popsicles
4. my moms business
5. hotel
Posted by at No comments:

Sunday, January 20, 2013

ASCII Project



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 ();
Posted by at No comments:

Saturday, January 19, 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();
Posted by at No comments:
Subscribe to: Posts (Atom)