• Nosotros
  • Contacto
Öbjetto
Mússica
Advertisement
  • Login
  • Regístrate
Mi plan
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Opinión
  • Gràffica+
  • Tienda

    Visitar tienda →

    Suscripciones

    Puntos de venta

    • Libros esenciales

      Libros esenciales (75)

    • Revista Gràffica

      Revista Gràffica (24)

    • Papelería

      Papelería (13)

    • Gadgets

      Gadgets

  • × Calendario Emocional 1 × 0,00€

Subtotal: 0,00€

Ver carritoFinalizar compra

Sin resultado
Ver todos los resultados
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Opinión
  • Gràffica+
  • Tienda

    Visitar tienda →

    Suscripciones

    Puntos de venta

    • Libros esenciales

      Libros esenciales (75)

    • Revista Gràffica

      Revista Gràffica (24)

    • Papelería

      Papelería (13)

    • Gadgets

      Gadgets

  • × Calendario Emocional 1 × 0,00€

Subtotal: 0,00€

Ver carritoFinalizar compra

Sin resultado
Ver todos los resultados
Gràffica
Sin resultado
Ver todos los resultados

¿Quieres ilustrar y animar con código? Aprende con Javier Usobiaga cómo dominar los gráficos vectoriales SVG

Por Gràffica
04/04/2017
en Domestika, Formación

Javier Usobiaga –Diseñador Web y cofundador junto a Marta Armada del estudio Swwweet– será tu guía en este curso online para que domines los gráficos vectoriales SVG y aprendas a ilustrar y animar con código.
¿Quieres ilustrar y animar con código? CURSO: Aprende con Javier Usobiaga cómo dominar los gráficos vectoriales SVG

↓ ACCEDE AL CURSO AQUÍ

Aprende a crear una ilustración con elementos vectoriales animados con HTML, CSS y JavasScript. Javier Usobiaga te enseñará a sacarle el máximo partido al formato SVG (Scalable Vector Graphics), un tipo de archivo vectorial para uso en navegadores que surge como alternativa a los archivos JPG, PNG y GIF, y que se caracteriza por ser escalable, interactivo y responsive. Descubrirás sus efectos, filtros y animaciones, y lograrás crear ilustraciones y piezas animadas con código HTML, CSS y JavasScript.

Javier también imparte en Domestika el curso Introducción al Desarrollo Web Responsive con HTML y CSS, en el que podrás aprender los fundamentos del Desarrollo Web Frontend, conocimientos que te vendrán muy bien como base para aprovechar al máximo este curso de gráficos vectoriales SVG.
¿Quieres ilustrar y animar con código? Aprende con Javier Usobiaga cómo dominar los gráficos vectoriales SVG

Aprende a hacer ilustraciones de metáforas visuales

Cómo ajustar la oferta académica a la demanda profesional: el caso de U-tad

Un curso gratuito sobre infografía de la mano de Jaime Serra

Voxel School: La importancia de especializarse en un sector en auge

↓ ACCEDE AL CURSO AQUÍ

¿QUÉ INCLUYE ESTE CURSO?
Comenzarás conociendo el trabajo y las influencias en el mundo del SVG de Javier Usobiaga.

A continuación, entenderás cómo funciona el formato SVG en su forma más básica para poder alterarlo y optimizarlo. Para ello, empezarás escribiendo un gráfico básico sin editores visuales solo con el editor de código, descubrirás cómo aplicar estilos a través de atributos y CSS, sabrás cómo funcionan las etiquetas de línea, polilínea y polígono y las etiquetas de trazo que permiten crear infinidad de curvas, rectas y puntos. También verás los atributos viewbox que permiten realizar ventanas virtuales (delimitar la parte visible de un gráfico y hacer zoom) y las etiquetas de texto.

Una vez que conozcas las herramientas básicas, será el momento de aprender a usar otras herramientas de optimización como los editores vectoriales y herramientas de código con las que lograrás agrupar, definir y reutilizar elementos SVG con el fin de ahorrarte muchas líneas de código.

La siguiente fase será incorporar SVG a la web. Para ello, Javier te explicará formas de cargar un SVG (imagen de contenido, imagen de fondo, con JavaScript…), su aplicación respecto a los sistemas de iconos, su papel en la web responsive, consejos para mejorar la experiencia en lectores de pantalla y cómo optimizar el formato SVG en todos los navegadores.

Seguidamente, descubrirás los efectos en SVG (transformaciones, degradados, patrones, máscaras y filtros) y los tipos de animación (con CSS, de secuencia, de dibujado e interactiva), incluyendo algunas animaciones avanzadas como las realizadas con JavasScript, las aplicadas a checkbox animados, las mutaciones o morphings y las animaciones a lo largo de un trazo.
02-ANIMACION-SVG

