Visão geral rápida de uma composição Edge Animate - dummies

Vídeo: Formação Motion Graphics com Softwares Adobe 2024

O processo para criar uma composição do Edge Animate não é muito diferente de criar qualquer outro tipo de conteúdo. Ao iniciar, você deve considerar o que, onde e como você deseja que sua animação apareça. A sua animação será parte de um site existente? Você está adicionando uma animação para complementar um livro? O seu cliente está solicitando um novo logotipo animado?

Talvez você queira criar um para aparecer na web? Você pode criar todos esses projetos usando o Edge Animate.

Aqui está o esquema básico para criar uma composição Edge Animate:

Determine como você e seu público usarão esta animação.
Colecione suas imagens e outros recursos.
Escreva um esboço.
Crie e guarde elementos usados comumente, como botões para reutilização mais tarde.
Comece a animar.
Salve e exporte sua animação concluída.

Antes de começar a animar, considere se a sua animação será visualizada em um leitor eletrônico, no navegador, nos iBooks ou seja um aplicativo para uso em dispositivos iOS e Android.

Independentemente do dispositivo, se ele suportar HTML5 e JavaScript, seu projeto Edge Animate funcionará sem problemas.

Reunindo seus ativos

Depois de saber o que deseja criar e onde deseja que ele apareça, é hora de começar a reunir seus ativos - imagens, fotografias, parágrafos de texto, ou uma combinação dos três - que constituirá a animação final. O Edge Animate facilita a importação ou a criação desses recursos.

Criando uma abordagem delineada em sua animação

Neste ponto você definiu a finalidade de sua animação e da arte para torná-la bonita. Agora você precisa criar um wireframe, essencialmente um esboço de como você deseja que sua animação seja reproduzida.

Certo, você pode acompanhá-lo e inventá-lo enquanto você acompanha, mas uma excelente idéia é imaginar sua animação na sua cabeça e, em seguida, colocar no papel como você imagina sua animação vai jogar do início ao fim. Este esquema fornece uma base a partir da qual você pode trabalhar.

Fazendo símbolos para elementos usados com freqüência

Se você sabe que sua animação irá conter muitos elementos similares, ou os mesmos elementos repetidos repetidamente, você deseja criar esses elementos primeiro. Os elementos são as diferentes peças que compõem a sua animação. Um elemento pode ser uma caixa que você desenha, uma caixa de texto que você especifica, uma imagem que você importa, e assim por diante.

Um elemento que você deseja reutilizar pode ser um botão ou um recurso que você reutilize durante toda a animação ou qualquer tipo de navegação que o público possa usar.

Depois de criar este elemento e fazê-lo se comportar da maneira que desejar, você pode salvá-lo como um símbolo . Você pode exportar este símbolo para uso em outros projetos. Dessa forma, se esta animação se tornar parte de uma série de animações e você quiser reutilizar os mesmos símbolos, você estará à frente do jogo, tendo alguns recursos já guardados e pronto para ir ao criar a animação real.

Você pode até salvar todo um projeto de animação como um símbolo. Por exemplo, se você criar uma animação de apresentação de slides, você pode salvar toda a apresentação de slides como um símbolo, que você pode exportar a partir de Edge Animate e, em seguida, importar para um outro projeto do Edge Animate.

Animadores, comece sua animação

Quando você tem um propósito para sua animação, todos os seus recursos estão alinhados e prontos para ir, e você salvou seus elementos de uso múltiplo como símbolos, é hora de começar a animar.

Para começar a animar, você importa seus recursos para o Palco. Então você usa a Linha do tempo para criar quadros-chave. Um quadro-chave representa uma seqüência de animação. Por exemplo, se você animar uma caixa que se desloca de um lado do Palco para o outro, essa animação é representada na Linha de tempo como um quadro-chave.

A partir daí, você adiciona ações aos seus elementos para interatividade. À medida que você cria sua animação, você pode visualizá-la para garantir que a animação esteja se comportando conforme você espera que ela se comporte.

Salvando e exportando sua animação

Quando você terminar de criar seu projeto de animação, deseja salvar ou exportar sua composição para uso pelo público ou para usar em outro projeto ou ferramenta de design. O Edge Animate oferece muitas opções para exportar e salvar seu trabalho. Da mesma forma, há inúmeras opções sobre como você pode apresentar seu trabalho tanto em linha, quanto em iBooks, ou para usar com outras ferramentas de design.

Terminando o processo

Eventualmente, através deste processo, você criou uma animação usando HTML5 e jQuery - sem digitar uma única linha de código. Seu público pode nunca conhecer as tecnologias que fizeram a animação que eles assistem e interagem com possíveis (para esse assunto, você pode não entender completamente as técnicas avançadas de codificação que tornam possível - ou sempre que você precisa).

Mas essa é a beleza do Adobe Edge Animate CC: faz todo o trabalho pesado nos bastidores, o que permite que você se sente e faça o que faz melhor - crie um conteúdo animado e interativo bonito que possa responder ao ajuste e a forma com qualquer número de tamanhos de tela e dispositivos.