Wednesday, December 14, 2016

Portfolio Project














This is my final portfolio. This includes every project that I worked on this semester. I kept the colors just black and white because the colors of my projects vary so much. My favorite was probably the code or the vector illustration. 

Tuesday, November 29, 2016

Animation Project


https://www.youtube.com/watch?v=1Xo9L1BymIo&feature=youtu.be


Here is the link to my project. I couldn't get it to post on blogger without it being blurry, so I added it to youtube instead. I started the project with pictures of myself, and created them into silhouettes. I created everything else in illustrator and then added it into photoshop after.

Monday, November 14, 2016

I did the image based on Elvis Presley's "Can't Help Falling In love with you." I imagine them in their home, but the rest of the picture is like a future dream the couple is having.

Monday, November 7, 2016

Magazine Edit

I went off of a travel magazine, with the frame looking like a polaroid photo. I used pictures of my trip to Peru as places to travel to.

Wednesday, October 26, 2016

Falling Flower

























This is my photo-shopped image. I took a picture of me jumping looking down, and combined it of a flower as if I've fallen and am spun to the side.

Monday, October 24, 2016

Simpson Code

 This is my coding homework. I made Homer's shirt off white so that it is able to tell it is colored.

<!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(443, 115);
context.quadraticCurveTo(420, 20, 325, 48);
context.quadraticCurveTo(230, 87, 295, 200);
context.quadraticCurveTo(333, 265, 330, 355);
context.lineTo(449, 435);
context.lineTo(450, 372);
context.quadraticCurveTo(437, 365, 437, 333);
context.lineTo(450, 220);
context.quadraticCurveTo(457, 205, 448, 195);
context.lineTo(445, 135);
context.quadraticCurveTo(453, 125, 443, 115);
context.closePath();
context.fillStyle = 'rgb(252, 217, 1)';
context.fill();
context.lineWidth = 1.5;
context.stroke();

context.beginPath();
context.moveTo(325, 245);
context.quadraticCurveTo(301, 238, 304, 265);
context.quadraticCurveTo(307, 280, 328, 280);
context.fillStyle = 'rgb(252, 217, 1)';
context.fill();
context.stroke();
context.beginPath();
context.moveTo(321, 260)
context.quadraticCurveTo(313, 250, 309, 262);
context.stroke();
context.beginPath();
context.moveTo(317, 270)
context.quadraticCurveTo(310, 268, 316, 255);
context.stroke();

context.beginPath();
context.moveTo(357, 43);
context.bezierCurveTo(326, 2, 287, 52, 303, 83);
context.stroke();
context.beginPath();
context.moveTo(328, 48);
context.bezierCurveTo(300, 20, 262, 62, 290, 100);
context.stroke();
context.beginPath();
context.moveTo(295, 243);
context.lineTo(290, 210); 
context.lineTo(310, 227);
context.lineTo(311, 192);
context.lineTo(327, 221);
context.stroke();

context.beginPath();
context.moveTo(427, 212)
context.quadraticCurveTo(470, 218, 475, 262);
context.quadraticCurveTo(485, 270, 478, 283);
context.quadraticCurveTo(470, 297, 455, 298);
context.quadraticCurveTo(462, 311, 445, 318);
context.quadraticCurveTo(440, 350, 400, 350);
context.quadraticCurveTo(350, 350, 337, 300);
context.quadraticCurveTo(330, 263, 370, 234);
context.quadraticCurveTo(382, 227, 400, 225);
context.lineTo(427, 212);
context.closePath();
context.fillStyle = 'rgb(208, 174, 104)';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(350, 299)
context.quadraticCurveTo(397, 318, 455, 298);
context.stroke();

context.beginPath();
context.moveTo(352,292);
context.quadraticCurveTo(348, 298, 350, 305);
context.stroke();

