Blog
17/06/2019

Gráficos SVG: ilustrar y animar con código

¿Tienes curiosidad por saber cómo se hacen los gráficos animados de algunas páginas web?, este curso es para ti, el curso de gráficos SVG para ilustrar y animar con código ya está disponible.

SVG son las siglas de Scalable Vector Graphics y no es nada más y nada menos que un formato de gráficos vectoriales bidimensionales que pueden ser estáticos o se pueden animar y son una de las recomendaciones a nivel de código de páginas web más recurrentes.

Gráficos SVG: ilustrar y animar con código

 

Sácale el máximo rendimiento al formato SVG y mejora la experiencia de usuario en tus diseños web.

¿Mola?

¿Qué voy a aprender en el curso, Gráficos SVG: ilustrar y animar con código?

En el curso de Gráficos vectoriales SVG para ilustrar y animar con código vas a aprender a trabajar con ilustraciones vectoriales en tus páginas web, de la línea de la animación interactiva.

El curso tiene una duración de 2h 2m y en él, vas a dar un recorrido desde lo más básico del formato SVG hasta la realización de un proyecto completo.

Aprenderás a:

  • Introducción al formato SVG
  • Aplicación de estilos con atributos y CSS
  • Funcionamiento de etiquetas de línea, polilínea, polígono, trazo para curvas, rectas y puntos.
  • Atributos viewbox para las ventanas virtuales.
  • Herramientas de optimización para editar vectores y de código para grupar, definir y reutilizar elementos SVG.
  • Incorporación de SVG a web.
  • Efectos de SVG

 

No dejes escapar este curso y aprende a crear gráficos vectoriales SVG para ilustrar y animar con código tus diseños y desarrollos web.

¿Cómo voy a hacerlo?

El proyecto del curso es la realización de una ilustración con elementos vectoriales animados.

La temática es libre y la dificultad del proyecto es cosa tuya, así que puedes elegir un proyecto sencillo o complejo y aplicar y poner en práctica las herramientas que aprenderás en el curso.

montaje-curso-de-la-semana

¿Qué necesito para poder hacer el curso?

Lo único que necesitas para realizar este curso con éxito es un ordenador, un editor de código y un editor de gráficos vectoriales (ilustrator, sketch, Inkscape o similar).

Con eso y muchas ganas terminarás el curso siendo un crack del SVG.

¿Este curso es para mi?

Para sacarle el máximo partido al curso de gráficos vectoriales SVG para ilustrar y animar con código es necesario tener un conocimiento básico de HTML y CSS.

Está especialmente recomendado para:

  • Diseñador gráfico
  • Creativo
  • Ilustrador
  • Programador
  • Maquetador
  • Diseñador web

¿Quién es el profesor?

Una vez más Javier Usobiaga, nuestro maestro gurú del diseño y la programación web será el encargado de guiarnos por los contenidos del curso.

Javier es diseñador web con 10 años de trayectoria y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseño web responsive.

Es profesor de workshops en Elisava e IDEP así que lo tiene todo para ser el mejor profesor para tí.

No lo dudes y …

??¡¡¡Apúntate ya!!!??

Sobre Domestika

Con más de 1M de creativos, Domestika es el lugar perfecto para compartir y aprender sobre todas las temáticas que te interesan.

¿Te ha gustado?
Sucríbete
Artículos relacionados
¿empezamos a trabajar
en tu proyecto?

Analizamos tu situación actual y definimos el siguiente paso.

Contacta ahora
Nuestro sitio utiliza cookies para recopilar información sobre su dispositivo y su actividad de navegación. Utilizamos estos datos para mejorar el sitio, garantizar la seguridad y ofrecer contenido personalizado. Puede gestionar sus preferencias de cookies haciendo clic aquí.
Aceptar cookies Configurar Rechazar cookies
Información básica de las cookies
Este sitio web utiliza cookies y/o tecnologías similares que almacenan y recuperan información cuando navega. En general, estas tecnologías pueden tener finalidades muy diversas como, por ejemplo, reconocerte como usuario, obtener información sobre tus hábitos de navegación o personalizar la forma en la que se muestran los contenidos. Los usos específicos que hacemos de estas tecnologías se describen a continuación. Por defecto, todas las cookies están deshabilitadas, excepto las técnicas, que son necesarias para el funcionamiento del sitio web. Si desea obtener más información o ejercer sus derechos en materia de protección de datos, puede consultar nuestra Política de cookies".
Aceptar cookiesConfigurar
Cookies técnicas necesarias Siempre activas
Las cookies técnicas son estrictamente necesarias para que nuestro sitio web funcione y puedas navegar por él. Este tipo de cookies son aquellas que, por ejemplo, nos permiten identificarte, darte acceso a determinadas partes restringidas de la página si es necesario, o recordar diferentes opciones o servicios ya seleccionados por ti, como tus preferencias de privacidad. Por tanto, están activadas por defecto, no siendo necesaria su autorización. Mediante la configuración de su navegador puede bloquear o alertar de la presencia de este tipo de cookies, aunque dicho bloqueo afectará al correcto funcionamiento de las diferentes funcionalidades de nuestra página web.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirmar preferencias
contacta con nosotros
Formulario

Cuéntanos
tu proyecto

Indica el contexto general de tu organización y el alcance previsto del proyecto.
Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Title
Popupcontent
Análisis de tu situación digital

Revisaremos tu situación digital actual. Nos pondremos en contacto contigo para entender tu contexto y valorar conjuntamente qué áreas analizar, y posteriormente elaboraremos una auditoría con los puntos clave y recomendaciones.

Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Aceptar