Trabalho 01 - Apropriação de Design

Olá Car@s Coleg@s,

Nessa postagem, iremos explicar como foi feita a apropriação relativa a um design existente, modificando-o. Tal atividade foi realizada como requisito da disciplina de Matemática Aplicada à Multimídia - MAMI, do curso de Sistemas e Mídias Digitais da Universidade Federal do Ceará, profº Clemilson Santos.

Como o objetivo era se apropriar e modificar um design existente, busquei várias imagens que retratassem formas geométricas e que desse modo, facilitasse o meu "trabalho". Assim, as primeiras imagens que vieram a minha mente foram as de Mondrian.

Apresentando a imagem ao professor, o mesmo disse: "Vocês tem capacidade de fazer algo melhor!" Assim, abandonei Mondrian e fui pesquisar novos designs.

Nessa pesquisa idealizei o símbolo do anarquismo, um design que poderia ser transformado em diversas formas geométricas, porém, achei muito simples. Eis a imagem:

Então, andando na rua, me deparei com um fusca! Observando-o pude perceber várias formas geométricas, bem como, uma eficiência das formas. Assim, a partir do design busquei fazer a minha apropriação, que teve como objetivo principal inserir novos elementos, colorizar o design, convertê-lo em formas geométricas e torna-lo o máximo possível bem visto, principalmente para as crianças.

Após a visualização da imagem, passei a desenhá-la no papel a fim de perceber as proporções existentes. Encontrando assim várias formas geométricas: dois triângulos retângulos no capô do carro, como podemos visualizar na imagem abaixo:

Também, podemos perceber a existência de vários arcos, que compõem o teto e a parte onde ficam os faróis. E os faróis, mais fáceis de identificar, formados por elipses.

Na perspectiva de infantilizar a atividade, busquei colocar cores bem vibrantes e integrei junto ao desenho a figura de um boneco sendo movido pelo mouse e que muda de cor de acordo com o click, culminando com o seguinte código:

int x = 150;
int y = 150;
int cor = 0;

void setup(){
size(600,600);
frameRate(30);
}

void draw(){
  background(#e3f2fd);
 
 
fill(255); //desenho da linha 1
line(x,height/4,x-20,height/2);

fill(255); //desenho da linha 2
line(x+300,height/4,x+320,height/2);

fill(#ff1744); //desenho do retangulo
rect(x+150, 400, 320,320, 7);

fill(188,143,143);//desenho do arco
arc(x+150,y, 300, 80, PI, TWO_PI);

fill(0,100,0);//desenho dos dois triangulos
triangle(x+10, 300, x+150, 300, x+150, 480);

fill(102,205,170);
triangle(x+170, 300, x+300, 300, x+170, 480);

fill(250,128,114);//desenho dos dois círculos
ellipse(x+20,y+300, 80,80);

fill(255,0,255);
ellipse(x+290,y+300, 80,80);

//desenho do boneco

ellipseMode(CENTER);

rectMode(CENTER);

stroke(0); 

fill(0,cor,255-cor);

rect(mouseX,mouseY,20,100);

stroke(0);

fill(255);

ellipse(mouseX,mouseY-30,50,50);

fill(mouseX,0,mouseY);

ellipse(mouseX-15,mouseY-30,12,20);

ellipse(mouseX+15,mouseY-30,12,20);

stroke(0);

line(mouseX-10,mouseY,pmouseX-20,pmouseY+40);

line(mouseX+10,mouseY,pmouseX+20,pmouseY+40);

stroke(0);

line(mouseX-10,mouseY+50,pmouseX-10,pmouseY+80);

line(mouseX+10,mouseY+50,pmouseX+10,pmouseY+80);

}

void mousePressed() {

if (cor==250){

cor = 0;

}

cor+=50;

}

Até a próxima...