Comunidad de diseñadores puertorriqueños

Alice in Videoland

html5-icon

Poder crear animaciones es otro beneficio que obtenemos al codificar nuestras páginas utilizando html5. En el siguiente artículo vemos como Rachel Nabors, una muy talentosa ilustradora, crea un libro animado, Alice in Videoland, basado en html5. Nabors utiliza su talento como caricaturista para crear sus ilustraciones y nos muestra el proceso que llevó a cabo para realizar el trabajo. A lo largo del artículo, podemos ver varios enlaces externos que nos llevan a ver diferentes muestras de sus trabajos, referencias que utilizó o que nosotros podemos utilizar para aprender.

Al observar el proceso que Nabors llevó a cabo, nos damos cuenta de todos los elementos que influyen a la hora de crear un proyecto como ese. Al igual que cuando creamos cortometraje, tuvo que hacer un storyboard para dejarse llevar. Organizó los bocetos de las escenas para tener una idea más clara de lo que iba a hacer. En los bocetos vemos que están dibujados todos los gestos posibles de sus personajes. También vemos como es que su estilo se basa en su experiencia y la investigación que hizo para poder crear el concepto. Entonces los bocetos podrán ser digitalizados.  Al digitalizar las imágenes, la artista añade color a su trabajo y utiliza diferentes técnicas de pintura y color para crear contraste entre las escenas e ilustrar  su historia.

Ya con sus vectores finalizados, Nabors procede a codificar su trabajo. Nos muestra varias formas para crear su animación y nos explica porqué optó por utilizar la hoja de estilo (CSS3). No sólo eso, sino que en algunas partes utilizó una técnica conocida como parallax scrolling que implica el uso de otros lenguajes, como Javascript. En cada escena podemos ver el código que usó para crearla y así aprender.

Para concluir, pienso que es increíble como podemos implementar diferentes conocimientos y técnicas para crear una obra como la que Rachel Nabors nos acaba de presentar. En adición pudimos apreciar los adelantos y beneficios que obtenemos al codificar nuestras páginas en HTML5.

Leer más >

 

 

Leave a Reply