Fast Food Images es una nueva productora de cine y video que acaba de nacer en Moià, cerquita de Barcelona (bueno, hace ya un tiempo que estaba gestándose). Están especializados en realización y edición de videos para eventos (música, teatro…) ,videoclips, spots tv, videos corporativos, reportajes, videobooks… ahí es nada.

Pues bien, estamos realizando un bumper para sus producciones y queríamos mostrar un poco el proceso mientras acaban de rematar la faena realizando la sonorización de la pieza.

Hemos intentado darle un nuevo enfoque a nuestro estilo animando la mayor parte la pieza frame a frame de manera tradicional (es decir, papel y lápiz). Aqui os dejo unos pocos fotogramas mientras terminan de hacer el audio.

Mientras esperais podeis dar un paseo por su web y ver que se cuece. Desde aquí les deseamos mucha suerte!

© Cocobongo artworks, 2003-2009. | Un comentario | Add to del.icio.us
Tags: Animación, Cine / TV, Freak Circus, Friends, MakingOf, Motion-graphics, Video

Feed enhanced by Better Feed from Ozh

El nuevo videoclip del DJ Rex the Dog, de su tema Bubblicious me ha alegrado la mañana.
Me parece increíble lo bien que han sabido juntar un video-clip con su making of sin estropear ninguno de los dos. Todo un currazo de stop-motion.

Recuerdo que conocí la música de este DJ gracias a su imágen, muy distinta del resto de dj’s de música electrónica.
Lo que más me sorprendió fue su Myspace, que considero el menos hortera que he visto jamás: www.myspace.com/rexthedog1980 (que no es fácil)

Fuente: Evasèe

Edito: No conocía este otro clip suyo que también es genial.

© Cocobongo artworks, 2003-2009. | Ningún comentario | Add to del.icio.us
Tags: MakingOf, Motion-graphics, Video

Feed enhanced by Better Feed from Ozh

Esta semana se estrena Quarantine, que no es otra cosa que el remake de [REC], la película que Jaume Balagueró y Paco Plaza estrenaron hace poco más de un año, y por lo poco que he visto, es un calco integral.

Esto nos ha hecho recordar que nunca antes habíamos hablado públicamente (en la red) de la relación que tiene [REC] con uno de nuestros proyectos preferidos: el vídeo viral que desarrollamos en 2007 para la marca de ropa Diesel y que el público acabó bautizando cómo Possible Fallen Angel in Catalonia.

Sin duda es nuestro trabajo más visto. Sólo entre Youtube y Metacafe contando todas las versiones que se generaron colateralmente, lleva más de 8 millones de visitas.
En su momento incluso llegó a salir en el programa 4º Milenio (gracias Iker), aunque desmentían que la criatura fuese real :P (casiii…)
Ver fragmento del programa.

Pues resultó que el vídeo sirvió de fuente inspiración a Jaume y a Paco para la escena final de la película, cómo ellos mismos comentan (gracias Miguel por la recopilación de links):

Cadena SER – 23-11-2007

Más que referentes de películas hemos manejado referente de TV. Programas como Cops, Madrid directo…y videos de youyube como “Fallen angel in Catalonia”, que es un clásico instantáneo del pequeño formato…

Aullidos – 10-11-2007

… De hecho somos grandes fans de uno en concreto que se llama “Fallen Angel in Catalonia”. Lo tuvimos muy en cuenta a la hora de preparar REC! Os lo recomendamos a todos…

El País 10-11-2007

…bajo el título de Possible Fallen Angel in Catalonia es citado como fuente de inspiración por Jaume Balagueró y Paco Plaza a la hora de hablar de su última película, REC. La grabación muestra a unos excursionistas catalanes siguiendo un rastro de plumas por los bosques de Campdevànol… …El caso del vídeo del ángel caído confirma, no obstante, que en esta era de saturación de imágenes y pretendido hiperrealismo digital somos más vulnerables que nunca al engaño. La era YouTube no resuelve la vieja dialéctica entre creyentes y escépticos, sino que la fortalece…

Terror y nada más. Entrevista a Paco Plaza

