Concept
I wanted my portrait to be somewhat realistic and visually representative of me to a certain extent, so I put a great emphasis on colors. I pulled up a photo of myself online and used a Chrome extension (ColorZilla) to find the exact colors of my facial features, i.e. eyes, brows, cheeks, lips, skin, hair, and used them in my sketch. The blue background color is taken from a photo of a clear sky I took 2 weeks ago on campus.
Process
I finished a bulk of my sketch before our second class when we learned it is actually possible to find precise coordinates using our mouse. Even though it was a very tedious process to guess the coordinates of where I wanted my shapes to be and do some rough calculations in my head, in hindsight, I think it was helpful as it led to lots of experimentation that made sketching any shape more intuitive later on.
There are many different ways to draw nose and lips, but I decided to use triangles for both based on sculpting techniques. To sculpt nose and lips, it is very common to create triangular blobs out of the clay first and then shape them delicately with your fingers, so I used that idea in my sketch.
The part I found to be the most difficult was the hair. The first time I created the hair, I was using many individual shapes, which made it not only overly complicated but also unfitting with the rest of the sketch.
// hair
fill(56, 48, 47);
rect(160, 50, 275, 50);
rect(160, 100, 50, 250);
rect(385, 100, 50, 250);
triangle(210, 100, 240, 100, 210, 150);
triangle(355, 100, 385, 100, 385, 150);
// hair top edges
fill(101, 163, 204);
triangle(160, 50, 210, 50, 160, 120);
triangle(445, 50, 395, 50, 445, 130);

After trying out different shapes, I realized that I could use the same combination of circle and rectangle I used for my neck for the hair. Sketching the hair this way made it look a lot better, as there were no strange angles and gaps anymore. This also became a reminder that, sometimes, simple solutions can lead to much better outcomes.
// hair
fill(56, 48, 47);
rect(167, 159, 264, 190);
circle(299, 170, 265);

Finally, I added two musical notes to my sketch to represent my love for music. I wanted my portrait to be symmetrical, so I sketched both notes to be on either side of the sketch to follow the same symmetrical pattern. I had learned to find coordinates using my mouse at this point, so sketching the notes took a lot less time than most of the other shapes on the portrait.
// left musical note
fill(0);
stroke(0);
strokeWeight(2);
ellipse(49, 106, 17, 12);
ellipse(89, 126, 17, 12);
line(57, 72, 57, 102);
line(97, 93, 97, 123);
line(57, 72, 97, 93);
// right musical note
ellipse(499, 126, 17, 12);
ellipse(539, 106, 17, 12);
line(507, 94, 507, 124);
line(547, 73, 547, 103);
line(507, 94, 547, 73);
Reflections & Improvements for Future Work
I had a lot of fun working on my portrait. I began working on this assignment quite early without having read through the documentation first to check all of its functionality, so it is mostly based on what we learned in class and is limited to 2D primitive shapes only. Next time, I want to experiment with curves and transformations, and play with the draw function to create animations. As I focused on making the sketch (somewhat?) realistic this time, I hope to explore my creativity and produce more imaginative pieces next time!