viernes, 4 de noviembre de 2011

taller

En los siguientes trabajos me fue imposible subir los códigos a openprocessing y desconozco el motivo, sin embargo al abrirlos en el programa (processing) tanto en Mac como en Pc, funcionan perfectamente.

Imagen con movimiento y audio:
import ddf.minim.*;
AudioPlayer player;
Minim minim;
PImage pez;
PImage estanque;
int size = 0;
float xpos, ypos;
float xspeed = 0.8;
float yspeed = 0.2;
int xdirection = 1;
int ydirection = 1;

void setup()
{size(400,300);
noStroke();
frameRate(600);
smooth();
minim = new Minim(this);
xpos = width/2;
ypos = height/2;
estanque = loadImage ("estanque.jpg");
pez = loadImage ("pez.gif");
player = minim.loadFile("bosques.mp3", 2500);
player.play();
}

void draw()
{
background(estanque);
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );

if (xpos > width-size || xpos < 0) {
xdirection *= -1;
}

if (ypos > height-size || ypos < 0) {
ydirection *= -1;
}

image (pez,xpos+size/1, ypos+size/1);
}
Imagen con movimiento, audio y mouse:
import ddf.minim.*;
AudioPlayer player;
Minim minim;
PImage pez;
PImage estanque;
PImage koi;
int size = 50;
float xpos, ypos;
float xspeed = 0.1;
float yspeed = 0.1;
int xdirection = -10;
int ydirection = -9;

void setup()
{size(400,300);
noStroke();
frameRate(500);
smooth();
minim = new Minim(this);
xpos = width/3;
ypos = height/3;
estanque = loadImage ("estanque.jpg");
pez = loadImage ("pez.gif");
koi = loadImage ("koi.gif");
player = minim.loadFile("bosques.mp3", 2500);
player.play();
}


void draw()
{ if(keyPressed) {
if (key == 'c' || key == 'B') {
background(estanque);
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );
if (xpos > width-size || xpos < 0) {
xdirection *= 2;
}

if (ypos > height-size || ypos < 0) {
ydirection *= -6;
}
translate (mouseY,mouseX);
image (pez,xpos+size/3, ypos+size/3);
image (koi, 100, 150);
}}}

taller: imagen con movimiento

viernes, 28 de octubre de 2011

tarea próxima clase

lo mismo de esta clase, pero ahora poner un tipo de menú.. unas pequeñas ventanas a un lado del trabajo, donde al apretar una de ellas ocurra algo en la imagen. La idea es hacer una especie de "juego" simple a través de processing!.

viernes, 7 de octubre de 2011

trabajo de taller

(para que se mueva la siguiente imagen, hacer click sobre ella)

(el siguiente trabajo, no lo pude subir a openprocessing porque no me lo acepta, por lo tanto dejo una captura de pantalla)


jueves, 6 de octubre de 2011

Idea Proyecto


Idea Proyecto Personal

viernes, 30 de septiembre de 2011

variables: line, ellipse, rect, triangle

size (350, 350);
int a = 50;
if (a > 30)
{
  line (85, a+8, 70, a*6);
}
else
{
  line (36, 40, 5, 6);
}


size (350, 350);
int a = 25;
if (a > 10)
{
  line (30, a+8, 70, a*4);
}
else
{
  line (90, 35, 10, 11);
}


size(150, 150);
background(88, 108, 2);
stroke(203, 59, 18);

int a = 35;
int b = 50;
int c = a+5;
int d = b-30;
int e = a*2;
int f = e-d;
int g = c+d;

line(d, g, a, e);
line(g, c, b, f);
line(a, e, d, g);
line(f, g, c, a);


size(150, 150);
background(88, 108, 2);
stroke(203, 59, 18);

int a = 35;
int b = 50;
int c = a+5;
int d = b-30;
int e = a*2;
int f = e-d;
int g = c+d;

line(d, g, a, e);
line(g, c, b, f);
line(a, e, d, g);
line(f, g, c, a);

fill (18, 203, 103);
ellipse (e, f, b, c);
noStroke ();
fill (203, 151, 18);
rect (a, g, a, g);


size (200, 200);
int a = 40;
int b = 30;
int c = 35;

background (196, 255, 223);
noStroke ();
fill (85, 158, 234);
ellipse (b+c, a+b, b*2, 100);
fill (244, 196, 255);
ellipse (a, b, c, 50);
fill (207, 85, 234);
ellipse (60, c, b, 20);
fill (222, 234, 85);
triangle (100, c+a, a*2, b+20, c+5, c+10);





