Animação 2D com CSS Animations - Curso Completo, Projeto

Crie Animação 2D com CSS Animations (Métodos CSS3), Exemplos Interativos e Projetos - Treinamento Prático para Iniciantes

Avaliação: 4.2 de 545 avaliações

Horas Totais: 5

Palestras: 45

Nível: Todos os níveis

Crie Animação 2D com CSS Animations (Métodos CSS3), Exemplos Interativos e Projetos - Treinamento Prático para Iniciantes Quando você ouve o termo Animação 2D, especialmente animações web, você provavelmente imagina códigos JavaScript complicados, Flash ou outros programas de software proprietários difíceis de aprender. Era assim até alguns anos atrás. Você tinha que passar dias ou meses dominando software complicado ou aprendendo muita sintaxe até conseguir criar animações web decentes. Mas não mais! O CSS3 e, junto com ele, as CSS Animations foram lançados há alguns anos e tornaram seu processo de aprendizado MUITO mais fácil. Se você conhece o básico de HTML e CSS, o que qualquer pessoa que tenha algo a ver com codificação/design web conhece, você está pronto. Passe algumas horas aprendendo um monte de sintaxes de animação CSS3 e você estará criando efeitos web incríveis e animações de quadro-chave em pouco tempo! Agora qualquer pessoa pode se tornar um animador web. O que você aprenderá em nosso curso? 1. Como manipular cada elemento web do seu site - alterar sua forma, tamanho, posição, ângulo e muito mais. 2. Como criar animações elegantes e efeitos de transição para suas páginas da web - botões giratórios, caixas que mudam automaticamente de cor e tamanho, elementos da web que se movem pela página da web com base nas condições que você dá, etc. 3. Como criar quadro a quadro de cada efeito de animação que você deseja - uma bola que se move ao redor do caminho que você escolher, várias mudanças de cor dentro de carros em movimento específicos. 4. Como cronometrar suas animações, atrasá-las, repeti-las um certo número de vezes (até mesmo infinitamente), dar a elas vários estados, velocidades personalizadas, etc. e muito mais! Onde você pode aplicar o que aprende em nosso curso? 1. Se você é um desenvolvedor/designer web freelancer, impressione seus clientes com pop-ups animados, botões animados, texto que muda de cor e muito mais efeitos legais como esses em seus aplicativos e páginas da web. 2. Você quer criar cenas animadas? Bolas em movimento, bolas quicando, uma cena que retrata uma estrada movimentada... você pode fazer tudo isso e muito mais aprendendo como trabalhar com animações de quadro-chave em CSS. 3. Torne seus jogos web mais interativos e divertidos de jogar, criando transições incríveis e animações de quadro-chave em seus personagens e ambiente de jogo. Como eu disse, o céu é o limite! Você pode aplicar o que aprende aqui em qualquer lugar do espaço web, em qualquer esfera. Sua imaginação é o único obstáculo para como você pode animar seus elementos web com o que aprende aqui. Como este curso é projetado? Nosso curso possui 3 módulos, onde cada módulo explicará minuciosamente as complexidades de um dos conceitos das Animações CSS com uma infinidade de exemplos práticos. Aqui estão os módulos: Módulo 1 - Transformações - Este é o módulo de fundamentos. Você aprenderá como manipular seus elementos web neste módulo. Você aprenderá como mover os elementos pela página da web, girá-los para qualquer ângulo que desejar, redimensioná-los, incliná-los e muito mais. Módulo 2 - Animações de Transição - Você aprenderá como fazer uma transição suave de um elemento de um estado para outro aqui, para que pareça uma animação. Mude suas cores, tamanho, posição, estilos e muito mais com base nas condições que você dá. Você também aprenderá a personalizar as animações de transição atrasando-as, alterando a velocidade da animação, alterando a duração da animação e muito mais. Módulo 3 - Animações de Quadro-Chave - Um conceito maior e mais importante. Aqui, você aprenderá como criar quadros que representam cada animação que você deseja aplicar aos seus elementos web. Durante a duração da animação, você poderá realizar várias alterações em seu elemento (múltiplas alterações de estilo, alterações de posição, etc). Aprenda a dar a ilusão de movimento para criar cenas animadas de alta classe. Aprenda a criar efeitos de animação 2D do mundo real usando as várias propriedades e recursos disponíveis nas animações de quadro-chave. Também abordamos muitos exemplos e projetos, como: 1. Botão animado que gira, alterna entre 2 cores e aumenta ou diminui quando passa o mouse (módulo de Transição). 2. Caixa colorida animada que alterna entre diferentes larguras e alturas e muda entre 4-5 cores durante a animação (módulo de Quadro-Chave). 3. Mini projeto de animação de bola em movimento - Uma bola que se move ao longo das bordas internas da bola repetidamente enquanto muda de cor e para quando passa o mouse ou é clicada (módulo de Quadro-Chave). Por que você deve escolher nosso curso? 1. Gostamos de ser minuciosos em nosso ensino. Você encontrará tudo o que precisa para começar a criar animações 2D incríveis neste curso. Você não precisará procurar em nenhum outro lugar. 2. Defendemos fortemente a aprendizagem fazendo, em vez de apenas ouvir ou ler. Nossas palestras estão repletas de uma infinidade de exemplos que explicam cada conceito claramente. 3. Se você acompanhar nossos exemplos em nossos treinamentos práticos e criar os efeitos junto conosco, você estará confiante para embarcar no mundo das animações web 2D quando terminar nosso curso. Você poderá adicionar com confiança essa habilidade ao seu currículo. 4. Preferimos criar projetos divertidos para explicar os conceitos e manter as coisas interessantes também. Você aprenderá como aplicar os conceitos que aprende no curso nesses mini projetos e exemplos. Então, o que você está esperando? Matricule-se agora e embarque no maravilhoso mundo das animações CSS. O que você aprenderá: - Criar animações web 2D de qualquer tipo - Criar animações para seus sites e aplicativos web e dos seus clientes - Criar animações de quadro-chave que podem ser usadas em filmes e vídeos de animação web - Criar efeitos de animação que podem ser usados em seus jogos web - Criar efeitos legais para sites como botões giratórios, elementos que mudam de cor, animações de elementos em movimento, etc.