Seguramente muchos de ustedes han ingresado a un sitio web y les encanta ver aquellos gráficos animados que invitan a dar click, incluso cuando realmente no estás interesado en el producto, si eso te ha pasado estás en el lugar correcto porque hoy enseñare algunas formas de hacer gifs animados y gráficos en html5 para tu sitio web y blog.
Primero empecemos con los Gifs animados
Si bien son una tecnología antigua, para muchos sigue siendo una opción atractiva. Para explicar cómo hacer un Gif animado con photoshop me apoyaré en el video creado por desarrolloweb.com, el cual les presento a continuación :
[videoframes src=»https://www.youtube.com/watch?v=wV6-fetGDG4″ skin=»2″ headline_text=»Diseñar un Gif animado con Photoshop CSS» headline_color=»#000000″ headline_size=»22″]
Gráficos HMTL5
En cuanto a hacer gráficos en HMTL5 puede ser la mejor opción ya que el consumo de datos de servidor es mejor, además de contar con gran compatibilidad, existen dos caminos, el primero es diseñarlos con código creando un canvas, el segundo camino es más fácil y mucho más atractivo para cualquier usuario, es utilizar una herramienta como Pixal.
A continuación te presento un video donde muestra el funcionamiento de Pixal
[videoframes src=»https://www.youtube.com/watch?v=-KBYQqy5NTg» skin=»10″ headline_text=»Utilizando PIxal para crear gráficos en HTML5″ headline_color=»#000000″ headline_size=»22″]
Muy pronto tendré un video disponible en español donde explicaré cada detalle.
Cualquier duda respecto al funcionamiento de Pixal y alternativas para desarrollo de gráficos en HTML5 puedes resolverla a través de comentarios o el formulario de contacto.
