Como criar uma animação flash (com fotos)

Flash é o meio premier para animação na Internet, e mesmo em outros formatos, como televisão. Criar uma animação flash simples no flash é bastante simples de realizar, pois o Flash fornece muitas ferramentas úteis que simplificam todo o processo. Se você tem uma idéia para uma animação flash ou um desenho animado, você provavelmente pode ter um esboço áspero em apenas algumas horas. Veja o passo # 1 abaixo para aprender a Crie uma animação flash.

O suporte para o Adobe Flash termina em dezembro 2020.Depois desse tempo, não será mais possível usar o Flash.

Este artigo foi marcado como histórico.

O Adobe Flash Player foi descontinuado e parou de funcionar em 12 de janeiro de 2021.(Publicado 2021-01-12).

Passos

Parte 1 de 3:

Fazendo uma animação flash frame-by-frame

1. Entenda os fundamentos da animação quadro-a-quadro. Isso é considerado o "tradicional" método de animação, em que cada quadro tem a mesma imagem, mas ligeiramente alterada. Quando os quadros são jogados juntos, as imagens parecem se mover. Esta é a mesma técnica básica usada por animadores tradicionais de mão e é mais demorado do que tweening (veja 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 todo quadro tem que ser diferente. Você pode ajustar isso se quiser, e muitas animações flash usam 12 fps, mas 24 produzirão muito "mais suave"-Olhando animação.

Imagem intitulada Criar um Flash Animation Step 2

2. Instale o Flash Professional. Há uma variedade de programas de animação em Flash disponíveis, mas o mais poderoso é o Flash CC do Adobe. Você pode instalar o teste gratuitamente, ou você pode usar outro produto se a inscrição na Creative Cloud da Adobe não apelar para você. O restante deste artigo se referirá ao Flash Professional ou em qualquer outro programa de edição "Instantâneo".

Imagem intitulada Criar um Flash Animation Step 3

3. Crie seus ativos. Como a animação frame-by-frame requer várias imagens com pequenas diferenças, você precisará criar todos esses ativos à mão. Você pode criá-los todos antes de começar, ou fazê-los como você vai. Você pode usar o programa Flash para desenhar diretamente no seu projeto ou desenhar seus ativos no seu programa de criação de imagem favorito.

Se você quiser que suas imagens escalem sem sacrificar a qualidade, você vai querer criá-las como vetores em vez de Rastos. Imagens vetoriais se reverão sempre que são dimensionadas, o que significa que não haverá pixelação ou aliasing. Imagens rasterárias são as imagens tradicionais que você provavelmente é usado (fotos, pintam imagens, etc.). Estes não escalam bem, e pode parecer bastante feio se você quiser torná-los maiores.

4. Crie seu primeiro quadro. Quando você começa pela primeira vez, você terá uma camada em branco e uma linha do tempo vazia. Como você adiciona quadros, sua linha do tempo será preenchida automaticamente. Você pode interagir com camadas muito da mesma maneira que você faria no Photoshop.

Antes de adicionar sua imagem, crie um fundo básico para o seu filme. Renomear a camada 1 para "Fundo" e depois bloqueie a camada. Crie uma segunda camada e nomeie o que você gostaria. Esta será a camada que você cria sua animação em.

Adicione seu desenho à lona no primeiro quadro. Você pode importar seu desenho do seu computador ou poderá usar as ferramentas de desenho do Flash para criar um desenho diretamente no programa.

Seu primeiro quadro será um Keyframe. Keyframes são quadros que têm uma imagem e formam a backbone da sua animação. Você estará criando um novo quadro-chave cada vez que a imagem muda.

Keyframes são denotados 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 quadros produzirá uma boa animação.

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

Selecione seu desenho inteiro. Clique com o botão direito na seleção e selecione "Converter para símbolo". Isso adicionará a imagem à sua biblioteca, onde você pode acessar rapidamente no futuro.

Exclua o desenho. Não se preocupe! Você estará adicionando de volta à cena simplesmente arrastando o objeto da sua biblioteca. Você pode adicionar várias instâncias do mesmo desenho à sua cena com facilidade!

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

7. Crie seu segundo keyframe. Depois de adicionar alguns quadros em branco, você está pronto para criar seu segundo keyframe. Existem essencialmente duas maneiras diferentes que você pode fazer isso: você pode copiar seu quadro-chave existente e fazer pequenos ajustes, ou você pode criar um quadro-chave em branco e inserir uma nova imagem. Se você estiver usando a arte criada em outro programa, você vai querer 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 na linha do tempo e selecione "Inserir chave em branco". Qualquer coisa em sua cena será removida.

Depois de criar seu segundo keyframe, você precisará fazer ajustes na imagem para dar o efeito de movimento. Se você estiver usando as ferramentas de design do Flash, você pode usar a ferramenta Transform para selecionar aspectos do seu desenho e movê-los ligeiramente, como o braço de uma pessoa stick.

Se você estiver inserindo a nova arte para cada keyframe, você desejará garantir que seja colocado no mesmo local ou no próximo local lógico na tela. Isso garantirá que a arte não pula entre quadros.

8. Repita o processo. Agora que você criou dois quadros-chave, é hora de iterar. Você estará repetindo essencialmente o mesmo processo até terminar sua animação. Adicione alguns quadros em branco entre cada keyframe e assegure-se de que seus movimentos parecem fluidos.

Faça mudanças pequenas e incrementais. Sua animação ficará muito mais suave se você fizer alterações muito pequenas no quadro-chave. Por exemplo, se você quiser uma pessoa de vara acenando um braço, seu segundo keyframe não deve ser a outra extremidade da onda. Em vez disso, use alguns quadros-chave para transição desde o início da onda até o final. Isso produzirá uma animação muito mais suave.

Parte 2 de 3:

Fazendo uma animação ponto a ponto (tweening)

1. Entender os fundamentos de tweening. Flash contém uma função chamada Tweening, que permite definir essencialmente os pontos de partida e finais para o seu objeto. O flash 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 keyframe como você faria com animação frame-by-frame.

Tweening é especialmente útil para criar "transformando" efeitos, onde um objeto se torna outro ao longo da animação.
Animação frame-by-frame e tweening podem ser usadas em conjunto no mesmo filme.
Você só pode ter um objeto passando por um movimento entre de cada vez. Isso significa que, se você quiser vários objetos animar de uma vez, todos eles precisarão estar em camadas separadas.

2. Crie seu primeiro objeto. Ao contrário da animação frame-by-frame, você não precisará criar vários objetos para animar usando a função Tween. Em vez disso, você estará criando um objeto e, em seguida, alterando suas propriedades durante o processo Tweening.

É 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 tradicionais de raster não irão escalar e transformar bem.

3. Converta seu objeto para um símbolo. Para entregar seu objeto, você precisará convertê-lo em um símbolo. Este é o formato para objetos que os usam para manipulá-los. Se você tentar entregar um objeto que não foi feito em um símbolo, você será solicitado a fazê-lo primeiro.

Clique com o botão direito do mouse no seu objeto e selecione "Converter para símbolo" O objeto será adicionado à sua biblioteca, o que facilita clonar objetos.

4. Crie seu primeiro movimento Tween. Um movimento Tween move o objeto de um local para outro clique com o botão direito do mouse no símbolo em sua cena e selecione "Criar movimento tween". 24 quadros serão adicionados à sua linha do tempo, pois este é o comprimento padrão de um tween. Lembre-se, por padrão, o Flash irá animar a 24 quadros por segundo, o que significa que esta Motion Tween levará um segundo para concluir.

Quando você cria o movimento entre, você é automaticamente movido para o último quadro dos tween.

5. Crie a trajetória. Depois de criar o Tween, você pode mover o objeto para o local que você quer que ele acabe em. Flash exibirá a linha de trajetória, que é pontilhada para mostrar a localização do objeto para cada quadro dos tween.

Quando você criar a trajetória pela primeira vez, será uma linha reta do ponto de partida para o ponto final.

6. Estender seus quadros de fundo. Se você executou sua animação agora, seu objeto se moveria ao longo da trajetória, mas seu histórico desapareceria após um quadro. Para consertar isso, você precisará estender seu plano de fundo em todos os quadros da animação.

Selecione sua camada de fundo na linha do tempo. Clique no último quadro na sua linha do tempo, que também deve ser o quadro que seu movimento entre termina em. Aperte F5 Para inserir quadros até este ponto, o que manterá seu plano de fundo exibido durante a totalidade dos Tween.

7. Adicionar keyframes. Adicionando keyframes à sua trajetória permitirá que você transforme seu objeto durante o movimento entre.Você só pode fazer alterações em um objeto se for keyframed. Para adicionar keyframes à sua trajetória, primeiro selecione o quadro na linha do tempo que deseja transformar em um quadro-chave. Em seguida, clique e arraste o objeto para a posição que você quer que seja durante esse quadro. Sua trajetória se ajustará automaticamente e um quadro-chave será adicionado à linha do tempo. Keyframes são denotados por ícones de diamante na linha do tempo.

8. Ajuste sua trajetória Tween. 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 o seu objetivo!).

