Web Motion para iniciantes Uma visão geral de Tom Green

• Pode 2, 2024

Nesta série de cursos baseados em projetos do lynda.com, intitulados Web Motion para iniciantes, Tom Green ensina gráficos em movimento baseados na Web do início ao fim. Durante o processo, você criará cinco projetos ao todo.

Visão geral

Green inicia uma visão geral das considerações importantes para um projeto bem-sucedido.

Primeiro, Green discute o objetivo da animação e como ela é alcançada. Usando um exemplo da transição de uma tela para outra em um tablet, ele desconstrói a animação nos parâmetros individuais controlados pelo animador.

Green discute como a animação é apenas uma maneira de contar histórias movendo objetos e as duas perguntas mais importantes que você deve responder para criar um projeto bem-sucedido. Ele demonstra o uso de storyboards para ajudar nesse processo.

Em seguida, Green discute o processo de planejamento e o fluxo de trabalho de um projeto de animação. Ele aponta todas as etapas do fluxo de trabalho e como o gerente de projeto deve orçamentar tempo e dinheiro para cada etapa chegar a um projeto concluído no prazo estabelecido.

Verde a seguir mostra como a organização é muito importante para o sucesso de um projeto. Ele discute como organizar os vários ativos do projeto, como fontes, mídia, texto e imagens, em subpastas dedicadas na pasta do projeto.

Green também discute algumas das armadilhas mais comuns no planejamento de um projeto, como compatibilidade do navegador e conteúdo reutilizável. Ele também apresenta o software que ele mantém em sua "Web Motion Toolbox".

Após esta breve visão geral, você está pronto para iniciar qualquer um dos cinco tutoriais em vídeo baseados em projeto.

Criar um efeito de paralaxe - Crie profundidade e movimento com um efeito Parallax com o Google Web Designer^R, Flash CC^R e Edge Animate^R.

Animar uma folha de Sprite CSS - As folhas de Sprite são uma maneira de animações otimizadas para dispositivos da Web e tablets.

Criar um pré-carregador - Crie um pré-carregado usando o After Effects^RPhotoshop^R ou fogos de artifício^R e Edge Animate.

Crie um anúncio em banner animado - Crie um banner na web com movimento e interatividade.

Projeto final - Este projeto final combina todas as técnicas aprendidas nos projetos anteriores à medida que você cria um banner usando o Illustrator^R, Photoshop e Edge Animate.

Quando você concluir esta série de cursos, terá uma melhor compreensão do processo de criação de gráficos em movimento da web, do planejamento à conclusão.

Os outros tutoriais em vídeo de Tom Green no lynda.com incluem Instalando e executando com vídeo HTML5, Criando projetos interativos com o Edge Animate, Oficina do Fireworks CS6 e Treinamento essencial do Fireworks CS3.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

Divulgação: não fui compensado financeiramente por este artigo. As opiniões são completamente minhas com base na minha experiência.

Instruções De Vídeo: Differential equations, studying the unsolvable | DE1 (Pode 2024).