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

Self Insertion

Except its not self
I know theres two but I like this one more

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.
Powered by Blogger. Blogger Template by Intikali.org. Supported by Iskael and BlogSpot Design.