9. Transforme seu objeto. Depois de ter seus quadros-chave e trajetória estabelecido, você pode transformar seu objeto para que ele mude à medida que se move através da trevo de movimento. Você pode alterar a forma, cor, rotação, tamanho e qualquer outra propriedade do objeto.

Selecione o quadro que você deseja que a transformação ocorra em.

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 a matiz ou cor, adicionar filtros ou alterar a escala.

Você também pode usar a ferramenta de transformação livre para alterar livremente a forma, no entanto, você gostaria.

10. Fazer toques de acabamento em seus entre. Teste seu movimento entre pressionando Ctrl+ ↵ Enter. Certifique-se de que as transformações pareçam boas e que a animação está se movendo na velocidade correta. Se sua animação estiver se movendo muito rapidamente, você pode diminuir o FPS da cena ou aumentar o intervalo.

Por padrão, o FPS é 24, então tente abaixá-lo para 12. Para fazer isso, clique fora da cena e, em seguida, altere o FPS no painel Propriedades. Mudando para 12 vai dobrar o comprimento da sua animação, mas pode torná-lo mais "Jerky".

Para alterar seu intervalo, selecione a camada que contém o Tween e use o controle deslizante para puxar para fora. Se você quiser que os tween fiquem duas vezes, estenda-o para 48 quadros. Certifique-se de inserir quadros em branco em sua camada de fundo para que o fundo não desapareça na metade da animação. Para estender o fundo, selecione a camada, clique no último quadro da animação na linha do tempo e, em seguida, pressione F5

