Como criar uma animação em Flash (com imagens)

Etapa 1. Compreender os fundamentos da animação quadro a quadro

Este é considerado o método "tradicional" de animação, em que cada quadro tem a mesma imagem, mas ligeiramente alterada. Quando os quadros são reproduzidos juntos, as imagens parecem se mover. Essa é a mesma técnica básica usada pelos animadores manuais tradicionais e consome mais tempo do que a interpolação (consulte a próxima seção).

Por padrão, o Flash produzirá animações a 24 quadros por segundo (FPS). Isso significa que um segundo de animação terá 24 quadros, mas nem todos os quadros precisam ser diferentes. Você pode ajustar isso se desejar, e muitas animações em Flash usam 12 FPS, mas 24 produzirá uma animação de aparência muito mais "suave"

Etapa 2. Instale o Flash Professional

Há uma variedade de programas de animação em Flash disponíveis, mas o mais poderoso é o Flash Professional CC da Adobe. Você pode instalar a versão de avaliação gratuitamente ou usar outro produto se a assinatura do Creative Cloud da Adobe não for do seu interesse. O restante deste artigo se referirá ao Flash Professional ou qualquer outro programa de edição como "Flash".

Etapa 3. Crie seus ativos

Como a animação quadro a quadro requer várias imagens com pequenas diferenças, você precisará criar todos esses ativos manualmente. Você pode criá-los todos antes de começar ou fazê-los conforme você avança. Você pode usar o programa Flash para desenhar diretamente em seu projeto ou pode desenhar seus ativos em seu programa de criação de imagem favorito.

Se você deseja que suas imagens sejam dimensionadas sem sacrificar a qualidade, você desejará criá-las como vetores em vez de rasters. As imagens vetoriais serão redesenhadas sempre que forem dimensionadas, o que significa que não haverá pixelização ou aliasing. Imagens raster são as imagens tradicionais com as quais você provavelmente está acostumado (fotos, imagens do Paint, etc.). Eles não têm uma boa escala e podem parecer muito feios se você quiser torná-los maiores

Etapa 4. Crie seu primeiro quadro

Ao iniciar o Flash pela primeira vez, você terá uma camada em branco e uma linha de tempo vazia. Conforme você adiciona quadros, sua linha do tempo será preenchida automaticamente. Você pode interagir com as camadas da mesma forma que faria no Photoshop.

• Antes de adicionar sua imagem, crie um fundo básico para seu filme. Renomeie a Layer 1 para "Background" e bloqueie a camada. Crie uma segunda camada e nomeie-a como quiser. Esta será a camada na qual você criará sua animação.
• Adicione seu desenho à tela no primeiro quadro. Você pode importar seu desenho de seu computador ou usar as ferramentas de desenho do Flash para criar um desenho diretamente no programa.
• Seu primeiro quadro será um quadro-chave. Quadros-chave são quadros que possuem uma imagem e formam a espinha dorsal de sua animação. Você estará criando um novo quadro-chave cada vez que a imagem mudar.
• Os quadros-chave são indicados por um ponto preto na linha do tempo.
• Você não precisa de uma nova imagem em cada quadro. Em geral, ter um quadro-chave a cada quatro ou cinco quadros produzirá uma boa animação.

Etapa 5. Transforme seu desenho em um símbolo

Ao transformar seu desenho em um símbolo, você pode adicioná-lo facilmente várias vezes em um quadro. Isso é especialmente útil se você precisar criar rapidamente vários objetos, como um cardume de peixes.

• Selecione seu desenho inteiro. Clique com o botão direito na seleção e selecione "Converter em símbolo". Isso adicionará a imagem à sua Biblioteca, onde você poderá acessá-la rapidamente no futuro.
• Exclua o desenho. Não se preocupe! Você o adicionará de volta à cena simplesmente arrastando o objeto de sua Biblioteca. Você pode adicionar várias instâncias do mesmo desenho à sua cena com facilidade!

Etapa 6. Adicione alguns quadros em branco

Depois de ter seu primeiro quadro pronto, você pode adicionar os quadros em branco que existirão entre o primeiro e o segundo quadro-chave. Pressione F5 quatro ou cinco vezes para adicionar quadros em branco após o primeiro quadro-chave.

Etapa 7. Crie seu segundo quadro-chave

Depois de adicionar alguns quadros em branco, você está pronto para criar seu segundo quadro-chave. Existem basicamente duas maneiras diferentes de fazer isso: você pode copiar seu quadro-chave existente e fazer pequenos ajustes ou pode criar um quadro-chave em branco e inserir uma nova imagem. Se estiver usando arte criada em outro programa, você desejará o segundo método. Se você criou sua arte usando as ferramentas de design do Flash, use o primeiro método.

