Entre otras cosas claro (curro, mucho curro, la preparación de la nueva web de Cococbongo, más curro, etc…)
Esperamos poder pasarnos por aquí más a menudo… palabra!

Un abrazo ;)

Post original de éste crack

© Cocobongo artworks, 2003-2009. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Ilustración, OffTopic

Feed enhanced by Better Feed from Ozh

Ayer asistimos al 15ª edición de los premios Enderrock dónde además recibimos el premio al mejor videoclip del 2008 por el clip que realizamos para Eina: L’Art de la Guerra.

Ya es la segunda vez que hablamos de este trabajo y la verdad es que estamos muy orgullosos de él. Esperemos que no deje de traernos alegrías y más proyectos similares.

Fuente: TV3

© Cocobongo artworks, 2003-2009. | 4 comentarios | Add to del.icio.us
Tags: 3D, Animación, Cocobongo artworks, Eventos, Motion-graphics, News

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

Para los que desconozcáis de que se trata, Promsite es un proyecto creado con el objetivo de fomentar el diseño y la experimentación web a nivel nacional.
Mensualmente se crea una convocatoria, abierta a todo el mundo.
Cualquiera que tenga un proyecto web que crea meritorio, ya sea por su diseño, su interactividad o su contenido, puede presentarlo a concurso.

La empresa de alojamientos web Cdmon (líder a nivel nacional en el sector del alojamiento web) proporciona a los ganadores un plan de hosting de calidad profesional totalmente gratuito para alojar el site en cuestión.

En su momento diseñamos la primera web del proyecto, e hicimos un par de bumps: Promsite 2006-1, Promsite 2006-2.
El diseño de personajes corrió por cuenta de Robledo y Toledano, unos cracks (otro día ya les dedicaremos un post entero).
Podéis ver más detalles del proyecto en nuestra web.

Además, también tenemos el placer de formar parte del jurado que vota las webs que pasan a ganar un alojamiento, así que (por si os interesa) os informo que somos unos fervientes seguidores del jamón iberico 5 jotas ;)

Así que ánimo, si tenéis alguna web que creéis que es merecedora de un hosting gratis, apuntaros.
A ver si conseguís uno por la patilla! Suerte!

www.Promsite.org

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: 3D, Cocobongo artworks, Cool sites, Friends, Truco del almendruco del dia

Feed enhanced by Better Feed from Ozh

Lo prometido es deuda.
Por fin he tenido un respiro para pasar el experimento de Tetsuo 5 a screensaver para PC y para Mac Intel (no me di cuenta, pero el que subí en el otro post sólo serbia para Power PC :P)

Descargar Tetsuo 5 – PC Screensaver
Descargar Tetsuo 5 – Mac (Universal) Screensaver

En algunos ordenadores anda un pelín lento, pero bueno, de momento sigue estando programado en AS 2.0, quehiframe. Esta última parida es un chiste para desarrolladores multimedia catalanes: quehiframe = Key frame + Que hi farem (Que le vamos a hacer), el resto de mortales, por favor, no me lo tengáis en cuenta XD

Aunque últimamente he estado trabajando en la adaptación a AS 3.0, concretamente en un experimento donde Tetsuo-5 genere letras, será una especie de “tipografía viva“, aleatoria, con ninguna letra repetible, pero sin dejar de tener personalidad propia.

De momento no puedo desvelar mucho más, pero os dejo una pequeña prueba en forma de imagen.

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

Feed enhanced by Better Feed from Ozh

Nuestros amigos deLabatzuca son un grupo de “folk experimental” que recitan poemas de Agustí Bartra, de esta manera tan original recogen la tradición a través de spoken words que envuelven con una música que tiene calidad de banda sonora.

En Cocobongo hemos hecho el póster para el concierto de La Massana.

Podréis disfrutar de su música los días:

22/10 Teatre Zorrilla. Badalona
25/10 Kinzena Poética. Vilafranca del Penedès
15/11 Teatre de les Fontetes. La Massana
21/11 Ateneu Rosa de Foc. Vila de Gràcia

© Cocobongo artworks, 2003-2008. | 4 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Design, Friends, Ilustración, News

Feed enhanced by Better Feed from Ozh

Hace un tiempo diseñamos un par de patterns y, como es trabajo interno del estudio que no se enseña en la web, nos da pena que estén guardados en el baúl de los recuerdos, así que, aprovechamos para mostrarlos. Esperamos que os gusten! ;)

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

Feed enhanced by Better Feed from Ozh

