Etiqueta: animación

Piskel, para crear animaciones pí­xel a pí­xel

Publicado el

por Juan Diego Polo

piskel

Crear animaciones es sencillo: solo tenemos que poner una imagen después de otra y definir la velocidad de la misma. El problema es cuando queremos personalizar el resultado a nivel de pí­xel, ya que no hay muchas herramientas que permitan realizar ese trabajo.

En esa categorí­a os presentamos a piskelapp.com, un editor gráfico online en el que podemos dibujar prácticamente cualquier cosa pintando pí­xeles en un panel bastante intuitivo. El resultado es bastante retro, y lo mejor de todo es que podemos crear etapas para generar la animación, con posibilidad de exportar el resultado en gif.

Continúa leyendo «Piskel, para crear animaciones pí­xel a pí­xel»

Firefox 44 Developer Edition trae nuevas herramientas de edición visual y de gestión de memoria

Publicado el

por Fco. José Hidalgo

FirefoxDeveloperEdition

Dave Camp, Director de Ingenierí­a para Firefox en Mozilla, y Dan Callahan, Ingeniero con Mozilla Developer Relations, han presentado el lanzamiento de Firefox 44 Developer Edition, coincidiendo además en el mismo mes en el que se cumple el primer aniversario del lanzamiento Firefox Developer Edition, el canal de desarrollo situado entre el canal Nightly y el canal Beta. Las novedades incorporadas en esta versión básicamente son las nuevas herramientas de edición visual y de gestión de memoria.

Acorde a ellos, a medida que la web ofrece experiencias más dinámicas, interactivas y móvil, los diseñadores visual ahora más que nunca deben experimentar con la animación. Es por ello por lo que en esta versión se incluye herramientas de edición visual que funcionan «como lo hacen». Entre las señaladas herramientas se encuentran las herramientas de animación y filtrado CSS, así­ como otras dos herramientas enfocadas en perfeccionar los diseños. Para ofrecer una idea de todo lo que se puede llegar a hacer con estas nuevas herramientas, se ha lanzado la web DevTools Challenger con una serie de ejemplos.
Continúa leyendo «Firefox 44 Developer Edition trae nuevas herramientas de edición visual y de gestión de memoria»

Pixar y Khan Academy presentan curso online gratuito de animación, patrocinado por Disney

Publicado el

por Juan Diego Polo

captura-64

Enseñar Cómo se usan las matemáticas para hacer animaciones, ese es el objetivo del nuevo curso que acaban de presentar en khanacademy.org, resultado de la asociación con Pixar Animation Studios y patrocinado por Disney.

Se trata de un conjunto de ví­deos, con sesiones de preguntas y respuestas y actividades, que muestran la magia de las matemáticas a la hora de diseñar personajes y escenarios.

Son siete unidades que tratan sobre:

– modelado de Medio Ambiente: con ejemplos que muestran cómo se crearon las hojas de hierba en Brave (Valiente) usando arcos parabólicos.
– modelado de personajes: donde hablan sobre la creación de modelos de arcilla en caracteres digitales utilizando medias ponderadas.
– animación: con técnicas que enseñan a dar vida a los personajes usando diferentes tipos de curvas de animación.
– multitudes: para ver cómo se hací­an los enjambres de robots en Wall-E mediante la combinatoria.
– sets: para entender el proceso de creación de sets virtuales utilizando transformaciones geométricas.
– render: para usar álgebra en el proceso de pintado digital de los pí­xeles.

Aunque no es necesario tener conocimiento de herramientas 3D ni procesado de imagen, sí­ es importante tener conocimientos de matemáticas, ya que se tratarán conceptos de varias áreas de esta ciencia. El curso está en inglés, por lo que es importante también entender el idioma.

apexvj, un fantástico reproductor musical de SoundCloud

Publicado el

por Juan Diego Polo

captura-2

Soundcloud tiene una impresionante colección e buena música que podemos escuchar de forma gratuita, tanto para descubrir nuevos talentos como para escuchar covers de los más famosos.

Una de las ventajas de este sistema es que permite que otras aplicaciones puedan integrarse con sus datos para generar nuevas formas de disfrutar de su contenido, y eso es lo que hace el excelente reproductor apexvj.

El proyecto empezó en 2010, y ha ido evolucionando, incluso pasando por una campaña en Kickstarter, para llegar a la versión 3 que ya está disponible en su web. Se trata de un visualizador de música, algo que es más fácil explicar cuando se reproduce un tema en su plataforma.

[…] una inteligencia artificial que convierte las ondas sonoras en pixeles y animación.

Utiliza algoritmos propios para crear animaciones 3D que se ajustan al ritmo de la música en tiempo real, usando la tecnologí­a WebGL para no depender de flash y permitiendo que se reproducta en cualquier pantalla durante una fiesta, siendo ese exactamente el objetivo: darle forma al sonido.

Son varias las personas que colaboran en el proyecto, aunque sus raí­ces se encuentran en Finlandia, en las manos del programador Simo Santavirta.

En este ví­deo podéis ver más información sobre apexvj y algunos ejemplos de la última versión que fue lanzada hace ya varios meses:
Continúa leyendo «apexvj, un fantástico reproductor musical de SoundCloud»

Giphy Cam, para crear gifs animados desde el móvil

Publicado el

por Juan Diego Polo

Todos adoran los gifs animados (bueno, casi todos), pero crearlos no es algo sencillo para la mayorí­a de la población, y mucho menos desde el móvil.

Lo que pretende Giphy Cam es permitir que cualquier persona pueda crear gifs animados en pocos segundos, sin necesidad de tener conocimientos técnicos.