• Para criar um quadro-chave usando o conteúdo do quadro-chave anterior, pressione F6. Para criar um quadro-chave em branco, clique com o botão direito do mouse no último quadro da linha do tempo e selecione "Inserir quadro-chave em branco". Qualquer coisa em sua cena será removida.
• Depois de criar seu segundo quadro-chave, você precisará fazer ajustes na imagem para dar o efeito de movimento. Se estiver usando as ferramentas de design do Flash, você pode usar a ferramenta Transformar para selecionar aspectos do seu desenho e movê-los levemente, como o braço de um palito.
• Se estiver inserindo uma nova arte para cada quadro-chave, você desejará garantir que ele seja colocado no mesmo local ou no próximo local lógico na tela. Isso garantirá que a arte não salte entre os quadros.

Etapa 8. Repita o processo

Agora que você criou dois quadros-chave, é hora de iterar. Você estará repetindo essencialmente o mesmo processo até terminar a animação. Adicione alguns quadros em branco entre cada quadro-chave e certifique-se de que seus movimentos pareçam fluidos.

Faça pequenas mudanças incrementais. Sua animação parecerá muito mais suave se você fizer alterações muito pequenas no quadro-chave. Por exemplo, se você quiser que um palito acenando com o braço, seu segundo quadro-chave não deve ser o outro lado da onda. Em vez disso, use alguns quadros-chave para fazer a transição do início ao fim da onda. Isso produzirá uma animação muito mais suave

Parte 2 de 3: Fazendo uma animação ponto a ponto (interpolação)

Etapa 1. Compreenda os fundamentos da interpolação

O Flash contém uma função chamada interpolação, que permite essencialmente definir os pontos inicial e final para o seu objeto. O Flash então moverá e transformará o objeto com base em suas configurações entre esses dois pontos, criando a ilusão de animação. Você não precisará criar imagens para cada quadro-chave como faria com a animação quadro a quadro.

• A interpolação é especialmente útil para criar efeitos de "transformação", em que um objeto se torna outro no decorrer da animação.
• A animação quadro a quadro e a interpolação podem ser usadas em conjunto no mesmo filme.
• Você só pode ter um objeto passando por uma interpolação de movimento por vez. Isso significa que se você deseja que vários objetos sejam animados ao mesmo tempo, todos eles precisarão estar em camadas separadas.

Etapa 2. Crie seu primeiro objeto

Ao contrário da animação quadro a quadro, você não precisará criar vários objetos para animar usando a função de interpolação. Em vez disso, você criará um objeto e, em seguida, alterará suas propriedades durante o processo de interpolação.

• Antes de adicionar sua imagem, crie um fundo básico para seu filme. Renomeie a Layer 1 para "Background" e bloqueie a camada. Crie uma segunda camada e nomeie-a como quiser. Esta será a camada na qual você criará sua animação.
• É altamente recomendável que você use as ferramentas de design integradas do Flash ou importe sua imagem de um programa de desenho vetorial. Os vetores podem escalar facilmente sem distorção, enquanto as imagens raster tradicionais não escalam e se transformam bem.

Etapa 3. Converta seu objeto em um símbolo

Para interpolar seu objeto, você precisará convertê-lo em um símbolo. Este é o formato de objetos que o Flash usa para manipulá-los. Se você tentar interpolar um objeto que não foi transformado em símbolo, será solicitado a fazê-lo primeiro.

Clique com o botão direito em seu objeto e selecione "Converter em símbolo". O objeto será adicionado à sua Biblioteca, o que facilita a clonagem de objetos

Etapa 4. Crie sua primeira interpolação de movimento

Uma interpolação de movimento move o objeto de um local para outro Clique com o botão direito no símbolo em sua cena e selecione "Criar interpolação de movimento". 24 quadros serão adicionados à sua linha do tempo, pois esta é a duração padrão de uma interpolação. Lembre-se de que, por padrão, o Flash será animado a 24 quadros por segundo, o que significa que essa interpolação de movimento levará um segundo para ser concluída.

Ao criar a interpolação de movimento, você é movido automaticamente para o último quadro da interpolação

Etapa 5. Crie a trajetória

Depois de criar a interpolação, você pode mover o objeto para o local em que deseja que ele vá. O Flash exibirá a linha de trajetória, pontilhada para mostrar a localização do objeto para cada quadro da interpolação.

Quando você cria a trajetória pela primeira vez, ela será uma linha reta do ponto inicial ao ponto final

Etapa 6. Estenda seus quadros de fundo

Se você executasse sua animação agora, seu objeto se moveria ao longo da trajetória, mas seu fundo desapareceria após um quadro. Para corrigir isso, você precisará estender seu plano de fundo por todos os quadros da animação.