…El tratamiento de REC bebe de la bruja de blair o de otros filmes realizados como falso documentales ¿Vieron antes esta clase de filmes? ¿Cuáles son sus favoritos?

Paco Plaza: Sobre todo vimos mucha tele. El referente más cercano es un vídeo de Youtube que se llama “Fallen angel in Catalonia”, mucho más que ninguna película.

Para reforzar la credibilidad de toda la historia, también nos encargamos de crear la web de los supuestos “investigadores”, e inventarnos toda una historia antes del suceso, incluyendo vídeos de la investigación, usuarios que iban por foros dando leña sobre el tema, etc…

Lo peor del proyecto fue que durante todo el proceso teníamos que guardar absoluto silencio, y no podíamos contar a nadie en que estábamos metidos, ya que si alguien se iba de la lengua se podía ir al traste toda la campaña.

Por eso cuando todo pasó, tuvimos que desfogarnos haciendo una web para explicar un poco todo el proceso del MakingOf (www.fallenangelmakingof.com) y más adelante un video muy FREAK que enviamos en forma de viral a unos cuantos blogs.

Al final podemos decir que fue uno de los proyectos en los que más nos hemos divertido, y del cual tenemos un baúl entero de anécdotas que contar, sobre el rodaje, la post-producción, etc… y donde tuvimos la oportunidad de conocer mucha gente nueva con la que aprendimos un montón de cosas (David Resplandí, Jose Manuel Meneses, Paula Bosch, Gerard García, etc…)

Fuentes: El País, Cadena SER, Alonso Rincon, Aullidos, Cinematical, Terror y nada más, The Steam Monkey

© Cocobongo artworks, 2003-2009. | 3 comentarios | Add to del.icio.us
Tags: Cine / TV, Cocobongo artworks, Freak Circus, MakingOf, Motion-graphics, Video

Feed enhanced by Better Feed from Ozh

El código en sí no es nada del otro mundo (de hecho es muy básico), pero quiero mostrar como, aplicados con un poco de gracia, se pueden usar los filtros de Flash (a veces infravalorados por diseñadores demasiado puristas) para darle un toque orgánico muy “especial”, sólo con código, sin ningún elemento en la biblioteca, el .swf tan sólo pesa 1Kb.

Para usar éste ejemplo sólo hay que crear un archivo .fla a 60fps al cual se le asigna una clase principal llamada Main que es un archivo .as donde pegaremos esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

package {
  import flash.display.Sprite;
  import flash.display.Shape;
  import flash.events.TimerEvent;
  import flash.geom.Point;
  import flash.utils.Timer;
  import flash.filters.BevelFilter;
  import flash.filters.DropShadowFilter;
  import flash.ui.Mouse;
  public class Main extends Sprite {
    private var num:uint=40;
    private var vel:Number=2.2;
    private var timer:Timer;
    private var puntos:Array;
    private var dibu:Shape;
    public function Main():void {
      puntos=new Array();
      for (var i:uint=0; i < num; i++) {
	puntos.push(new Point(190,190));
      }
      // - Dibujo
      dibu = new Shape();
      addChild(dibu);
      // - Filters
      filtros(dibu,1.9,0x000000,0,45);
      // - Timer
      timer=new Timer(16);
      timer.addEventListener("timer",mueve);
      timer.start();
      // - Escondemos el Mouse
      Mouse.hide();
    }
    private function mueve(e:TimerEvent):void {
      // - Mouse
      puntos[0].x=mouseX;
      puntos[0].y=mouseY;
      // - Dibuja
      dibu.graphics.clear();
      dibu.graphics.moveTo(puntos[0].x,puntos[0].y);
      for (var i:uint=1; i < num; i++) {
	dibu.graphics.lineStyle(num-i, 0x66CCFF);
	var p1:Point=puntos[i];
	var p2:Point=puntos[i-1];
	p1.x += (p2.x - p1.x) / vel;
	p1.y += (p2.y - p1.y) / vel;
	dibu.graphics.lineTo(p1.x,p1.y);
      }
   }
   // - Filters
   private function filtros(mc:Shape, grosor:Number, col:uint, espacio:Number, angulo:uint):void {
      var filterArray:Array = new Array();
      // - Volumen
      filterArray.push(new BevelFilter(1, -45, 0x000000, .5, 0xffffff, .0, 10, 10, 100, 3));
      // - Borde
      filterArray.push(new DropShadowFilter(espacio, angulo, col, 100, grosor, grosor, 100, 3));
      // - Sombra               
      filterArray.push(new DropShadowFilter(3, 135, 0x000000, .15, 2, 2, 100, 1));
      mc.filters = filterArray;
    }
  }
}