Paper Oren Tatcher

sábado, 10 de septiembre de 2011

arturito moon walking!



Conceptos en Processing

ellipseMode (RADIUS)
Especifica que la locación de la ellipse será el centro de la figura y desde el centro se definen sus bordes.

mouseX 
Es una variable que indica que el valor de la coordinada del mouse en X.

mouseY
Es una variable que indica que el valor de la coordinada del mouse en Y.

mousePressed
Se activa cuando el botón del mouse es presionado. Ocurre una acción al apretar el botón.

viernes, 9 de septiembre de 2011

robot!




Arturito



size (720, 480);
smooth ();
strokeWeight (2);
background (204);
ellipseMode (RADIUS);

//cuello
stroke (102); //setear stroke a gris
line (266, 257, 266, 162); //izquierda
line (276, 257, 276, 162); //medio
line (286, 257, 286, 162); //derecha

//antena
line (276, 155, 246, 112); //pequeño
line (276, 155, 306, 56); //alto
line (276, 155, 342, 170); //mediano

//cuerpo
noStroke (); //desabilito stroke
fill (102); //seteo relleno a gris
ellipse (264, 377, 33, 33); //orbita anti gravedad
fill (0); //seteo relleno a negro
rect (219, 257, 90, 120); //cuerpo principal
fill (102); //relleno a gris
rect (219, 274, 90, 6); //franja gris

//cabeza
fill (0);
ellipse (276, 155, 45, 45);
fill (255);
ellipse (288, 150, 14, 14); //ojo grande
fill (0); //setea relleno a negro
ellipse (288, 150, 3, 3); //pupila
fill (153); //setea relleno a gris claro
ellipse (263, 148, 5, 5); //ojo pequeño 1
ellipse (296, 130, 4, 4); //ojo pequeño 2
ellipse (305, 162, 3, 3); //ojo pequeño 3



Cambio de colores:


size (720, 480);
smooth ();
strokeWeight (2);
background (255, 252, 157);
ellipseMode (RADIUS);

//cuello
stroke (102);
line (266, 257, 266, 162);
line (276, 257, 276, 162);
line (286, 257, 286, 162);

//antena
line (276, 155, 246, 112);
line (276, 155, 306, 56);
line (276, 155, 342, 170);

//cuerpo
noStroke ();
fill (213, 250, 92);
ellipse (264, 377, 33, 33);
fill (107, 124, 10);
rect (219, 257, 90, 120);
fill (236, 25, 34);
rect (219, 274, 90, 6);

//cabeza
fill (236, 25, 34);
ellipse (276, 155, 45, 45);
fill (255);
ellipse (288, 150, 14, 14);
fill (0);
ellipse (288, 150, 3, 3);
fill (153);
ellipse (263, 148, 5, 5);
ellipse (296, 130, 4, 4);
ellipse (305, 162, 3, 3);

variables ellipse2


variables ellipse1

http://www.openprocessing.org/visuals/?visualID=41220

miércoles, 17 de agosto de 2011

forma y color




ej. pdf clase 1


size (200, 200);
background (100, 100, 450);

stroke (255);
fill(229, 241, 32);
ellipseMode(CENTER);

ellipse (100, 100, 100, 50);

stroke (255);
line (75, 80, 75, 60);
line (100, 80, 100, 60);
line (125, 80, 125, 60);
line (75, 120, 75, 140);
line (100, 120, 100, 140);
line (125, 120, 125, 140);

size (200, 200);
background (100, 100, 450);
stroke (255);
fill (229, 241, 32);
ellipseMode(CENTER);
ellipse (100, 100, 100, 50);
stroke (255);
line (75, 80, 75, 60);
line (100, 80, 100, 60);
line (125, 80, 125, 60);
line (75, 120, 75, 140);
line (100, 120, 100, 140);
line (125, 120, 125, 140);
fill (255);
rectMode(CENTER);
rect (150, 90, 4, 8);
rect (150, 110, 4, 8);

Figuras y conceptos básicos en Processing




martes, 16 de agosto de 2011

Processing

Processing es un software libre creado por Casey Reas y Ben Fry. Hay que también señalar que siempre está en desarrollo por lo que errores, códigos que no funcionan y – muchos – dolores de cabeza son cosas normales dentro del mundo de processing.
El programa esta basado en Java, por lo cual hereda todas sus funcionalidades, convirtiendose en una herramienta poderosa a la hora de crear diferente tipos de proyectos, con eso me refiero a aplicaciones locales (instalaciones artísticas por ejemplo) o aplicaciones para la web.