Selecione sua camada de fundo na linha do tempo. Clique no último quadro em sua linha do tempo, que também deve ser o quadro em que sua interpolação de movimento termina. Pressione F5 para inserir quadros até este ponto, o que manterá seu plano de fundo exibido durante toda a interpolação

Etapa 7. Adicionar quadros-chave

Adicionar quadros-chave à sua trajetória permitirá que você transforme seu objeto durante a interpolação de movimento. Você só pode fazer alterações em um objeto se ele tiver um quadro-chave. Para adicionar quadros-chave à sua trajetória, primeiro selecione o quadro na linha do tempo que você deseja transformar em um quadro-chave. Em seguida, clique e arraste o objeto para a posição desejada durante o quadro. Sua trajetória se ajustará automaticamente e um quadro-chave será adicionado à linha do tempo. Os quadros-chave são denotados por ícones de losango na linha do tempo.

Etapa 8. Ajuste sua trajetória de interpolação

Para alterar o caminho do seu objeto, você pode clicar e arrastar cada um dos marcadores de posição do quadro no caminho para um novo local. Evite colocar muita variação no caminho, ou o objeto se moverá de forma errática (a menos que este seja seu objetivo!).

Etapa 9. Transforme seu objeto

Depois de estabelecer os quadros-chave e a trajetória, você pode transformar seu objeto de modo que ele mude à medida que se move pela trajetória de interpolação de movimento. Você pode alterar a forma, a cor, a rotação, o tamanho e qualquer outra propriedade do objeto.

• Selecione o quadro em que deseja que a transformação ocorra.
• Abra o painel Propriedades do objeto. Você pode pressionar Ctrl + F3 se o painel não estiver visível no momento.
• Altere quaisquer valores na janela Propriedades para afetar o objeto. Por exemplo, você pode alterar o matiz ou a cor, adicionar filtros ou alterar a escala.
• Você também pode usar a ferramenta Transformação Livre para alterar livremente a forma como desejar.

Etapa 10. Faça os retoques finais em sua interpolação

Teste sua interpolação de movimento pressionando Ctrl + ↵ Enter. Certifique-se de que as transformações tenham uma boa aparência e que a animação esteja se movendo na velocidade correta. Se sua animação estiver se movendo muito rápido, você pode diminuir o FPS da cena ou aumentar a extensão de interpolação.

• Por padrão, o FPS é 24, então tente diminuí-lo para 12. Para fazer isso, clique fora da cena e altere o FPS no painel Propriedades. Alterá-lo para 12 dobrará a duração da animação, mas pode torná-la mais "espasmódica".
• Para alterar a extensão de interpolação, selecione a camada que contém a interpolação e use o controle deslizante para puxá-la para fora. Se você quiser que a interpolação tenha o dobro do comprimento, estenda-a para 48 quadros. Certifique-se de inserir quadros em branco em sua camada de fundo para que o fundo não desapareça no meio da animação. Para estender o plano de fundo, selecione a camada, clique no último quadro da animação na linha do tempo e pressione F5

Parte 3 de 3: Adicionando som e música

Etapa 1. Grave ou encontre seus efeitos sonoros e música

Você pode adicionar efeitos sonoros às ações que ocorrem em sua animação para ajudar a destacá-la e dar-lhe alguma personalidade. A música torna sua animação mais envolvente e pode transformar uma boa animação em uma incrível. O Flash oferece suporte a uma variedade de formatos de arquivo, incluindo AAC, MP3, WAV e AU. Escolha aquela que oferece a melhor qualidade para o menor tamanho de arquivo.

Normalmente, o MP3 oferece uma qualidade de som perfeitamente aceitável, ao mesmo tempo que mantém o tamanho do arquivo no mínimo. Evite arquivos WAV, se possível, pois geralmente são muito grandes

Etapa 2. Importe os arquivos de som para sua Biblioteca

Antes de adicionar sons ao seu projeto, eles precisam ser adicionados à Biblioteca do Flash. Isso permitirá que você os adicione rapidamente ao seu projeto mais tarde. Clique em Arquivo → Importar → Importar para Biblioteca. Procure o arquivo de som em seu computador. Certifique-se de que o arquivo de som tenha um nome fácil de lembrar, para que você possa encontrá-lo rapidamente no menu mais tarde.

Etapa 3. Crie uma nova camada para cada arquivo de som

Isso não é estritamente necessário, pois você pode adicionar som às camadas existentes, mas colocar cada arquivo em sua própria camada lhe dará muito mais controle sobre o aparecimento e desaparecimento gradual, quando iniciar e parar, e é mais fácil mover os sons.

Etapa 4. Crie um quadro-chave onde o som começará