En éste ejemplo uso un Timer para crear el intervalo, pero se puede usar un EnterFrame si se prefiere.
Yo usé Timer porque la diferencia no es tan abismal entre Mac y PC, ya que los Mac PPC ralentizan bastante el flujo con onEnterFrame, en comparación con los PC’s.
Podéis entender mejor las diferencias entre Timer y onEnterFrame en éste estupendo post del señor Llops.

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, MakingOf, Script

Feed enhanced by Better Feed from Ozh

Me hace gracia ir recuperando la evolución que tuvo este proyecto, porque fue muy larga.

Fue un proyecto que se fue re-inventando a si mismo (cosa que con un proyecto “real” no acostumbra a ocurrir demasiadas veces).
Algunas de sus múltiples evoluciones fueron fruto de casualidades (como ocurre en muchas ocasiones), pero que si se “pulen” acaban por coger forma. No sé si a eso se le puede llamar serendipia.

Aunque parezca que estoy hablando de otra cosa, la primera fase de este proyecto fue este experimento. Fue el intento de crear algo parecido a un AI (Inteligencia artificial) pero muy muy básico. XD

A partir de ahí surgió la idea de trazar el recorrido de cada mosca, y de ahí la idea de suprimir la mosca y dejar solo la traza.

Entonces empezaron a brotar infinidad de versiones de ese mismo experimento:
Dibuja solo

Dibujos circulares (Haciendo click se dibujaban lineas)

Pelillos (Con botón derecho se puede cambiar el color de las lineas)

Empecé a añadir multitud de variables y randoms para que los dibujos fueran cada vez más orgánicos e irregulares y así fue como el proyecto empezó a coger consciencia propia, ya que parecía que empezase a hacer lo que le daba la gana. Había dejado de tener control sobre todos los parámetros que yo mismo creé. El “diseño” final era prácticamente fruto del azar.
Entonces fue cuando bautizamos al proyecto “Johnny 5” en honor al primer personaje que me hizo conocer (cuando era chiquitajo) el concepto de inteligencia artificial.

Sé que no es muy original XD, pero entonces no era un proyecto, era mas bien un juego para pasar el rato.

Johnny 5 – V.1

Johnny 5 – V.5

Johnny 5 – V.11 (Anda que sorpresa, con botón derecho tienes multitud de opciones! Ni me acordaba de esto…)

Pero de repente llegó el entonces esperadísimo Flash 8 con su arsenal de filtros “Photoshoperos” que cambiaron el destino de Johnny 5
Se podían añadir “dropshadows”, desenfoques “gausianos”, “glows”, bajorelieves… era un festival de posibilidades!
El único límite lo ponía la CPU, aunque la aparición del BitmapData.draw() ayudó muchísimo en el asunto

Empezaron a salir multitud de nuevos experimentos que lo llevaron a ser otro proyecto totalmente nuevo. Era más orgánico, más caótico, más descontrolado, incluso a veces la CPU no aguantaba y “crujía” la aplicación dejándonos joyas como esta:

Por eso lo bautizamos como “Tetsuo”, pero como era el hermano mayor de Johnny 5 no podia llamarse de otra forma que “Tetsuo 5″.

Tetsuo 5 – V.1

Tetsuo 5 – V.6

Tetsuo 5 – V.9

Hasta llegar a la versión actual, que se va desenfocando muuuuy lentamente hasta desaparecer progresivamente, pero quien sabe como evolucionará en el futuro.
Quizá acabe por programarse el mismo y prescinda de nosotros cuando llegue el día del juicio final, el tiempo dirá…

© Cocobongo artworks, 2003-2008. | 2 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Ilustración, MakingOf, Script

Feed enhanced by Better Feed from Ozh