ΣMΣ Blog

Aquí os dejo una sencilla animación hecha con photoshop y flash, para los créditos de un video documental sobre un grupo musical realmente singular llamado Bufa&Sons, especialistas en tocar instrumentos caseros reciclados. Además, aprovecharé para explicar algunos de las tecnologías que he usado.

Partí de tres caricaturas hechas con la Wacom Cintiq, a partir de bocetos a lápiz que posteriormente coloreé y sombreé. Para realizar las diferentes posturas para los distintos fotogramas, utilicé la herramienta Puppet Wrap de Photoshop, que permite articular un objeto para darle una nueva forma, como si de una marioneta o objeto flexible se tratara. Os dejo un tutorial para que veáis como funciona.

Finalmente utilicé flash para crear las diferentes secuencias y  reproducirlas en sincronía con la música, y una vez terminado, exporté el resultado a video.

En cuanto esté listo el video final, lo pongo aquí mismo

Dentro de los proyectos del ámbito de la cerveza artesana, como la web de cervesaartesana.es o el portal web y tienda online cervezaartesana.es , también hay lugar para el diseño de etiquetas, como ya sucedió con la Cervesa Guineu, o la creación de animaciones.

En este caso, el proyecto se presentó como la creación de una marca de cerveza artesana y su respectivo nombre, logotipo y etiqueta.

click para ampliar

Se tomó el nombre de Cerberus, por el valor mitológico del mismo y su semejanza con la palabra cerveza. Así en lugar de ser el Cerberus mitológico que custodia las puertas del inframundo, este Cerberus tendría la misión de custodiar las puertas a un mundo de artesanía y calidad.  Y las tres cabezas sirvieron como referencia a los tres pilares de la cerveza: agua, cebada y lúpulo (obviando la levadura, aun siendo importante, pero menos icónica). Por último se añadió el prefijo Artés, buscando por un lado la denominación del origen de la misma, y evitando de paso la confusión con el municipio de Cervera. Se pueden apreciar las referencias a la antigua Grecia, origen del ser mitológico, en las cenefas y la arquitectura del portal.

La ilustración se realizó en Photoshop, a partir de varios bocetos a lápiz.

Aunque por causas diversas el proyecto de colaboración con esta marca acabó por cancelarse, creí que el trabajo hecho no debía quedarse guardado en el fondo de un cajón. Es por esto que me decidí a escribir este post e incluir el trabajo en mi portafolios. Espero que os guste.

Supongo que debería haber posteado esto durante las fiestas, pero mejor tarde que nunca.
La cuestión es que la postal de navidad que he creado y enviado este año ha sido un éxito En general ha gustado mucho, ya que el juego era divertido, sencillo y corto (y viciaba un poco), así que sólo tengo que lamentar el haber usado la última versión de motor de flash, cuando este aun no estaba demasiado extendido. Por lo demás, el trabajo ha merecido la pena y sin duda el año que viene habrá más.

Aquí tenéis un enlace para ver y jugar a la postal de navidad de este año. Así que si no lo habéis hecho aun, ahora podréis ayudar al duende de la Navidad a repartir los regalos:

Aquí tenéis un primer plano del duende navideño. Empecé a sombrearlo en alta resolución, pero por tiempo (y porque el tamaño del juego no lo necesitaba), tuve que acabar el resto del cuerpo de forma rápida.

Aprovecho también este artículo para enseñar la postal que hice para las navidades anteriores. Un super Árbol de Navidad personalizable

Como introducción rápida para quien no sepa que son las acciones de Photoshop, explicaré que se trata de un conjunto de pasos (efectos de color, filtros, recortes, etc) que pueden ser grabados para poder aplicarlos más tarde a diferentes imágenes, ahorrando así mucho tiempo.

Estos pasos pueden grabarse en lo que se llama una acción, y estas pueden agruparse en lo que se conoce como conjunto de acciones, que pueden guardarse en un archivo (.atn). Gracias a esto, podemos encontrar gran cantidad de acciones por internet, que nos permitirán dar vida a las típicas fotos tipo “me ha quedado bien, pero le falta algo”.

El otro día encontré por casualidad un conjunto de acciones de Photoshop que me hicieron recordar lo potentes que pueden ser y por eso he decidido escribir un post para compartir mi descubrimiento.

Un ejemplo de efecto retro

Uno de los mejores sitios para encontrar un gran surtido de acciones es la página DeviantArt.com, donde los usuarios comparten acciones para photoshop (entre muchas otras cosas como ilustraciones, fotografias, tutoriales, etc).

Hay muchos usuarios que colaboran enviando acciones, y uno de ellos es Night-fate, que ha colgado ya 50 sets de acciones. Aunque muchas de las acciones tienen efectos muy similares, seguro que encontraréis más de una que os sorprenderá.

El mosaico de imágenes que hay a continuación, lo he creado para que podáis ver los resultados de aplicar un conjunto de acciones a una foto normal. Este set de acciones lo podréis descargar aquí.

click para ampliar

Ejemplo de foto antigua

Existen otro tipo de acciones algo más complejas, que en alguno de los pasos puede pedir al usuario que realice una acción, o que cargue una imagen en concreto. Este es el caso de esta acción, que en un momento dado, te pedirá que selecciones un archivo de textura, que habrás descargado antes con el archivo de acción.

Aquí tenéis el resultado aplicando la acción a una foto de una casa abandonada que hice hace tiempo. La acción para crear fotos antiguas la podéis descargar aquí.

Como se usan las acciones de Photoshop

Para empezar a usar un conjunto de acciones tendréis que hacer lo siguiente:

• Descargarlo de internet (imagen de ejemplo descargándolo desde Deviantart.com).
• Descomprimir el archivo en el caso que venga en formato ZIP o RAR.
• Guardar imágenes extra en el caso de que las haya.
• Abrir archivo de acciones *.atn (se abrirá Photoshop si no está abierto ya).
• Abrir la foto a la que se quiere aplicar la acción
• Seleccionar acción en la paleta Acciones (o Actions).
• Pulsar Play y seguir los pasos si es necesario.