Dê vida aos seus websites com animações SVG

Animando SVGs com AnimateIt.js

Criar websites cativantes pode ser uma tarefa demorada. Enquanto você pode rapidamente montar um website básico, leva horas incontáveis para construir um que realmente impressione. No entanto, tenho uma solução eficiente em termos de tempo que deixará seus usuários e clientes dizendo uau - criar pequenas animações gráficas vetoriais em apenas minutos. Essas animações podem adicionar um impacto visual significativo a qualquer website. Neste curso, exploraremos a arte de animar gráficos vetoriais escaláveis (SVGs) usando o AnimateIt.js. Juntos, percorreremos dois exemplos abrangentes, desmembrando o processo passo a passo. Embora existam várias estratégias para animar elementos em websites, o JavaScript oferece a maior versatilidade e composição. Pré-requisitos: Este curso é classificado como Intermediário. É recomendado que você tenha conhecimento prévio de HTML/SVGs, CSS, JavaScript, criação de gráficos vetoriais e habilidades gerais de animação. No entanto, iniciantes nessas áreas também podem se beneficiar ao fazer este curso, pois ele oferece a oportunidade de aprender e desenvolver essas habilidades ao longo do caminho. Não são necessárias habilidades extensivas de codificação. Este curso é perfeito para designers e desenvolvedores que aspiram a criar websites envolventes. Você não precisa de nenhum software especial, pois todos os exercícios serão realizados no navegador. Os SVGs podem ser exportados de ferramentas de design populares como Figma ou Adobe Illustrator, ou baixados de recursos de projetos ou outros websites.

O que você aprenderá

- Descubra por que o JavaScript é a escolha ideal para animações web - Domine o uso da biblioteca AnimateIt.js para criar animações impressionantes - Desenvolva animações simples e complexas usando código - Anime ilustrações exportadas de software de gráficos vetoriais, como Figma ou Adobe Illustrator