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

Animação ao longo de um acidente vascular cerebral

Um curso de Javier Usobiaga Ferrer , Web designer

98% avaliações positivas (271)

9,108 alunos

Áudio: Espanhol

· ·

Sobre a videoaula: Animação ao longo de um acidente vascular cerebral

Visão geral

“Nesta lição, vamos definir um rastreio e criar o elemento que queremos animar através dele. Usaremos JavaScript, embora, como explicarei, em breve possamos usar esse tipo de animação também com CSS.”

Nesta videoaula, Javier Usobiaga Ferrer aborda o tópico: Animação ao longo de um acidente vascular cerebral,que faz parte do curso online da Domestika: Gráficos vetoriais SVG: ilustrar e animar com código. Aprenda a trabalhar com ilustrações vetoriais em seus sites de internet, da linha à animação interativa.

Transcrição parcial do vídeo

“Nesta lição vamos para definir um traço e vamos tentar que o objeto que animamos cruze esse traço. Neste último exemplo eu recriou a animação que havia feito originalmente com Smile mas neste caso com GreenSock. Para isso eu tenho um caminho de tag com o traço que é visível, mas pode não ser. Se removermos os estilos esse mesmo traço, estamos coletando com JavaScript para definir o movimento do círculo. Para isso eu usei a biblioteca Green GreenSock, Twinmax e eu precisei do plugin Morph svg que é o que nós usamos em na demo anterior. Nas linhas de JavaScript que escrevi próximo por um lado...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

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

Nível: Iniciante
98% avaliações positivas (271)
9108 alunos
7 unidades
32 aulas (2h 2m)
6 downloads

Categoria
Web e App Design
Softwares
Adobe Illustrator, Sketch
Áreas
Animação, Desenvolvimento Web, Design interativo, Web Design

Javier Usobiaga Ferrer

Um curso de Javier Usobiaga Ferrer

Professor Plus

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