Project 01 – Self Portrait

this is my portrait

portrait_wordpressupload
function setup() {
  createCanvas(600,600);
}

function draw() {
  background(255,95,148);
  fill(255,255,255);
  noStroke();
  ellipse(138,115,116);
  ellipse(379,211,171);
  fill(62,255,57);
  ellipse(139,125,50);
  ellipse(402,187,60);
  triangle(222,193,149,214,219,380);
  fill(255,210,21);
  rect(92,400,287,123);
  stroke(232,0,95);
  strokeWeight(5);
  line(95,32,170,32);
  line(324,100,424,100);
  arc(545,307,90,90,PI+QUARTER_PI ,QUARTER_PI );
}

LO1- My Inspiration

Emotive Brand is a San Fransisco based B2B brand strategy firm. I am not entirely sure how many people were involved, but according to my research, it seems like Emotive Brand’s lead designer Beth, senior designer Jonathan Haggard, designer Keyoni Scott, and creative director Thomas Hutchings have worked on it. They designed it in illustrator, animated it in After Effects, and transferred those animation to the web using Lottie.js. I think the creators have been inspired by their own previous works and their own brand identity, of handling emotions with design and interactive methods. This project introduced me to the Lottie.js. I used Lottie.js for my interactive project for the design class I took last semester. I think this project is a good inspiration for user interaction and experience.

Screenshot of emotivefeels.com

emotivefeels.com