Disponible para iPhone, y con versión android en camino, permite a los usuarios crear un gif animado de pocos segundos, algo que se hace únicamente pulsando el botón y enfocando a lo que queremos capturar. La app se encargará de realizar varias capturas y juntarlas en un gif que podrá ser guardado o compartido con otras personas.

El resultado puede ser modificado con efectos «a lo instagram» (hay más de 40 disponibles), así­ como con stickers que podremos incluir dentro de las imágenes capturadas.

captura-9

En realidad no es ninguna maravilla técnica, pero el poder acercar la posibilidad de crear gifs a cualquier persona, sin tener que juntar manualmente los frames capturados, es una idea que nunca ha sido presentada de forma decente. A compartirlo con otras personas se mantiene el formato Gif, menos al enviarlo a Instagram, donde se transforma internamente en ví­deo para permitir su publicación (Instagram no permite gifs).

Supongo que por el nombre ya habréis podido adivinar que se trata de un proyecto del buscador de gifs Giphy.com, uno de los más famosos en su categorí­a.

plotagon, para crear historias 3D personalizadas

Publicado el

por Juan Diego Polo

Disponible para PC, Mac y iPhone/iPad (no hay versión android), Plotagon ofrece una plataforma desde la cual podemos diseñar personajes tridimensionales y acciones. Dichos personajes serán los protagonistas de historias que podremos definir desde la aplicación, eligiendo el fondo y desarrollando guiones para, de esa forma, crear un ví­deo con el resultado.

El funcionamiento es sencillo: diseñamos personajes (o seleccionamos los existentes en la opción gratuita), establecemos un escenario, decidimos la posición de cada personaje dentro del ambiente escogido, especificamos el diálogo y el estado de humor de cada uno, configuramos acciones y publicamos el ví­deo.

El único problema es que la voz artificial que oí­mos cuando escribimos en español, es terrible, ya que está preparado para «hablar» en inglés. Aún así­ , podrí­a ser un excelente recurso para ayudar a los estudiantes a crear diálogos en clase de inglés, publicando los ví­deos dentro de clase y haciendo «concursos de talentos».
Continúa leyendo «plotagon, para crear historias 3D personalizadas»

Publicado en

Ya podemos poner gifs animados en Facebook

Publicado el

por Juan Diego Polo

Aunque hace ya casi dos años que Facebook permite la inclusión de animaciones en formato Gif que llegan desde Giphy, ahora es posible divulgar este tipo de archivos desde cualquier fuente.

No es posible, de momento, subir nuestro propio gif a los servidores de Facebook, pero si divulgamos un link a un gif de cualquier sitio web, Facebook lo reproducirá automáticamente, mostrando un sí­mbolo GIF durante la carga del mismo.

gif

Solo tenemos que copiar la url del gif deseado y pegarla en Facebook. La carga puede tardar un poco, dependiendo del tamaño del archivo, y nuestros seguidores verán la animación sin necesidad de pulsar PLAY.

En caso de que obtengáis una animación de imgur, es importante recordar que el formato que allí­ usan, gifv, es reconocido como ví­deo por Facebook, no como gif, por lo que no tendrá el mismo funcionamiento (sí­ será necesario PLAY).

Buenas noticias para muchos fans del gif, malas noticias para los que odian el formato y presienten que Facebook se transformará una vez más en un carnaval de luz, color y movimiento. Recordad, eso sí­, que si alguien se pone muy pesado con los gifs, siempre es posible dejar de seguirlo sin por ello perderlo como contacto.

Una aplicación para ver animaciones 3D al ritmo de la música

Publicado el

por Juan Diego Polo

captura-2

Seguimos navegando entre las posibilidades de la web moderna y llegamos a do.adive.in/music/, una aplicación web que podemos usar para ver luces moviéndose en 3D al ritmo de las músicas que indiquemos.

Si no tenemos ningún mp3 en nuestro ordenador para que lo usemos en la animación, podemos elegir cualquiera de los temas existentes en el menú lateral, donde hay más de 20 canciones con licencia Creative Commons. Si usáis Chrome podéis arrastrar cualquier mp3 a la pantalla y cargar la música que deseemos, siendo posible especificar el tipo de animación deseado.

Es posible guardar animaciones, crear algunas y compartirlas con los amigos, así­ como configurar la reproducción para que los fps se adapten al poder de nustra cpu (si vemos que la animación tiene paradas, podemos reducir su resolución para que no consuma tantos recursos).

Usa javascript, webgl y websound api, aunque hace varios meses que no se actualiza, según vemos en su página de presentación.

gifrun nos permite crear gifs animados a partir de ví­deos, e incluir textos

Publicado el

por Juan Diego Polo

Hace un año os mostramos varias opciones existentes para transformar ví­deos de youtube en gif animados, opciones que se ampliaron hace pocos dí­as con esta herramienta de imgur que permite realizar algo semejante, generando archivos webM (una nueva forma de mostrar animaciones).

Ampliamos hoy dichas opciones con gifrun.com/youtube, una aplicación que tiene varias ventajas con respecto a otras alternativas:

– incluye un buscador de ví­deos para que no sea obligatorio pegar la url del ví­deo deseado.
– perimte añadir textos en la animación final
– no tiene banners publicitarios engañando a los usurios con botones falsos de «download» (algo muy tí­pico en esa categorí­a).

El resultado puede cortarse y configurarse de varias formas, tal y como veis en la captura superior, donde hemos editado uno de los ví­deos de nuestro nuevo canal youtube.com/wwwhatsnew. Es posible, por ejemplo, definir el tamaño del gif, así­ como los segundos de duración, teniendo un máximo de 15 segundos.

En la sección superior muestra también la posibilidad de bajar el ví­deo seleccionado, con la opción de eliminar el audio para que ocupe menos espacio.