context.beginPath(); 
context.arc(425, 166, 35, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(250, 250, 250';
context.fill();
context.stroke();

context.beginPath();
context.arc(367, 180, 35, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(250, 250, 250';
context.fill();
context.stroke();

context.beginPath();
context.arc(435, 165, 5, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(0, 0, 0)';
context.fill();
context.stroke();

context.beginPath();
context.arc(361, 187, 5, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(0, 0, 0)';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(400, 195);
context.bezierCurveTo(398, 202, 430, 174, 442, 201);
context.quadraticCurveTo(445, 223, 420, 224);
context.quadraticCurveTo(400, 226, 397, 225);
context.fillStyle = 'rgb(252, 217, 1)';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(438, 343);
context.quadraticCurveTo(455, 343, 458, 350);
context.quadraticCurveTo(465, 363, 467, 370);
context.quadraticCurveTo(529, 395, 534, 420);
context.lineTo(563, 558);
context.quadraticCurveTo(580, 586, 582, 601); 
context.lineTo(258, 601);
context.quadraticCurveTo(262, 555, 281, 524);
context.quadraticCurveTo(230, 420, 307, 397);
context.quadraticCurveTo(309, 358, 320, 350);
context.quadraticCurveTo(324, 347, 330, 347);
context.lineTo(330, 355);
context.quadraticCurveTo(364, 367, 399, 367);
context.bezierCurveTo(403, 367, 430, 410, 432, 410);
context.lineTo(451, 371);
context.quadraticCurveTo(437, 365, 437, 343);
context.closePath();
context.fillStyle = 'rgb(235, 239, 240';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(330, 355);
context.quadraticCurveTo(324, 353, 321, 350);
context.stroke();

context.beginPath();
context.moveTo(398, 367);
context.lineTo(381, 412);
context.stroke();

context.beginPath();
context.moveTo(317, 540);
context.quadraticCurveTo(303, 525, 304, 523);
context.quadraticCurveTo(300, 536, 302, 543);
context.quadraticCurveTo(312, 548, 317, 540);
context.closePath();
context.stroke();

context.beginPath();
context.moveTo(281, 524);
context.quadraticCurveTo(291, 538, 302, 543);
context.stroke();

context.beginPath();
context.moveTo(481, 428);
context.quadraticCurveTo(465, 390, 451, 371);
context.quadraticCurveTo(456, 346, 457, 347.5);
context.stroke();

context.beginPath();
context.moveTo(467, 370);
context.quadraticCurveTo(475, 389, 475, 392);
context.lineTo(464, 392);
context.stroke();

context.beginPath();
context.moveTo(307, 397);
context.quadraticCurveTo(332, 394, 352, 413)
context.stroke();
context.beginPath();
context.moveTo(525, 414);
context.quadraticCurveTo(628, 487, 563, 557);
context.quadraticCurveTo(527, 583, 471, 540);
context.quadraticCurveTo(449, 601, 395, 592);
context.quadraticCurveTo(326, 574, 304, 523);
context.quadraticCurveTo(323, 461, 361, 447);
context.lineTo(362,443);
context.quadraticCurveTo(350, 445, 343, 434);
context.bezierCurveTo(336, 424, 358, 390, 390, 420);
context.quadraticCurveTo(407, 424, 408, 435);
context.quadraticCurveTo(429, 443, 418, 458);
context.quadraticCurveTo(412, 459, 415, 461);
context.bezierCurveTo(424, 461, 447, 413, 480, 425);
context.lineTo(485, 428);
context.quadraticCurveTo(511, 409, 525, 414);
context.closePath();
context.fillStyle = 'rgb(252, 217, 1)';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(390, 420);
context.quadraticCurveTo(366, 421, 362, 443);
context.fillStyle = 'rgb(252, 217, 1)';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(408, 435);
context.quadraticCurveTo(387, 437, 385, 460);
context.quadraticCurveTo(363, 463, 361, 447);
context.stroke();

context.beginPath();
context.moveTo(385, 460);
context.bezierCurveTo(399, 487, 409, 457, 414, 459);
context.stroke();

context.beginPath();
context.moveTo(485, 428);
context.quadraticCurveTo(506, 440, 513, 462);
context.bezierCurveTo(490, 475, 478, 524, 471, 540);
context.stroke();

context.beginPath();
context.moveTo(513, 462);
context.quadraticCurveTo(520, 457, 521, 458);
context.stroke();

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

};

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

Wednesday, October 12, 2016

Vector Assignment


For this project I used a picture of my nephew. I ended with 17 main layers at the end of this project. The hardest part for me to do was his face.