Wednesday, March 30, 2016
Magazine cover
I wanted to do something silly and with animals, I cut out pictures of animals for fun and used a childish font to match the absurdity of the magazine. Im not the happiest with the result, but I feel the extractions are good quality even if the jar is not the best. I know I need to work on design and plan on working with that in the future.
Monday, March 28, 2016
Ascii
I love dreamweaver with a passion,but this project can fight me.
I got the idea from many Minnie Mouse pictures for the dots in the background and the colours (the different colours of dresses she wears). I tried to design something that would look good on a napkin or a gift bag. This way it was still something practical and possible.
//////////////////////////////////////
context.beginPath();
context.moveTo(0, 400);
context.lineTo(800, 400);
context.strokeStyle = 'rgb(255, 202, 214)'
context.lineWidth = 30;
context.stroke();
context.beginPath();
context.moveTo(0, 0);
context.lineTo(800, 0);
context.strokeStyle = 'rgb(255, 0, 0)'
context.lineWidth = 769;
context.stroke();
context.beginPath();
context.moveTo(0, 515);
context.lineTo(800, 515);
context.strokeStyle = 'rgb(255, 0, 224)'
context.lineWidth = 200;
context.stroke();
////////////////////////////////////////////////
////////////////////////////////////////////
context.beginPath();
context.arc(0, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 0, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(50, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(150, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(250, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 50, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 100, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(150, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(250, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 200, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(850, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 150, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(150, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(250, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 300, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(850, 250, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(150, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(250, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 400, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(850, 350, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(150, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(250, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 500, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(850, 450, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(0, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(50, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(100, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(150, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(200, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.arc(250, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(300, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(350, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(400, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(450, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(500, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(550, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(600, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(650, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(700, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(750, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(800, 600, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
context.beginPath();
context.arc(850, 550, 15, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255, 255, 225)';
context.fill();
/////////////////////////////////////
context.beginPath();
context.moveTo(0, 400);
context.lineTo(800, 400);
context.strokeStyle = 'rgb(255, 202, 214)'
context.lineWidth = 30;
context.stroke();
////////////////////////////////
context.beginPath();
context.arc(500, 325, 100, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(0,0, 0)';
context.fill();
context.beginPath();
context.arc(550, 195, 50, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(0, 0, 0)';
context.fill();
context.beginPath();
context.arc( 630, 340, 50, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(0,0, 0)';
context.fill();
context.beginPath();
context.arc(550, 240, 25, 0, 2*Math.PI, false);
context.fillStyle = 'rgb(255,214, 222)';
context.fill();
context.beginPath();
context.moveTo(540, 240);
context.bezierCurveTo(540, 10, 450, 300, 500, 280);
context.closePath();
context.fill();
context.beginPath();
context.moveTo(550, 250);
context.bezierCurveTo(625, 10, 625, 400, 565, 300);
context.closePath();
context.fill();
Wednesday, March 23, 2016
Real Self Insertion
Youre a squid! Youre a kid!
For this I used a picture I took at a con of a squid kid. I put them in a skate park to mimic one of the levels from the game they are from. This was kind of difficult because I dont really understand the shadows on the original picture, so it was a bit hard to duplicate. I realize now I could have added a tiny bit of black under their feet.
For this I used a picture I took at a con of a squid kid. I put them in a skate park to mimic one of the levels from the game they are from. This was kind of difficult because I dont really understand the shadows on the original picture, so it was a bit hard to duplicate. I realize now I could have added a tiny bit of black under their feet.
Subscribe to:
Posts (Atom)