Enfoque

El programa esta pensado para artistas, diseñadores y programadores que quieran expresarse con el lenguaje digital, enfocado por supuesto a las creaciones artísticas visuales o instalaciones multimediales.
Al ser un lenguaje en código libre es una herramienta alternativa al software propietario, como photoshop o Illustrator. Por si no sabes Photoshop se paga no se baja. Otras de las funciones de Processing es acercar las necesidades de los artistas a las nuevas tecnologías.
Por lo tanto muchos artistas nuevos prefieren este lenguaje por que lo ven como un contexto simple y gratis para crear el llamado “arte electrónico”, por supuesto que no es necesario tener una gran experiencia en el mundo de la programación para realizar tus primeras obras.

Ejemplo:


Este programa puede ser descargado fácilmente de la siguiente página:

http://processing.org/


miércoles, 22 de junio de 2011

idea examen!

Tengo dos ideas, aún no decido cuál realizar pero ambas tienen como elementos principales el stop motion y el video.
La primera surgió un día de trabajo grupal en clases y consiste en grabar escenas de la vida cotidiana de una persona que desperdicie la energía de distintas formas y luego establecer un plano del edificio completo donde vive dicha persona y hacer un stop motion con las luces de éste.
Finalmente la idea es que se vea un apagón y dejar un mensaje en medio de la oscuridad con velas pequeñas.

Para intentar ejemplificar las ideas, busqué entre "miiiiiiles" de videos y stop motions pero no encontré nada que se acercara mucho así como REFERENTES, sin embargo...


y uno extremadamente fome pero real!

en cuanto a las luces del edificio...


lo de las velas sería algo similar a esta imagen pero desde arriba.. sin gente.. y solo las luces de las velas




La otra idea aboca más o menos al mismo tema, pero en este caso usaría una maqueta hecha por mí y me enfocaría más en lo que es stop motion!


posibles programas a usar:
- photoshop
- vegas pro
- {en caso de incorporar un audio creado} audacity
- fruity loops

domingo, 19 de junio de 2011

sólo me gustó

casualmente encontré este video y me parece notable D:
{sobre todo por el hecho de usar elementos "fuera de lo normal" y ke los sonidos están muy bien logrados}


miércoles, 8 de junio de 2011

benjamiiiiiiiiiiiiiiiin! xD

Tarea:
Realizar un audio INDIVIDUAL de 2 minutos al menos, en Garage Band (Mac) o Fruity Loops (Mac y PC) y luego editar en Audacity. Exportar como "WAV" o "mp3" a Sound Cloud


protagonistas: Camila y Benjamín
secundarios: gallo, Fernanda, Elisa, voz operadora de metro y Tatiana


{cami y benja}


Los sonidos incluidos en este audio, provienen de distintas grabaciones (antiguas y actuales) y en su mayoría eran videos, por lo tanto lo primero fue convertirlas a audio MP3.
Luego en FruityLoops studio, saqué una base de batería y arreglé un poco el audio de las grabaciones y corté las partes que no quería poner (de mis sobrinos, de una gotera que parecía helicóptero, del metro...). Luego edición en Audacity, para unir y arreglar detalles en los cortes...
...y finalmente lo subi a http://soundcloud.com en formato MP3

jueves, 26 de mayo de 2011

Entrevista Juan Downey




Corto: "...de calle"

...De calle


Música:

Manu Chao - Me llaman calle

Barry White - Never gonna give you up


Peret - Que levante el dedo



Actuación: Anónimos!
Programas: Sony Vegas Pro 10.0 (Edición)
Format Factory (conversión)
Lugar de grabación: Santiago - Providencia




Próximamente.... chascarros!

jueves, 12 de mayo de 2011

Storyboard!


Primero manifestamos las ideas mediante palabras para ordenarlas y crear un hilo conductor entre todo lo que queríamos mostrar en el corto.
Una vez hecho esto, llegamos a los dibujos del story board para hacernos una idea de lo que podía pasar a nivel visual en cuanto a planos y elementos de una escena.

jueves, 28 de abril de 2011

Stop Motion: Hombre v/s Tierra

El hombre y la tierra


