Flash é o principal meio de animação na Internet e até mesmo em outros formatos, como a televisão. Criar uma animação Flash simples em um programa Flash é na verdade muito simples de fazer, pois o Flash fornece muitas ferramentas úteis que simplificam todo o processo. Se você já tem uma ideia para uma animação ou desenho animado em Flash, provavelmente terá um esboço bruto criado em apenas algumas horas. Consulte o guia abaixo para aprender a criar uma animação em Flash.
Etapa
Método 1 de 3: Criando uma animação em Flash quadro a quadro
Etapa 1. Compreender os fundamentos da animação quadro a quadro
Este método é considerado um método tradicional de animação, quando cada quadro (uma imagem que compõe uma animação) possui a mesma imagem, mas muda ligeiramente. Quando os quadros são reproduzidos juntos, a imagem parece se mover. Esta é a mesma técnica básica usada por animadores tradicionais que desenham cada quadro à mão, mas leva mais tempo do que o método de interpolação (consulte a próxima seção).
Por padrão, o Flash produzirá animação a 24 quadros por segundo (FPS). Isso significa que um segundo de animação terá 24 quadros, mas cada quadro não precisa ser diferente. Você pode ajustar isso se desejar, e muitas animações em Flash usam 12 FPS, mas 24 FPS resultarão em uma animação muito mais suave
Etapa 2. Instale o programa Flash Professional
Existem vários programas de animação em Flash disponíveis, mas o melhor é o Adobe Flash Professional CC. Você pode fazer uma instalação de avaliação gratuita ou usar outro produto se a assinatura da Adobe Creative Cloud não for do seu interesse. O restante deste artigo se referirá ao Flash Professional ou outros programas 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ê deve criar todos esses ativos manualmente. Você pode criá-los todos antes de começar ou pode criá-los depois de começar. Você pode usar o programa Flash para desenhar diretamente no projeto ou pode desenhar itens em seu programa de desenho favorito.
Se você deseja que uma imagem seja redimensionada sem sacrificar a qualidade, é necessário renderizá-la como um vetor, não como um raster. As imagens vetoriais serão redesenhadas automaticamente quando dimensionadas, o que significa que não haverá pixelização ou aliasing (um efeito quadriculado que aparece quando a imagem é ampliada). Imagens raster são imagens tradicionais que você está acostumado a ver (fotos, imagens do programa Paint, etc.). Imagens raster não são bem dimensionadas e podem parecer muito ruins quando aumentadas
Etapa 4. Crie o primeiro quadro
Ao iniciar o programa Flash, você obterá uma camada em branco e uma linha do tempo vazia. Ao adicionar um quadro, a linha do tempo será preenchida automaticamente. Você pode interagir com camadas da mesma forma que faria no Photoshop.
- Antes de adicionar imagens, crie um fundo básico para o seu filme. Renomeie a Camada 1 como "Fundo" e bloqueie a camada. Crie uma segunda camada e nomeie-a como quiser. Esta camada será a camada onde você cria a animação.
- Adicione uma imagem à tela no primeiro quadro. Você pode importar imagens de seu computador ou usar as ferramentas de desenho do Flash para criar imagens diretamente no programa.
- Seu primeiro quadro será um "quadro-chave" (quadro-chave). Quadros-chave são quadros que contêm imagens e formam o núcleo de sua animação. Você criará um novo quadro-chave cada vez que a imagem mudar.
- Os quadros-chave são marcados com 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 é uma boa animação.
Etapa 5. Transforme a imagem em um símbolo
Ao transformar uma imagem em um símbolo, você pode adicioná-la facilmente várias vezes em um quadro. Isso é especialmente útil se você precisar criar rapidamente vários objetos, como um grupo de peixes.
- Selecione a imagem inteira. Clique com o botão direito na imagem selecionada e selecione "Converter em símbolo". Isso adicionará a imagem à Biblioteca, onde você poderá acessá-la rapidamente mais tarde.
- Exclua a imagem. Não se preocupe! Você o adicionará de volta à cena da história simplesmente arrastando o objeto da Biblioteca. Você pode adicionar várias imagens da mesma em uma cena de história facilmente!
Etapa 6. Adicione alguns quadros em branco
Assim que o primeiro quadro estiver pronto, você pode adicionar um quadro em branco que ficará entre o primeiro e o segundo quadros-chave. Pressione a tecla F5 quatro ou cinco vezes para adicionar um quadro em branco após o primeiro quadro-chave.
Etapa 7. Crie um segundo quadro-chave
Depois de adicionar alguns quadros em branco, você está pronto para criar um segundo quadro-chave. Existem basicamente duas maneiras diferentes de fazer isso, ou seja, você pode copiar um quadro-chave existente e fazer pequenos ajustes ou pode criar um quadro-chave em branco e inserir uma nova imagem. Se estiver usando uma imagem criada com outro programa, você desejará o segundo método. Se você estiver criando uma imagem usando ferramentas de design do Flash, use o primeiro método.
- Para criar um quadro-chave usando o conteúdo do quadro-chave anterior, pressione a tecla 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". Tudo na cena da história será removido.
- Depois de criar o segundo quadro-chave, você precisará fazer ajustes na imagem para dar a ela o efeito de movimento. Se você usar as ferramentas de design do Flash, poderá usar a ferramenta Transformar para selecionar aspectos da imagem e movê-los um pouco, como os braços de um stickman.
- Se você estiver inserindo uma nova imagem para cada quadro-chave, certifique-se de que ela seja colocada no mesmo ou no próximo local lógico na tela. Isso garante que a imagem não salte entre os quadros.
Etapa 8. Repita o processo
Agora que você criou os dois quadros-chave, é hora de refazer. Em essência, você repetirá o mesmo processo até que a animação seja concluída. Adicione alguns quadros em branco entre cada quadro-chave e certifique-se de que a animação se mova suavemente.
Faça pequenas mudanças de movimento incrementais. A animação parecerá muito mais suave se você fizer alterações muito pequenas no quadro-chave. Por exemplo, se você quiser que o stickman balance o braço, o segundo quadro-chave não deve ser o final do braço. Em vez disso, use alguns quadros-chave como uma transição do início ao fim do swing. Isso resultará em uma animação muito mais suave
Método 2 de 3: Criando 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 (um processo que produz uma imagem intermediária entre duas imagens em dois pontos no tempo em uma animação), que basicamente permite definir os pontos no tempo inicial e final dos objetos. O Flash então moverá e mudará os objetos com base nas configurações entre esses dois pontos no tempo, criando a ilusão de animação. Você não precisa criar uma imagem para cada quadro-chave como faria com a animação quadro a quadro.
- A interpolação é especialmente útil para criar um efeito de metamorfose em que um objeto se transforma em outro objeto durante a animação.
- A animação quadro a quadro e a interpolação podem ser usados juntos no mesmo filme.
- Apenas um objeto passa por uma interpolação de movimento por vez. Isso significa que, se você deseja que vários objetos sejam animados ao mesmo tempo, eles devem ser colocados em camadas diferentes.
Etapa 2. Crie o primeiro objeto
Ao contrário da animação quadro a quadro, você não precisa criar vários objetos para animar usando a função de interpolação. Mas você criará um objeto e, em seguida, alterará as propriedades do objeto durante o processo de interpolação.
- Antes de adicionar imagens, crie um fundo básico para o seu filme. Renomeie a Camada 1 como "Fundo" e bloqueie a camada. Crie uma segunda camada e nomeie-a como quiser. Esta camada será a camada onde você cria a animação.
- É altamente recomendável usar as ferramentas de design integradas ao programa Flash ou importar imagens de um programa de desenho vetorial. Os vetores podem ser dimensionados facilmente sem serem distorcidos, enquanto as imagens raster tradicionais não são dimensionadas e transformadas de maneira adequada.
Etapa 3. Converta o objeto em um símbolo
Para gerar uma imagem intermediária de um objeto, você deve convertê-la em um símbolo. Este é o formato que o Flash usa para organizar objetos. Se estiver tentando gerar uma imagem intermediária a partir de um objeto que não foi convertido em símbolo, você será solicitado a fazer a conversão primeiro.
Clique com o botão direito no objeto e selecione "Converter em símbolo". Os objetos serão adicionados à Biblioteca, o que torna a clonagem de objetos mais fácil
Etapa 4. Faça a primeira interpolação de movimento
Uma interpolação de movimento move um objeto de um local para outro. Clique com o botão direito no símbolo na cena da história e selecione "Criar interpolação de movimento". Um total de 24 quadros será adicionado à linha do tempo, pois este é o comprimento padrão de uma interpolação. Lembre-se de que o Flash será animado a 24 quadros por segundo nas configurações padrão, o que significa que essa interpolação de movimento levará um segundo para ser animada.
Ao criar uma interpolação de movimento, você é movido automaticamente para o último quadro da interpolação
Etapa 5. Desenhe o caminho do objeto
Depois de criar a interpolação, você pode mover o objeto para o local final desejado. O Flash exibirá uma linha de caminho, que é pontilhada para indicar a localização do objeto para cada quadro da imagem intermediária resultante.
Ao criar um caminho pela primeira vez, ele será uma linha reta do ponto inicial ao ponto final
Etapa 6. Estenda o quadro de fundo
Se você executar a animação agora, o objeto se moverá ao longo do caminho, mas o fundo desaparecerá após um quadro. Para corrigir isso, você deve estender o plano de fundo para cobrir todo o quadro da animação.
Selecione a camada de fundo na linha do tempo. Clique no último quadro da linha do tempo, que também deve ser o último quadro da interpolação de movimento. Pressione a tecla F5 para inserir um quadro até este momento, que continuará a exibir o plano de fundo durante toda a interpolação
Etapa 7. Adicionar quadros-chave
Adicionar um quadro-chave ao caminho permitirá que você altere os objetos durante a interpolação de movimento. Você só pode fazer alterações em um objeto se ele tiver um quadro-chave. Para adicionar um quadro-chave a uma trilha, primeiro selecione o quadro que deseja converter em quadro-chave na linha do tempo. Em seguida, clique e arraste o objeto para a posição desejada no quadro. A trilha será ajustada automaticamente e um quadro-chave será adicionado à linha do tempo. Os quadros-chave são marcados com um ícone de losango na linha do tempo.
Etapa 8. Ajuste o caminho de interpolação
Para alterar o caminho de um objeto, você pode clicar e arrastar cada marcador de posição de quadro no caminho para um novo local. Evite colocar muitas variações no caminho, ou o objeto se moverá erraticamente (a menos que este seja realmente o seu objetivo!).
Etapa 9. Transforme o objeto
Depois que o quadro-chave e o caminho são definidos, você pode transformar o objeto para que ele mude à medida que se move pelo caminho de interpolação de movimento. Você pode alterar a forma, a cor, a rotação, o tamanho e outras coisas do objeto.
- Selecione o quadro que deseja transformar.
- Abra o painel Propriedades do objeto. Você pode pressionar Ctrl + F3 se o painel não estiver visível no momento.
- Altere um valor na seção Propriedades para afetar o objeto. Por exemplo, você pode alterar a cor, adicionar um filtro ou alterar a escala.
- Você também pode usar a ferramenta Transformação Livre para alterar livremente a forma do objeto como desejar.
Etapa 10. Faça os retoques finais na imagem intermediária
Teste a interpolação de movimento pressionando Ctrl + ↵ Enter. Certifique-se de que a transformação pareça boa e que a animação se mova na velocidade correta. Se a animação se mover muito rápido, você pode diminuir o FPS ou aumentar o intervalo de tempo de interpolação.
- Por padrão, o FPS da animação é 24, então tente diminuí-lo para 12. Para fazer isso, clique fora da cena da história e altere o FPS no painel Propriedades. Alterar o valor para 12 dobrará a duração da animação, mas o movimento da animação pode se tornar mais "fragmentado".
- Para alterar o intervalo de tempo de uma interpolação, selecione a camada que contém a interpolação e use o controle deslizante para arrastá-la. Se você quiser que a interpolação tenha o dobro do comprimento, estenda-a para 48 quadros. Certifique-se de inserir um quadro em branco dentro da camada de fundo para que o fundo não desapareça pela metade durante a animação. Para estender o plano de fundo, selecione a camada, clique no último quadro da animação na linha do tempo e pressione a tecla F5.
Método 3 de 3: Adicionando sons e músicas
Etapa 1. Grave ou pesquise efeitos sonoros e música
Você pode adicionar efeitos sonoros às ações que ocorrem na animação para torná-la diferente das outras e dar a ela um caráter próprio. A música torna suas animações mais vivas e pode tornar as boas animações extraordinárias. O Flash oferece suporte a uma variedade de formatos de arquivo de som, incluindo AAC, MP3, WAV e AU. Escolha o formato que oferece a melhor qualidade com o menor tamanho de arquivo.
O formato MP3 geralmente fornece uma qualidade de som que ainda é boa e tem um tamanho mínimo de arquivo. Evite usar o formato WAV se possível, pois eles geralmente são muito grandes
Etapa 2. Importe os arquivos de som para a Biblioteca
Antes de adicionar som a um projeto, o arquivo de som deve ser adicionado à Biblioteca Flash. Isso permitirá que você adicione som rapidamente ao seu projeto posteriormente. Clique em Arquivo → Importar → Importar para Biblioteca. Procure arquivos 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 mais tarde no menu.
Etapa 3. Crie uma nova camada para cada arquivo de som
Isso não é realmente necessário, pois você pode adicionar som a uma camada existente, mas colocar cada arquivo em uma camada separada dará a você muito mais controle em termos de configurações de som de aumento e diminuição (aumento e diminuição gradual). o som, e é mais fácil mover o som para outra parte.
Etapa 4. Crie um quadro-chave onde o som começará
Na camada de som, selecione o quadro da animação em que deseja que o som comece. Pressione a tecla 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 no qual o personagem começa a falar.
Etapa 5. Adicionar arquivos de som ou música
Dentro do quadro Propriedades, você verá a seção Som. Você pode ter que abri-lo para ver as opções. Clique no menu "Nome" e selecione o arquivo desejado na Biblioteca.
Etapa 6. Organize os arquivos de som
Depois de selecionar um arquivo, você pode definir como ele será reproduzido. A escolha será baseada no uso pretendido do som na animação. Você pode alterar as configurações de Efeito, Sincronização e Repetição de cada som usando o menu localizado no menu Nome no quadro Propriedades.
- Efeitos. Essa configuração adiciona efeitos ao som, como o som que aparece ou desaparece gradualmente ou adiciona eco. Você pode escolher entre as configurações existentes no menu suspenso ou clicar no ícone de lápis ao lado do menu para criar suas próprias configurações personalizadas.
- Sincronizar. Esta configuração determina como a música é reproduzida na animação. O evento tocará um som até que seja concluído. Se o mesmo som for acionado novamente antes que o som anterior termine, o som original continuará a tocar até terminar. O início é semelhante ao Evento, mas para quando o som é reproduzido novamente. Parar interrompe o som naquele quadro. Se você quiser usar esta opção em conjunto com outras opções de som, crie um novo quadro-chave onde deseja que o som pare e use esta opção. O fluxo tentará combinar o som reproduzido com o número de quadros nas outras camadas. Esta opção é melhor usada 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 quiser. Se a sua animação for uma animação em loop, você deve definir a música para repetir indefinidamente.
Etapa 7. Conclua o projeto
Quando você finalmente terminar de trabalhar no projeto, salve-o como um arquivo SWF. Este é o formato usado para reproduzir filmes. Você pode reproduzi-lo em quase qualquer navegador da web ou usar um Flash player que é usado especificamente para assisti-lo. Existem também vários sites onde você pode fazer o upload para que outras pessoas assistam, como Newgrounds, Albino Blacksheep e Kongregate.
Etapa 8. Desenvolva ainda mais seu projeto futuro
Este guia cobre os fundamentos da criação de animações, mas há muito mais que você pode aprender e fazer. Adicione alguns botões e um enredo ramificado e você terá o seu próprio jogo de aventura. Você pode fazer cursos intensivos em ActionScript e obter muito mais controle sobre os detalhes mais sutis de suas animações. Continue experimentando e logo aprenderá todos os tipos de truques e suas implementações.
