Ana Maria's Artistic Journal

Wednesday, April 22, 2015

Animation

This is my animation commercial for "The Bike Lane." For me, photoshop has been the hardest application we have used in class. When I started thinking of ideas for the commercial I knew I wanted to make it cute and simple because I rarely see many commercials for bike shops. After I got my idea, I made all the figures on Illustrator and then put them on Photoshop. I am more comfortable with Illustrator so it was easier for me to make them. After I had everything set up to make the animation, I enjoyed doing the project and had a few laughs at how some things turned out but overall I learned a lot and had fun making my first animation!

Wednesday, April 15, 2015

Story board

This is my story board of The Bike Lane commercial. It starts with a guy walking around and then sees the store The Bike Lane and goes in and comes out happy with a bike.

Sunday, April 5, 2015

Lyrical Collage

For this project I found it very hard to get ideas of what I should create. Photoshop for me has been the hardest program that we have used yet. I decided to start off by getting a background that would be fun to add things to and make a cool picture. After a few hours of changing different backgrounds and having a few laughs at some of the different combinations of things that I was making with the dinosaur, I ended up with this cool collage and I hope you enjoy as well!

Wednesday, April 1, 2015

Custom Graphic - Easter Egg

Sunday, March 29, 2015

Paws Magazine Cover

This is my magazine cover called Paws. I have never seen many magazines about dogs and thought this would be a fun cover to make. I chose a picture of me to cover most of the page and added other photos around it. This was the first time I worked with photoshop and it was a blast!!! I always heard people talking of how much fun it is and I definitely agree!

Monday, March 23, 2015

Self Insertion- Quick trip to France

It was very interesting working with photoshop and being able to insert a picture and making it look like its from a completely different picture. I have never been to France and it was funny and cool to be able to insert a picture of us next to the Eiffel Tower in Paris. I'm excited to start working on photoshop because it seems like one can create anything they want and make it look so real!

Tuesday, March 17, 2015

Ladybug

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title> smiley face </title>
<style type="text/css">
body,td,th {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
}
body {
background-color: #FFF;
}
#myCanvas { border: rgb(102,0,255) medium dashed; }
</style>
</head>
<body>
<canvas id="myCanvas" width="800" height="800"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
//// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START HERE

// HEAD
context.beginPath();
context.arc(300,225,100,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();

context.beginPath();
context.arc(300,150,50,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();

//ANTLERS
context.beginPath();
context.moveTo(250,75);
context.lineTo(300,150);
context.stroke();
context.closePath();
context.beginPath();
context.moveTo(350,75);
context.lineTo(300,150);
context.stroke();
context.closePath();

// BODY

context.beginPath();
context.arc(300,400,200,0,2*Math.PI,false);
context.lineWidth = 2;
context.strokeStyle = "black";
context.fillStyle = "red";
context.fill();
context.stroke();
context.closePath();

// LEFT EYE

context.beginPath();
context.arc(275,120,10,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(275,120,5,0,2*Math.PI,false);
context.fillStyle = "white";
context.fill();

// RIGHT EYE

context.beginPath();
context.arc(315,120,10,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(315,120,5,0,2*Math.PI,false);
context.fillStyle = "white";
context.fill();
// LINE
context.beginPath();
context.moveTo(300,200);
context.lineTo(300,600);
context.stroke();
context.closePath();

// DOTS
context.beginPath();
context.arc(430,500,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(215,500,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(200,375,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(450,400,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(250,275,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();
context.beginPath();
context.arc(400,275,30,0,2*Math.PI,false);
context.fillStyle = "black";
context.fill();

//// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END HERE
</script>
</body>
</html>