Después de como 7 intentos con distintos programas y de reiniciar como 5 veces el PC por fin pude terminar y subir el Stop Motion, aunque no quedó como lo había imaginado.
Proceso: 
44 fotos de distintos dibujos, procesados con Photoshop para eliminar fondos e "imperfecciones", arreglar colores y para dar sensación de movimiento pegando la imagen del dibujo en distintas posiciones de un fondo blanco.
Seleccionar un video para intervenir el Stop Motion; el video es de año nuevo 2011 en Valparaíso (casero) y lo corté, dejando el final de los fuegos artificiales que para mi, se asemejan a bombardeos.
Incorporé también una parte del video de la canción escogida, con un diálogo que me llamó la atención la primera vez que vi el video (aaaaños atrás).
Luego en Movie Maker (entre otros) agregar las imágenes, audio y video; establecer los tiempos que en promedio tienen una duración de 1segundo. Poner efectos de transición y de video en las imágenes, ajustar el tiempo de los videos y la música (variable).
Canción: One - Metallica
Video: Año nuevo 2011

jueves, 21 de abril de 2011

Animación


El trabajo consistía en: 
a partir de 20 imágenes descargadas o tomadas por uno mismo, trabajarlas en photoshop y finalmente crear la animación mediante cualquier programa.

Lo que yo hice fue crear una animación en el programa Movie Maker, pero a partir de capturas de pantalla de una creación simple en photoshop... paso a paso.
De fondo al principio puse efectos de sonido de una máquina de escribir y luego la canción "New Soul" de Yael Naïm

Síntesis: El cine de animación.

El Cine de animación
por Ministerio de Educación Argentina.

 Patoruzú


Mafalda 

jueves, 14 de abril de 2011

Patagonia Sin Reperesas

Campaña Patagonia sin represas!






"La idea es simple : billete que pase por su mano lo raya. Con plumón, con Bic, con lo que sea , estampando el lema PATAGONIA SIN REPRESAS."

Un ruido secreto (segunda parte) José Luis Brea

Segunda parte del texto "Un ruido secreto: el arte en la era póstuma de la cultura" de José Luis Brea.



Sigmund Freud (1856 - 1939)


Samuel Beckett (1906 - 1989)

Eco, ninfa del bosque

A partir de tres imágenes distintas descargadas de google y flickr, cree una nueva...

 


resultado


Detalle:
Lo primero fue recortar a la mujer del fondo de la imagen con lazo poligonal punto a punto para lograr mayor precisión y luego pegarla como capa nueva en el fondo del bosque. Una vez estando con el fondo del bosque, se trabajó la opacidad y el relleno para crear una relación entre los tonos de ambas imágenes.
Luego con la herramienta de la goma y usando un flujo y opacidad adecuados, se borran posibles imperfecciones o detalles de la modelo para que parezca estar sentada realmente en el lugar.
Posteriormente con la herramienta "borrador mágico" se borra el fondo blanco de la imagen de la mariposa para facilitar el próximo paso que es copiar y pegar ésta en la imagen final (como capa nueva). Ocupamos una vez más la goma para borrar el tórax de la mariposa, de forma que las alas parezcan, aunque sea sutilmente, salir de la espalda de la mujer. Se le da la opacidad y relleno necesarios para hacerlas transparentes. Finalmente se les da forma mediante el selector, es decir, se seleccionan las alas ya sea con el lazo o el marco y luego vamos a "Edición" > "transformar" > "deformar" y le damos la forma que se desee.
Por último, con la herramienta de "Texto horizontal" se crea un cuadro de texto y escribimos. Para darle cierto relieve a las letras, en la capa del texto, con el menú contextual (las opciones que aparecen al hacer click en el botón derecho del mouse) elegir "Opciones de fusión" y se abrirá una nueva ventana con una serie de opciones para crear sombras, relieve, contornos, etc.



http://www.uniweb.cl/tatiana.simpson/ninfa.jpg

jueves, 7 de abril de 2011

Photoshop!

Benjamín y Yo <3 / algo rápido :S




Filtro > Artístico > Cuarteado
4 capas: fondo, 2capas con brushes y 1cuadro de texto
en las capas adicionales y el texto trabajé con opciones de fusión (relieve y sombras)

Síntesis de la obra "Un ruido secreto"

UN RUIDO SECRETO
EL ARTE EN LA ERA PÓSTUMA DE LA CULTURA
por JOSÉ LUIS BREA

Síntesis: paper 2


José Luis Brea
(1957 - 2010)



Marcel Duchamp
(1887 - 1968)


Friedrich Nietzsche
(1844 - 1900)