Esther Portillo

Monday, April 27, 2015

Photoshop Animation

In this project I to create a Travel Agency Tv Commercial. Using different image and creating a airplane with some motion from place to place. The song I chose to put in the video was to give happy and emotional environment.

Monday, April 20, 2015

Prezis Storyboard Presentation

https://prezi.com/vfubwmjb6udb/beginning-to-digital-art/

Storyboard

Wednesday, April 8, 2015

Collage

I love creating this photoshop collage. I enjoy putting every photo together. I chose a song that can include a lot of colorfull photos and can reflect a fun and girly style.

My song was: California Gurls, Katy Perry

Sunday, April 5, 2015

Custom Graphic

Wednesday, April 1, 2015

Magazine Cover

I chose to design a travel magazine guideline because I believe the combination of photo will look good in the cover. I wanted to created something different than just a person photo in the cover. I try to used different fonts and try to put information that can capture people attention.

Wednesday, March 25, 2015

<!DOCTYPE html>
<html>
<head>
<title>Shapes</title>
<script type="text/javascript">
window.onload = function() {
var canvas = document.getElementById('cloudCanvas');

var context = canvas.getContext('2d');

context.fillStyle = "#0CB7F2";
context.fillRect(0,0,canvas.width,canvas.height);

context.beginPath();
context.rect(0, 460, 500, 100);
context.fillStyle = '#56b000';
context.fill();
context.lineWidth = 0.001;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(150, 450);
context.lineTo(150,500);
context.lineWidth = 20;
context.strokeStyle = '#544d31';
context.lineCap = 'round';
context.stroke();

context.beginPath();
context.moveTo(170, 80);
context.bezierCurveTo(130, 100, 130, 150, 230, 150);
context.bezierCurveTo(250, 180, 320, 180, 340, 150);
context.bezierCurveTo(420, 150, 420, 120, 390, 100);
context.bezierCurveTo(430, 40, 370, 30, 340, 50);
context.bezierCurveTo(320, 5, 250, 20, 250, 50);
context.bezierCurveTo(200, 5, 150, 20, 170, 80);
context.closePath();
context.lineWidth = 5;
context.fillStyle = '#8ED6FF';
context.fill();
context.strokeStyle = 'white';
context.stroke();

context.beginPath();
context.strokeStyle = 'black';
context.arc(150,400,50,0,Math.PI*2,true); // Outer circle
context.fillStyle = 'yellow';
context.fill();
context.strokeStyle = 'black';
context.moveTo(185,410);
context.arc(150,405,35,0,Math.PI,false); // Mouth (clockwise)
context.moveTo(130,390);
context.arc(135,390,5,0,Math.PI*2,true); // Left eye
context.moveTo(160,390);
context.arc(167,390,5,0,Math.PI*2,true); // Right eye
context.stroke();

};

</script>
</head>
<body>
<canvas id="cloudCanvas" width="500" height="550" />
</body>
</html>