Iron-on Logo

Motivation

In week 2, we have learned to use the Cricut, a cutting machine. We also have learned to program in Processing, a powerful programming software based on Java language. I am going to design my own logo using the Processing and then print it out using the Cricut.

Process

Gain Inspiration Online. I look for some examples on the Processing website. I find an interesting triangle strip which I think could be used for my Logo. So, I copy and modify the code in the Processing. The modified triangle strip looks like this:

The Screenshot of My Incomplete Draft.

Discover Processing Classes. I think of many interesting ways to make good use of simple drawing classes. Firstly, I draw a quadrant using the arc filling with white color. Secondly, I draw several ellipses using the translate, the rotate, and the ellipse classes. Thirdly, I draw some arcs with different radius. Finally, I download the font Arimo online, import the font into the Processing, and then put my name abbreviation JC using that font onto my logo.

The final draft looks like this:

My Processing code:

import processing.svg.*;

int x;
int y;
float outsideRadius = 150;
float insideRadius = 100;
PFont myFont;

void setup() {
  //size(360, 360, SVG, "logo_jc.svg");
  size(360, 360);
  background(204);
  x = width/2;
  y = height/2;
  myFont = createFont("Arimo", 32);
  textFont(myFont);
}

void draw() {
  background(204);
  
  // Draw triangle groups
  fill(255);
  int numPoints = 12;
  float angle = 0;
  float angleStep = 180.0/numPoints;

  beginShape(TRIANGLE_STRIP);
  strokeWeight(8); 
  stroke(204);
  for (int i = 0; i <= numPoints; i++) {
    float px = x + cos(radians(angle)) * outsideRadius;
    float py = y + sin(radians(angle)) * outsideRadius;
    angle += angleStep;
    vertex(px, py);
    px = x + cos(radians(angle)) * insideRadius;
    py = y + sin(radians(angle)) * insideRadius;
    vertex(px, py); 
    angle += angleStep;
  }
  endShape();
  
  // Draw quarter circle
  fill(255);
  stroke(204);
  arc(180, 180, 190, 190, PI, PI+HALF_PI);
  
  // Draw ellipses
  noFill();
  stroke(255);
  ellipse(180, 135, 40, 83);
  translate(180,180);
  rotate(PI/6.0);
  ellipse(0, -45, 40, 83);
  rotate(PI/6.0);
  ellipse(0, -45, 40, 83);
  rotate(PI/6.0);
  ellipse(0, -45, 40, 83);
  
  // Set coordinate to original
  rotate(-PI/2.0);
  translate(-180,-180);
  
  // Clean the bottom semicircle 
  fill(204);
  noStroke();
  arc(180, 180, 190, 190, TWO_PI, TWO_PI+PI);
  
  // Ripple
  fill(204);
  stroke(255);
  strokeCap(ROUND);
  arc(180, 180, 173, 173, 0, QUARTER_PI);
  strokeCap(SQUARE);
  arc(180, 180, 173, 173, QUARTER_PI, HALF_PI);
  arc(180, 180, 135, 135, 0, HALF_PI);
  arc(180, 180, 95, 95, 0, HALF_PI);
  arc(180, 180, 55, 55, 0, HALF_PI);
  
  // Text "JC" (Abbr. Jie Chen)
  textSize(75);
  fill(255);
  text("J", 110, 245); 
  text("C", 120, 260); 
  //save("jc.png");
  //exit();
  
}

Transfer to Backpack. Register an account on the Cricut website. Upload the logo to the platform. Operate on the Cricut machine. Here I choose a glitter silver iron-on material. The machine will score the edges of my logo. Then I peel off the useless part of the transfer sheet. I determine the position where I will put my logo on my backpack. I flatten my backpack on the ironing board. Shuangting, Maria and I turn on the heater with about 330 °F and hold it onto the logo with about 30 seconds for four times. I would like to express my appreciation to Shuangting and Maria. These procedures would not be achieved without your help!

*Bonus Scene*

BILIBILI GANBEI~(゜-゜)つロ