Tenemos unas camisetas Cocobongo la mar de chulas y claro… ahora nos venía la duda de como darlas a conocer, pues bien, ya está todo solucionado, unos cuantos amigos se han ofrecido a llevarlas luciendo palmito.

Y como para gustos se hicieron los colores… pues eso, diferentes colores.

© Cocobongo artworks, 2003-2008. | 3 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Design, News

Feed enhanced by Better Feed from Ozh

Hace un tiempo hicimos un video-clip para el grupo de Hardcore/Punk llamado Eina (los antiguos Inadaptats).

Pues parece que a la gente de Mondosonoro les gusto porqué han hecho una crítica bastante buena en su número 155 de este mes de Octubre.

Gracias mil!

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: 3D, Animación, Cocobongo artworks, Motion-graphics, News

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

Hace unos meses tuvimos el placer de participar en el monográfico especial que la revista Arte y Diseño dedicó a los motion-graphics, titulado Spain in Motion.

La revista contiene entrevistas a estudios como Dvein, Vasava, Studio Copyright, Xnografics, No-Domain, Cocoe, entre otros, y va acompañada de un DVD con una selección de algunos trabajos en video.

Como un solo DVD no era suficiente para albergar todos los “motions” de todos los estudios que salimos en la revista, además de las entrevistas, hace poco que han sacado un estupendo pack de 3 DVD’s que podéis conseguir aquí.

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

Feed enhanced by Better Feed from Ozh

Se celebran multitud de actividades como conciertos de música mod, salidas en moto, comidas campestres, actuacióin de DJ’s, y hasta el sorteo de una Vespa nueva!.
Podéis acceder al programa desde aquí.

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Eventos, Friends

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

Descargar Tetsuo 5 – Mac (PowerPC) Screensaver

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

Feed enhanced by Better Feed from Ozh

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

Feed enhanced by Better Feed from Ozh

De vez en cuando iré colgando algún que otro experimento de Flash.
Aunque ahora lo hacemos todo con ActionScript 3.0 (AS3) muchos de estos experimentos están hechos ActionScript 1.0. Tengo que reconocer que soy uno de esos que le costó una barbaridad pasarse a AS3, mas que nada  porque pasé de AS1 directamente a AS3, sin pasar por AS2.

Supongo que el hecho de que no venga del mundo de la programación, sino del mundo del diseño hizo que no viera en su momento las ventajas de la Programación Orientada a Objetos (OOP) frente a la sencillez que ofrecía AS1. Sin embargo el potencial de AS3 era tanto que sucumbí al poder del lado oscuro.

Alguno de estos experimentos los iré recuperando del baúl de los recuerdos, mas que nada por nostalgia.
A estas alturas no encuentro muy práctico mostrar el código fuente de una pieza hecha en AS1, así que de momento iré colgando los SWF’s para poder “jugar” un rato. Si por casualidades de la vida lo paso a AS3 ya lo publicaré. 

Este experimento salió de la curiosidad de trabajar con físicas. Se puede arrastrar cualquier eslabón de la cadena y ver como actúa.
Es un experimento simple, pero en su momento nos ayudó a conocer como se comportaba Flash en este tipo de situaciones.

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

Feed enhanced by Better Feed from Ozh

Hola mundo! La frase que te encuentras en el primer ejemplo de cualquier lenguaje de programación.
Pues la dejaremos para que perdure como nuestro primer post.

Para los que no nos conozcáis, bueno, mas bien para los que no conozcáis nuestro trabajo, solo deciros que somos un estudio de diseño gráfico afincado en Sabadell (no es Barcelona pero está al lado) especialado en diseño web y motion-graphics.

Bueno de hecho esa es la sede central, pero realmente curramos desde un modesto bungalow con vistas al mar en la isla de Aitutaki, al Sur de las Islas Coock.

¿Y porque montar un blog?
Bueno… creemos que a parte de trabajar todo el dia también tenemos alguna que otra cosa que contar sobre diseño, ActionScript, making of de algunos trabajos nuestros, tutoriales de 3D, alguna que otra cosilla que encontremos por la red, etc…

También postearemos las noticias sobre nosotros aquí y dejaremos nuestra web solo para los trabajos.

Bienvenidos a todos a la Isla de Cocos…

Descargar fichero de audio (Kealakekua.mp3)

My Little Grass Shack In Kealakekua – Felix Mendelssohn

© Cocobongo artworks, 2003-2008. | 2 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Eventos, News

Feed enhanced by Better Feed from Ozh