Na camada do som, selecione o quadro na animação em que deseja que o som comece. Pressione F7 para inserir um quadro-chave em branco. Por exemplo, se você deseja incluir um arquivo de música que é reproduzido durante a animação, selecione o primeiro quadro na camada do arquivo de música. Se você estiver adicionando diálogo para um personagem, selecione o quadro onde o personagem começa a falar.

Etapa 5. Adicione o arquivo de som ou música

No quadro Propriedades, você verá uma seção de som. Pode ser necessário expandi-lo para ver as opções. Clique no menu "Nome" e selecione o arquivo que deseja na sua Biblioteca.

Etapa 6. Configure o arquivo de som

Depois de selecionar um arquivo, você pode configurar como ele será reproduzido. O que você seleciona será baseado no que você precisa que o som realize na animação. Você pode alterar as configurações de Efeito, Sincronização e Repetição de cada som usando o menu abaixo do menu Nome no quadro Propriedades.

• Efeito - permite adicionar efeitos ao som, como aumento e diminuição gradual ou adição de eco. Você pode selecionar uma das configurações predefinidas no menu suspenso ou pode clicar no ícone de lápis ao lado do menu para criar suas próprias configurações personalizadas.
• Sync - Determina como a música é tocada na animação. O evento reproduzirá o som até que seja concluído. Se o mesmo som for acionado novamente antes que o primeiro termine, o original continuará tocando até terminar. Iniciar funciona como Evento, mas para se o som for reproduzido novamente. Parar interrompe o som nesse quadro. Se você quiser usar isso em conjunto com outras propriedades de som, crie um novo quadro-chave onde deseja que o som pare e use esta opção. O fluxo tentará combinar o som que está tocando com o número de quadros em outras camadas. Isso é melhor usado para o diálogo.
• Repetir - Esta configuração permite definir por quanto tempo o som se repete. Você pode configurá-lo para tocar apenas uma vez ou repetir quantas vezes desejar. Se a sua animação for uma animação em loop, você deve definir sua música para loop infinito.

Etapa 7. Conclua seu projeto

Quando você finalmente terminar o seu projeto, salve-o como um arquivo SWF. Este é o formato usado para reproduzir o filme. Você pode jogá-lo em praticamente qualquer navegador da web ou usar um Flash player dedicado para assisti-lo. Também há uma variedade de sites nos quais você pode fazer upload para que outras pessoas vejam, como Newgrounds, Albino Blacksheep e Kongregate.

Etapa 8. Leve seus projetos futuros mais longe

Este guia aborda os fundamentos da criação de uma animação, mas há muito mais que você pode aprender e fazer. Adicione alguns botões e caminhos ramificados e você terá um jogo de escolha sua própria aventura. Você pode fazer um curso intensivo de ActionScript e obter muito mais controle sobre os detalhes mais sutis de sua animação. Continue experimentando e logo você aprenderá todos os tipos de truques e implementações.

Recomendado:

Como fazer sua própria animação (com imagens)

Este wikiHow ensina como criar um filme animado ou apresentação. A maneira mais rápida de fazer uma animação digital é usando um animador online; no entanto, lembre-se de que a maioria dos animadores online exige uma assinatura paga para desbloquear todos os seus recursos, o que significa que a duração, o som e a aparência do seu vídeo provavelmente serão restritos, a menos que você pague por um upgrade.

Maneiras fáceis de salvar uma animação no Blender (com imagens)

Este wikiHow ensina como renderizar a animação do Blender em um arquivo de vídeo reproduzível. Renderizar sua animação cria um vídeo de alta qualidade que você pode compartilhar online ou importar para outros aplicativos. Passos Parte 1 de 2:

Como fazer uma animação simples em Adobe Flash: 9 etapas

As animações são divertidas de assistir; eles são divertidos e bem-humorados, mas você já pensou em fazer um? Fazer animações é tão divertido quanto assisti-las, mas também pode ser difícil. Neste guia, você aprenderá como fazer uma animação simples e boa com Adobe Flash!

6 maneiras de salvar uma animação em Flash de um site

As animações em Flash são uma forma clássica de mídia da Internet e normalmente só podem ser transmitidas de um site. Se quiser assistir a animação sempre que quiser, você precisará salvá-la em seu computador. Embora salvar uma animação em flash não seja tão intuitivo quanto salvar um arquivo padrão, isso pode ser feito se você estiver usando o navegador correto.

Como criar uma interpolação de movimento no Flash: 10 etapas (com imagens)

Se você é novo no flash e está tentando animar, tente isso. Tweening é a maneira mais fácil de animar no complicado mundo do Flash. Este artigo tenta mostrar como isso pode ser feito de maneira simples. Presume-se que o leitor esteja familiarizado com as ferramentas do Flash.