Gráficos vetoriais SVG: ilustrar e animar com código

Um curso de Javier Usobiaga Ferrer, Web designer

  • 100% Avaliações positivas (62)
  • 1307
  • 2 h 2 m
  • Áudio: Espanhol
  • Espanhol / Inglês / Português
US$ 14.90
57% de desconto US$ 34.90
  • 100% Avaliações positivas (62)
  • 1307
  • 2 h 2 m
  • Áudio: Espanhol
  • Espanhol / Inglês / Português
Gráficos vetoriais SVG: ilustrar e animar com código. Um curso de Tecnologia de Javier Usobiaga Ferrer

Gráficos vetoriais SVG: ilustrar e animar com código

Um curso de Javier Usobiaga Ferrer

57% de desconto US$ 34.90
US$ 14.90

Aprenda a trabalhar com ilustrações vetoriais em seus sites de internet, da linha à animação interativa

Javier Usobiaga - Web Designer e co-fundador da Marta Armada do estudo Swwweet - vai ensiná-lo a tirar o máximo proveito do formato SVG (Scalable Vector Graphics), um tipo de arquivo vetorial para uso em navegadores que surge como alternativa ao JPG, PNG e GIF e que se caracteriza por ser escalável, interativo e responsivo. Você descobrirá seus efeitos, filtros e animações e poderá criar ilustrações e peças animadas com código HTML, CSS e JavasScript.

Javier também ensina no Domestika o curso Introdução ao Desenvolvimento Responsivo da Web]. com HTML e CSS " , onde você pode aprender os fundamentos do Frontend Web Development, conhecimento que virá muito bem como uma base para aproveitar ao máximo este curso de gráficos vetoriais SVG.

O que este curso inclui?

Você começará a conhecer o trabalho e as influências no mundo do SVG de Javier Usobiaga.

Abaixo, você entenderá como o formato SVG funciona em sua forma mais básica para poder alterá-lo e otimizá-lo. Para isso, você começará a escrever um gráfico básico sem editores visuais apenas com o editor de código, descobrirá como aplicar estilos através de atributos e CSS, saberá como os rótulos de linha, polilinha e polígono funcionam e os rótulos de rastreamento que permitem criar um número infinito de curvas, linhas e pontos. Você também verá os atributos da caixa de visualização que permitem criar janelas virtuais (delimitar a parte visível de um gráfico e zoom) e rótulos de texto.

Depois de conhecer as ferramentas básicas, será hora de aprender a usar outras ferramentas de otimização, como editores vetoriais e ferramentas de código, com as quais você poderá agrupar, definir e reutilizar elementos SVG para salvar várias linhas de código.

A próxima fase será incorporar o SVG na web, para isso, Javier explicará maneiras de carregar um SVG (imagem de conteúdo, imagem de fundo, com JavaScript ...), sua aplicação em relação aos sistemas de ícones, seu papel na web responsiva , dicas para melhorar a experiência do leitor de tela e como otimizar o formato SVG em todos os navegadores.

Em seguida, você descobrirá os efeitos em SVG (transformações, gradientes, padrões, máscaras e filtros) e os tipos de animação (com CSS, sequência, desenho e interativo) incluindo algumas animações avançadas como aquelas feitas com JavasScript, aquelas aplicadas a caixas de seleção animadas. as mutações ou morphings e as animações ao longo de um traço.

Qual é o projeto do curso?

Você fará uma ilustração com elementos vetoriais animados. O assunto é gratuito e você pode fazer um projeto tão simples ou complexo quanto quiser, colocando em prática as ferramentas que você viu durante o curso.

A quem se dirige?

Para programadores, designers, ilustradores e qualquer um que tenha interesse em design e curiosidade ao desenvolver novos projetos com HTML e CSS.

Requisitos

Conhecimento prévio básico de HTML e CSS é necessário.

Com relação aos materiais e ferramentas necessários para concluir o curso, você deve ter um computador, um editor de código e um editor de gráficos vetoriais (como Illustrator, Sketch, Inkscape ou similar).

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 lição.

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

57% de desconto US$ 34.90

Javier Usobiaga Ferrer

Javier Usobiaga Ferrer ProfessorPro

Web designer

Javier Usobiaga é Web Designer há 10 anos e co-fundador do estúdio Marta Armada Swwweet, especializado no design de webs responsivas desde a concepção inicial até o desenvolvimento de front-end.

Ele também gosta muito de sua faceta como professor de Web Design em renomados workshops e escolas como Elisava, IDEP.

A Usobiaga entende a web como um todo, não só o quão bonita ela pode ser na tela do computador, mas também sua usabilidade em diferentes dispositivos e circunstâncias.

Em suas palavras "Eu acho que tão importante quanto a estética é a rapidez com que carrega ou o quão bem ele responde, e eu acho que na nossa indústria frequentemente esquecemos disso."

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