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

Um curso de Javier Usobiaga Ferrer, Diseñador web

US$ 14.90
REBAJAS 57% de desconto US$ 34.90
  • 100% Avaliações positivas (44)
  • 970
  • 2 h 2 m
Gráficos vectoriales SVG: ilustrar y animar con código. Um curso de Tecnologia de Javier Usobiaga Ferrer

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

Um curso de Javier Usobiaga Ferrer

REBAJAS 57% de desconto US$ 34.90
US$ 14.90

Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva

Javier Usobiaga –Diseñador Web y cofundador junto a Marta Armada del estudio Swwweet– 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.

O que este curso inclui?

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.

Qual é o projeto do 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 quem se destina?

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).

Assim são os cursos do Domestika

  • Aprenda no seu ritmo

    Desfrute dos cursos em casa, sem horários e sem entregas. Você define seu próprio cronograma.

  • Na primeira fileira

    Vídeos de alta qualidade para que você não perca nenhum detalhe. E como o acesso é ilimitado, você pode vê-los várias vezes.

  • Feito pelo professor

    Aprenda técnicas e métodos valiosos, que são explicados pelos maiores especialistas do mercado criativo.

  • Compartilhe o conhecimento

    Exponha suas dúvidas, peça feedback e ofereça soluções. Compartilhe o aprendizado com os outros alunos da comunidade.

  • Professores especialistas

    Cada professor ensina somente o que sabe fazer de melhor, garantindo, assim, que a paixão e a excelência sejam transmitidas em cada aula.

  • Comunidade criativa

    Mais de 1M criativos, e a comunidade não para de crescer. O Domestika é o ambiente ideal para compartilhar e aprender o que você mais gosta.

  • Certificado Pro

    Confirme que você participou do curso com um certificado assinado pelo seu professor. Adquira-o com sua assinatura do Domestika PRO.

  • Cursos elaborados profissionalmente

    Selecionamos os melhores criativos, e uma equipe de profissionais elabora o curso em parceria com eles. Eis o resultado: você terá a sensação de trabalhar com os melhores.

REBAJAS 57% de desconto US$ 34.90

Javier Usobiaga Ferrer

Javier Usobiaga Ferrer ProfessorPro

Diseñador web

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.”

44 avaliações / 100% de avaliação positiva