All information regarding the project(concept, inspiration, process, reflection) is placed within the sketch itself as comments.
- Show Sketch
/** @peep sketchcode */
/* @pjs font = /uploads/16110/klintstd-bold.otf; */
/*
// CONCEPT
I played around with a lot of ideas when it came to thinking about the logo, but the thing that I wanted to ensure
was that the logo be kept simple and clean. The first thing that came to my mind when I thought of design was
brain waves, and thus I set out to explore that concept. As you can see in the inspiration paragraph below, those were
the images I was attempting to replicate within my program/logo.
So in short, the main concept I was after is:
To show the constant ongoing nature of the brain as it thinks for solutions (a.k.a design).
// INSPIRATION
brain waves:
- http://www.globalvegetarian.ca/wp-content/uploads/brain-waves-meditation-575x262.jpg
- http://brainwavewizard.com/entrainment/wp-content/uploads/2013/02/bigstock-Brain-Waves-10453853.jpg
// PROCESS
I first of began expirmentainting with bezier curves since I thought this would be the easiest way to
achieve the motion of brainwaves. But this turned out to be a lot more difficult than I initially thought,
so I scraped the idea. Through various tutorial videos, I realised this would be possible through the use of
noise, which is how I ended up creating the brain waves.
To begin with I only had one brainwave which was fluctuating through out the image, but I decided that if I was
to add a fading effect, it'd help the image be a lot more smoother and easier on the eye.
// REFLECTION
I'm satisfied with the result since it's exactly what I was imagining it'd look like.
*/
float time = 0;
void setup() {
size(400, 400); // adjustable - the image will remain in scale regardless of the size of the image
background(#231f20); // black
frameRate(30);
}
void draw() {
fill(0, 30); // allows the brainwaves to fade away
rect(0, 0, width, height); // redraws the background
float x = 0;
// Brain waves
stroke(255); //white
while (x < width) {
point(x, height * noise(x/50, time));
x = x + 1;
}
time = time + 0.02;
// Font + Text
PFont font = createFont("/uploads/16110/klintstd-bold.otf", width/10); // the font size is adjustable to reflect the size of the image
textFont(font);
fill(#ffdd17); // yellow
text("DESIGNLAB", width/4.3, height/2); // the font will always be in the centre of the image
}
Comments
Nobody has said anything yet.