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
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. definiremos um traço e faremos o objeto animado seguir esse caminho traçado. Neste último exemplo. eu decidi recrear a animação que havia criado inicialmente usando o programa Smile. mas neste caso com o GreenShot. Para isso. tenho uma etiqueta. Paz. com um traço visível. mas que poderia facilmente não ser percebido. se removermos os estilos. Estamos capturando este mesmo traço com JavaScript. para definir o movimento do círculo. Para isso. utilizei a biblioteca GreenSock TweenMax. e também precisei do MorphSVGPlugin que é o que tínhamos utilizado na demonstração anterior. nas ...”
Esta transcrição é gerada automaticamente, portanto pode conter erros.
Resumo do curso: Gráficos vetoriais SVG: ilustrar e animar com código
-
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
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."
- 98% avaliações positivas (273)
- 9,310 alunos
- 32 aulas (2h 2m)
- 28 recursos adicionais (6 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português, Türkçe
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe · Romanian · Indonesian
- Nível: Iniciante
- Acesso ilimitado para sempre
Software e ferramentas recomendados para este curso
Adobe Illustrator
SketchCategoria
Áreas