↓ ACCEDE AL CURSO AQUÍ

¿CUÁL ES EL PROYECTO DEL CURSO?
Realizarás una ilustración con elementos vectoriales animados. El tema es libre y puedes hacer un proyecto tan simple o complejo como quieras poniendo en prácticas las herramientas que has visto durante el curso.

¿A QUIÉN ESTÁ DIRIGIDO?
A programadores, diseñadores, ilustradores y cualquier persona que tenga interés por el diseño y curiosidad a la hora de desarrollar nuevos proyectos con HTML y CSS.

REQUISITOS
Se requieren conocimientos básicos previos de HTML y CSS.

Respecto a los materiales y herramientas que necesitarás para realizar el curso, deberás contar con un ordenador, un editor de código y un editor de gráficos vectoriales (como Illustrator, Sketch, Inkscape o similares).
¿Quieres ilustrar y animar con código? CURSO: Aprende con Javier Usobiaga cómo dominar los gráficos vectoriales SVG

↓ ACCEDE AL CURSO AQUÍ

¿CÓMO FUNCIONAN LOS CURSOS EN DOMESTIKA?
Todos los cursos de Domestika se imparten online y tienen como objetivo completar un proyecto final que luego podrás publicar para recibir feedback de la comunidad creativa de Domestika.

Mediante lecciones en vídeo que podrás ver siempre que quieras, tu profesor te explica paso a paso sus trucos y técnicas para que adquieras las habilidades necesarias para realizar el proyecto.

Una vez que se abre el curso, puedes empezarlo dónde y cuándo quieras. No hay plazos de entrega, ni fecha de finalización.

La idea es que aprendas al ritmo que te propongas y que comiences una relación duradera con la comunidad de tu curso.

Recuerda… ¡Este es el principio de una gran amistad!

↓ ACCEDE AL CURSO AQUÍ

¿Quieres ilustrar y animar con código? Aprende con Javier Usobiaga cómo dominar los gráficos vectoriales SVG
SOBRE JAVIER USOBIAGA

Javier Usobiaga es Diseñador Web desde hace 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.

También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.

Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.

En sus palabras: «creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso».

→ Curso: Gráficos vectoriales SVG: ilustrar y animar con código, con Javier Usobiaga

OTROS CURSOS QUE PUEDEN SER DE TU INTERÉS:
– Organización y desarrollo de un proyecto profesional en 3D con Cinema 4D

– Domina el prototipado y visualizaciones de producto en Cinema 4D
– Planificación y gestión de un estudio creativo

Compartir27Tweet17Enviar

+ Artículos

Domestika

Aprende a hacer ilustraciones de metáforas visuales

Por Gràffica
Formación

Cómo ajustar la oferta académica a la demanda profesional: el caso de U-tad

Por Gràffica
Formación

Un curso gratuito sobre infografía de la mano de Jaime Serra

Por Gràffica
Animación

Voxel School: La importancia de especializarse en un sector en auge

Por Gràffica
Domestika

Sumérgete en el diseño y la ejecución de estrategias de branded content

Por Gràffica
Formación

Laura Meseguer reivindica el diseño que no se ve con «Invisible»

Por Gràffica

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Realidad Aumentada

Mapi, la presentadora de televisión de realidad aumentada

Por Gràffica

Ayer Rtve estrenó su programa Mapi, que incluye una co-presentadora cuya cara se anima con Unreal Engine en tiempo real....

Leer

«A propósito de la igualdad» por Víctor Palau

Encuentra el copy perfecto con esta web gratuita

¿Qué se esconde detrás del polémico cartel del Ministerio de Igualdad?

«Pero yo, ¿qué puedo hacer?» por Óscar Guayabero

  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Opinión
  • Gràffica+
  • Tienda
Condiciones Generales | Política de Privacidad | Entregas y devoluciones

© 2022 graffica.info

Sin resultado
Ver todos los resultados
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Opinión
  • Gràffica+
  • Tienda
  • Login
  • Únete
  • Carrito

© 2022 graffica.info

¡Hola de nuevo!

Entra en tu cuenta abajo

¿Has olvidado tu contraseña? Únete

¡Crea una nueva cuenta!

Rellena el formulario de abajo para registrarte

Se requieren todos los campos Entrar

Recupera tu contraseña

Por favor, pon tu usuario o email para restablecer tu contraseña

Entrar
Gestionar el consentimiento de las cookies
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos. El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu Proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
Administrar opciones Gestionar los servicios Gestionar proveedores Leer más sobre estos propósitos
Ver preferencias
{title} {title} {title}