Parte 3 de 3:

Adicionando som e música

1. Gravar ou encontrar seus efeitos sonoros e música. Você pode adicionar efeitos sonoras a ações que ocorrem em sua animação para ajudar a fazê-lo se destacar e dar alguma personalidade. A música torna sua animação mais imersiva e pode fazer uma boa animação em um incrível. Flash suporta uma variedade de formatos de arquivo, incluindo AAC, MP3, Wav e AU. Escolha o ON que lhe dá a melhor qualidade para o tamanho do arquivo mais baixo.

MP3 normalmente lhe dará uma qualidade de som perfeitamente aceitável, mantendo o tamanho do arquivo para um mínimo. Evite arquivos WAV Se possível, como estes são muitas vezes bastante grandes.

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 a biblioteca. Procure o arquivo de som no 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.

3. Crie uma nova camada para cada arquivo de som. Isso não é estritamente necessário, como você pode adicionar som a camadas existentes, mas colocar cada arquivo em sua própria camada lhe dará muito mais controle sobre a desvanecimento e sair, quando começar e parar, e é mais fácil mover sons ao redor.

4. Crie um quadro-chave onde o som será iniciado. Na camada do som, selecione o quadro na animação que você deseja que o som comece em. Aperte F7 Para inserir um quadro-chave em branco. Por exemplo, se você quiser incluir um arquivo de música que reproduz a duração da animação, selecione o primeiro quadro na camada do arquivo de música. Se você estiver adicionando diálogo para um caractere, selecione o quadro onde o personagem começa a falar.

5. Adicione o arquivo de som ou música. Na estrutura de propriedades, você verá uma seção de som. Você pode precisar expandi-lo para ver as opções. Clique no "Nome" menu e selecione o arquivo que você deseja da sua biblioteca.

Imagem intitulada Criar um Flash Animation Step 24

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 do som para realizar na animação. Você pode alterar o efeito, a sincronização e as configurações de repetição de cada som usando o menu abaixo do menu Nome na estrutura Propriedades.

Efeito - isso permite adicionar efeitos ao som, como desbotando e para fora ou adicionando eco. Você pode selecionar de configurações predefinidas no menu suspenso, ou você pode clicar no ícone de lápis ao lado do menu para criar suas próprias configurações personalizadas.

Sincronizar - isso determina como a música é reproduzida na animação. Evento vai jogar o som até que esteja terminado. Se o mesmo som for acionado novamente antes do primeiro termina, o original continuará jogando até que ele termine. Começar Funciona como evento, mas pára se o som joga novamente. Pare Pára o som nesse quadro. Se você quiser usar isso em conjunto outras propriedades sonoras, crie um novo quadro-chave onde deseja que o som pare e use esta opção. Stream tentará combinar o som que está jogando com o número de quadros em outras camadas. Isso é melhor usado para o diálogo.

Repetir - esta configuração permite que você defina quanto tempo o som se repete. Você pode configurá-lo para jogar apenas uma vez, ou ter um loop quantas vezes quiser. Se sua animação é uma animação em loop, você deve definir sua música para loop infinitamente.

7. Termine seu projeto. Quando você finalmente terminar com seu projeto, salve-o como um arquivo SWF. Este é o formato usado para jogar o filme. Você pode reproduzi-lo em praticamente qualquer navegador da Web ou usar um flash player dedicado para assistir. Há também uma variedade de sites que você pode enviá-lo para outros para ver, como newgrounds, albino Blacksheep e Kongregate.

8. Tome seus projetos futuros mais. 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 de ramificação, e você tem um jogo de escolha seu próprio aventura. Você pode tomar um Curso de acidente no ActionScript e ganhe muito mais controle sobre os detalhes mais finos da sua animação. Continuar experimentando, e você logo se encontrará aprendendo todos os tipos de truques e implementações.