Gráficos vetoriais SVG: ilustrar e animar com código
Animação desenhada
Um curso de Javier Usobiaga Ferrer , Web designer
Sobre a videoaula: Animação desenhada
Visão geral
“Um efeito muito marcante e relativamente simples é o fato de animar as bordas de uma ilustração, dando a impressão de que ela se desenha. Vamos ver como fazer isso.”
Nesta videoaula, Javier Usobiaga Ferrer aborda o tópico: Animação desenhada,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
“Bem. nesta lição vamos fazer um exercício bem simples. que é animar as bordas de um desenho para dar a impressão de que está se autodesenhando. Vamos ver como isso funciona. A animação de Stroke. ou animação de traço. é bastante popular no mundo SVG e é relativamente fácil de replicar. Os principais responsáveis por essa animação são strokeDashArray. que permite que o traço de uma borda descontínuo. e o tamanho dessa descontinuidade. e stroke-offset ou a possibilidade de que este traço não comece até tantos pixels passados. Aqui observamos um retângulo ao qual aplicaremos um efeito especial...”
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,309 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
