Photoshop + Sketchup - Aquarela 2

Mais um teste do efeito testado anteriormente. Este ficou bem melhor, mas nao satisfatório. Continuarei estudando.

Modelagem: Arq. Paula Melo
Design de Interior: Arq. Kenia Queiroz
Tratamento: Milla Mara

A título de observação pode-se visualizar a imagem acima renderizada no link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_-ou5IYCR2QJQfbwcJvQvIj9K7rWlQoZYv3xu_gaGHchTz7cUXGdnRu1S8DHc7eQ24-ElqLLtq24wUYTadvuQJE8vN02uL5UOeVuM4HxJzqfcrYcX5nL4uISCqArPcfSQLboH8GJU_0/s1600-h/pet+shop2.jpg
OBS: Um dos primeiros renders que fiz - 07/2007.

Photoshop + Sketchup - Aquarela

A fim de explorar mais os softwares apresentados até o momento em sala de aula, tomei a iniciativa de estudar interações entre os mesmos, neste caso, o Photoshop e o Sketchup.
Aproveitei um tutorial que ja possuia há algum tempo - e uma maquete modelada para a disciplina de Projeto - para realizar alguns testes.
Seguem-se os primeiros resultados. Definitivamente não gostei, mas estou entendendo a lógica de funcionamento. A intenção era dar um efeito aquarelado na imagem.
Futuramente, postarei novos testes.

Raciocinando o Processing

Segundo trabalho em Processing: trabalhar animação e interacao com o usuario.
Meu intuito, dessa vez, foi entender melhor a programacao em si, para ter um melhor controle sobre o programa. Para isso, consultei diversas vezes o site do software (www.processing.org), principalmente o link reference.

Com essa programação é possível controlar o tamanho de uma linha (que gira em torno de seu ponto de início) movendo o mouse para cima e para baixo; e a cor da mesma, ao mover o mouse tanto para cima e para baixo, quanto para a esquerda e para a direita.

Segue-se abaixo o codigo.

// Para rodar a programacao pressionar CTRL+SHIFT+R - modo tela cheia

void setup() {
size(screen.width, screen.height); // tamanho da tela. Os comandos screen.widht e screen.heigth adotam, respectivamente, a largura e altura da tela do computador utilizado.

frameRate(10); // Determina quantos quadro por segundo o void draw ira atualizar, ou seja, a velocidade com que a leitura é feita. Quanto menor o numero, mais lento.

background (0); // cor do plano de fundo

}

void draw() {


translate(width/2, height/2); //(move a figura - direita/esquerda, p/ cima e p/ baixo).

float transfradiano = radians(millis()/10.0); // transformando valores para radianos, pois o processing reconhece apenas este ultimo. Os valores a serem transformados nesse caso sao os valores de milisegundos divididos por 10.

rotate(transfradiano); // rotaciona (angulo em radianos) - esta utilizando o parametro anterior.


stroke (mouseY, mouseX/10,255); // cor da linha. Para a interacao utilizou valores sempre atualizados da posicao do mouse.

line(0, 0, 100, mouseY); // linha (xi, yi, xf, yf), sendo que i=inicial e f=final. É o raciocinio do plano cartesiano, porem o ponto (0,0) encontra-se à esquerda e acima (e nao abaixo como se dá em tal plano).

}

PS: ainda nao descobri como exportar a imagem sem ser em frames.

'Processing' em processo

Finalmente eu consegui sentar para mexer e aprender o Processing. É uma saída de um estado de observação para um de 'autoria'. O programa à princípio apresenta-se um pouco complexo (... a princípio e à posteriori tambem rs), porém a chave está em entender sua sintaxe, o que é muito facilitado pelo site do programa. A partir do momento que se consegue 'ler' a programação torna-se mais controlável o resultado final.

Em relacao à imagem acima, tentei produzir algo interativo. Os movimentos da esfera, bem como a variacao de seu tamanho estao relacionados às coordenadas do movimento do mouse (X e Y, - mouseX e mouseY - nesse caso apenas X).

Abaixo segue-se o código, com uma tentativa de explicação em português do mesmo:


int x; // introduzindo um numero inteiro


void setup(){
size(800,600, P3D); //dar _sensacao_ de 3D... nesse caso de profundidade).
background(255,194,14); // cor do fundo
}

void draw(){
translate(width/2 - 10, width/2 - 10, -mouseX*20); //(mov. direita/esquerda, p/ cima e p/ baixo, pra frente e pra tras... devido a esse ultimo eh q se coloca o P3D).

rotate(x++); //angulo de rotaçao, o sinal ++ aumenta o valor de 1 em 1)

fill (196, 45,14, 75); // preenchimento da figura(cores R,G,B, transparencia... valores tirados de qqer programa de edicao de imagens.. no caso o paint que estava mais facil).

ellipse(width/2 - 10, width/2 - 10, 55, x++); //// (x e y do primeiro ponto,largura, altura)sendo altura = x++, ela sempre vai aumentar de 1 em 1

}

*variando a cor*

PS: O output das imagens foi um Print Screen, fato que justifica a baixa qualidade. Eu encontrei no site apenas uma maneira que o programa salvava os frames da imagem - saveFrame() - (ou seja, cada leitura do void draw e com isso eu teria milhares de imagens com uma esfera em cada).