Gráficos vetoriais SVG: ilustrar e animar com código
Mutação (morphing) em SVG
Um curso de Javier Usobiaga Ferrer , Web designer
Sobre a videoaula: Mutação (morphing) em SVG
Visão geral
“A possibilidade de elementos SVG se transformarem ou se transformarem em outros elementos, como de um triângulo para um quadrado, é um dos pontos mais atraentes dessa linguagem, já que na animação CSS normal eles não podem ser executados. Vamos ver como aplicá-lo.”
Nesta videoaula, Javier Usobiaga Ferrer aborda o tópico: Mutação (morphing) em SVG,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
“O morphing é a capacidade de um objeto ou elemento de se transformar ou mudar de forma para outro diferente. algo que. apesar de parecer mentira. é muito difícil de fazer com CSS. Vamos ver como funciona. Aqui podemos ver alguns exemplos de ícones com morphing. ou seja. que mudam sua forma. seu traço. inclusive que passam de três pontos para quatro. que são feitos. neste caso. com SnapSVG. nem todos os elementos que estamos vendo aqui necessariamente estão realizando um morphing. alguns simplesmente deslocam ou fazem algum tipo de transformação em algum de seus elementos. No entanto. vamos ...”
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,311 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
