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

Animação desenhada

Um curso de Javier Usobiaga Ferrer , Web designer

98% avaliações positivas (271)

9,108 alunos

Áudio: Espanhol

· ·

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 muito simples que é animar as bordas de um desenho para dar a impressão de que é auto-desenho. Vamos ver como isso funciona. A animação de stroke ou a animação de stroke é bastante popular no mundo svg e é relativamente fácil de replicar. Os principais responsáveis desta animação são Stroke of dasharray ou possibilidade de um traço, dos quais uma borda é descontínua e o tamanho daquela descontinuação. And Stroke dash offset ou a possibilidade de que este stroke não inicie até depois de tantos pixels. Aqui vemos um retângulo ao qual vamos aplicar s...”

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