ikrsek- Project 1- Self-portrait

For the self-portrait I wanted to try to create a pixelated looking portrait, and it was much more time consuming than I initially assumed it would be (mostly because of the time it took to plot points and adjust colors). However, regardless of the time it took up it was still a pretty gratifying process and thankfully the final product turned out fairly well.

sketch

// Isadora Krsek  
// Ikrsek@andrew.cmu.edu
// Project #1: Self-Portrait

function setup() {
  createCanvas(450,450);
  background(255);
}
function draw() {
  //background color
  fill(207,225,204);
  noStroke();
  rect(84,54,340,300);
  //base skin color 
  noStroke();
  fill(255,215,192);
  rect(180,130,160,158);
  rect(200,280,120,40);
  //rect(,,20,20);
  //baseshadow color cheeks
  fill(173,122,97)
  rect(180,260,20,28)
  rect(160,198,20,52) //ear
  //mid skintone 1 - nose 
  fill(196,151,128)
  rect(160,188,20,20)
  rect(180,220,20,20)
  rect(220,300,20,20)
  rect(200,320,20,20)
  rect(242,198,14,65)
  rect(256,248,20,15)
  //mid skintone 2
  fill(219,165,137)
  rect(220,320,80,20)
  //skin highlight
  fill(244,199,173)
  rect(280,300,40,40)
  //hair base
  fill(44,25,24)
  rect(160,128,20,80)
  rect(180,108,40,80)
  rect(210,88,40,80)
  rect(230,88,40,42)
  rect(250,88,90,42)
  rect(320,120,40,40)
  rect(164,260,20,165); //longest hair
  rect(154,275,20,130);//second longest hair
  rect(180,300,40,20)
  rect(180,288,20,100);
  rect(200,300,20,45);
  rect(190,345,20,30);
  rect(170,375,20,30);
  rect(140,365,20,30);
  rect(126,345,40,30);
  rect(114,325,40,30);
  rect(130,304,40,40);
  rect(146,275,30,80);
  rect(160,250,20,52);
  rect(148,198,15,10); //hair flip
  rect(155,188,15,10);
  //left side swoops and long
  rect(335,130,25,40);
  rect(340,170,20,170);
  rect(320,288,40,32);
  rect(350,280,20,60);
  rect(360,300,20,40);
  rect(320,320,72,20);
  //eyebrows
  rect(290,178,34,7);
  rect(198,178,34,7)
  //eyes and glasses
  fill(255)
  rect(180,188,60,52)
  rect(280,188,60,52)
  fill(68,65,64)
  rect(240,194,40,20)
  fill(38,24,23);
  rect(204,203,25,15);
  rect(196,199,8,4);
  rect(293,203,25,15);
  rect(318,199,8,4);
  //lips
  fill(255,156,159)
  rect(245,276,32,20)
  //jewlery
  fill(240,205,129);
  rect(155,212,12,7);
  rect(155,224,12,7);
  rect(170,245,7,10);
  //beauty mark
  fill(164,110,78);
  rect(282,273,3,3);
  //frame
  strokeCap(SQUARE);
  stroke(201,199,195);
  strokeWeight(25);
  line(219.5,350,430,350);
  strokeWeight(18);
  line(210,354,430,354);
  strokeWeight(25);
  line(430,362.5,430,54);
  line(442.5,54,71.5,54);
  line(84,54,84,362.5);
  line(84,350,113.5,350);
  strokeWeight(8);
  line(84,359,126,359);
}

Leave a Reply