Como criar uma animação em flash: 26 passos (com fotos)

3 partes:

Conteúdo

Dicas
Relacionados

Fazer uma animação de quadro de imagem no Flash Um ponto de animação a ponto (interpolação)Adicionar som e música

Flash é o principal meio de entretenimento na Internet e até mesmo em outros formatos, como a televisão. Criar uma animação simples em Flash é realmente muito fácil de alcançar, porque Flash oferece muitas ferramentas úteis que simplificam o processo todo. Se você tem uma idéia para uma animação em Flash ou um desenho, você pode ter um esboço pronto em apenas um par de horas. Passo 1 Leia abaixo para saber como criar uma animação em flash.

parte 1Fazer uma animação de quadro de imagem no Flash

Ele entende o básico do quadro de animação quadro a quadro. Este é considerado o método de "tradicional" animação, no sentido em que cada armação tem a mesma imagem, apenas ligeiramente alteradas. Quando as imagens são reproduzidas em conjunto, a imagem parece se mover. Esta é a mesma técnica utilizada pelos animadores mão e consome mais tempo do que a interpolação de movimento (ver secção seguinte).

Por padrão, o Flash produz animações em 24 quadros por segundo (FPS, por sua sigla em Inglês). Isto significa que um segundo de animação tem 24 frames, mas não todas as imagens têm de ser iguais. Você pode ajustar isso, se quiser, e muitas animações em flash usar 12 FPS, 24 FPS, mas produzem uma aparência muito mais animada "fluido".

Instalar o Flash Professional. Uma variedade de programas disponíveis animação em Flash, mas o mais poderoso Adobe Flash Professional CC. Você pode instalar a versão de avaliação gratuitamente, ou você pode usar outro produto se você não chamar a atenção inscrever-se a Adobe Creative Cloud. O restante deste artigo é referido como "flash" Flash Professional ou qualquer outro programa de edição.

Criar seus ativos. Porque a animação de movimento requer múltiplas imagens com ligeiras diferenças, você tem que criar todos esses ativos com a mão. Você pode criar todos eles antes de iniciar ou fazer como você vá junto. Você pode usar o programa Flash para desenhar diretamente em seu projeto, ou você pode desenhar os ativos em seu programa de imagem favorito.

, Se você quiser imagens são de escala sem sacrificar a qualidade, você deve criá-los como vetores em vez de imagens como raster. as imagens vetoriais são redesenhadas-se cada vez que mudar a escala, o que significa que não haverá sobreposição ou pixelizada. As imagens raster são imagens tradicionais que você está provavelmente utilizados para (fotos, imagens em pintura, etc.). Estes não podem modificá-los escala bem e pode olhar muito feio se você deseja ampliar.

Crie o primeiro quadro. Quando você iniciar o Flash pela primeira vez, você vai ter uma camada em branco e uma linha do tempo vazio. Como você adicionar imagens, o cronograma será preenchido automaticamente. Você pode interagir com camadas muito da mesma forma como faria no Photoshop.

Antes de adicionar a imagem, cria um fundo de base para o filme. Mudar o nome da Camada 1 a "fundo" e defina a camada. Criar uma segunda camada e dar-lhe o nome que quiser. Esta é a camada que vai criar a animação.
Adicionar o desenho para a tela no primeiro quadro. Você pode importar a imagem do seu computador ou você pode usar o Flash ferramentas de desenho para criar um desenho diretamente no programa.
A primeira foto será um "quadro-chave". Os quadros-chave são quadros com uma imagem e formam a espinha dorsal da animação. Você vai criar um novo quadro-chave cada vez que a imagem muda.
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. De um modo geral, ter uma estrutura de chave a cada quatro ou cinco tabelas irá produzir uma boa animação.

Converte do desenho em um "símbolo". Quando de converter o desenho em um símbolo, você pode facilmente adicioná-lo a uma mesa várias vezes. Isto é especialmente útil se você precisar criar vários objetos rapidamente, como um cardume de peixes.

Selecione o desenho inteiro. Botão direito do mouse na seleção e escolha "Converter em símbolo". Isto irá adicionar a imagem à sua biblioteca, onde você pode acessá-lo rapidamente no futuro.
Elimina o desenho. Não te preocupes! Você irá adicionar de volta à cena, simplesmente arrastando o objeto da sua biblioteca. Você pode adicionar à cena várias instâncias do mesmo desenho com facilidade.

Adicionar algumas caixas em branco. Uma vez que você tem pronto o primeiro quadro, você pode adicionar molduras em branco que existem entre o primeiro e o segundo quadro-chave. imprensa F5 quatro ou cinco vezes para adicionar frames em branco após o primeiro quadro-chave.

Cria o segundo quadro-chave. Depois de adicionar algumas caixas em branco, você está pronto para criar o segundo quadro-chave. Basicamente, existem duas maneiras diferentes de fazer isso: você pode copiar a caixa de chave existente e fazer pequenos ajustes, ou você criar uma caixa de chave em branco e inserir uma nova imagem. Se você estiver usando uma imagem criada em outro programa, você deve usar o segundo método. Se você criou uma imagem usando ferramentas de design Flash, use o primeiro método.

Para criar um quadro-chave usando o conteúdo do quadro-chave anterior, pressione F6. Para criar uma chave em branco caixa, clique com o botão direito no último quadro na linha do tempo e selecione "Entrar na caixa senha em branco". Qualquer coisa na cena serão apagados.
Depois de criar o segundo quadro-chave, você precisa fazer ajustes na imagem para dar o efeito de movimento. Se você estiver usando ferramentas de design em Flash que você pode usar a ferramenta de transformação para selecionar os aspectos do desenho e movê-los um pouco, como o braço de um boneco de varas.
Se você está entrando em uma nova imagem para cada quadro-chave, você quer ter certeza de que ele é colocado no mesmo local ou o local lógico seguinte na tela. Isto irá assegurar que a imagem não dá saltos entre frames.

Repita o processo. Agora que você já criou dois quadros-chave, é hora de fazer uma iteração. Você essencialmente repetir o mesmo processo até que você tenha a animação final. Adicione algumas frames em branco entre cada quadro-chave e certifique-se de que os movimentos olhar fluido.

Faça pequenas mudanças incrementais. Sua animação vai olhar muito mais suave se você fizer muito pequenas alterações na caixa de chave. Por exemplo, se você quer um braço saudação figura da vara, o seu segundo quadro-chave não deve ser a outra extremidade da saudação. Em vez disso, ele usa uma chave de poucos para fazer a transição do início ao fim cartões fotos. Isto produzirá uma animação muito mais fluido.

parte 2Um ponto de animação a ponto (interpolação)

Ele entende os conceitos básicos da interpolação de movimento. Flash contém uma função chamado de interpolação, que essencialmente permite que você defina o ponto inicial e final para o objeto. Flash em seguida, passar e transformar o objeto com base na configuração entre estes dois pontos, criando a ilusão de uma animação. Você não precisa criar imagens para cada quadro-chave como você faria com o quadro de animação quadro a quadro.

Interpolação é especialmente útil para criar efeitos "morphing"Quando um objecto torna-se outra no decurso da animação.
O quadro de animação quadro a quadro e interpolação podem ser usados juntos no mesmo filme.
Pode haver apenas um objeto de cada vez submetido a interpolação de movimento. Isto significa que se você deseja animar vários objetos de uma só vez, todos terão de estar em camadas separadas.

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

Antes de adicionar a imagem, cria um fundo de base para o filme. Mudar o nome da Camada 1 a "fundo" e defina a camada. Criar uma segunda camada e dar-lhe o nome que quiser. Esta é a camada que vai criar a animação.
É altamente recomendável que você use as ferramentas de design que são construídas em Flash ou equivale imagem de um programa de desenho com vetores. Um vetor pode ser modificada facilmente escalá-los sem distorção, enquanto as imagens raster tradicionais não podem alterar a escala ou transformá-los bem.

Converte o objeto para uma de símbolos. A fim de interpolação do objeto, é preciso transformá-lo em um símbolo. Este é o formato de manipular objetos usando o Flash. Se você tentar interpolar um objeto que não se tornou um símbolo, você será solicitado a fazer primeiro.

clique direito sobre o objeto e selecione "Converter em símbolo". O objeto será adicionado à sua biblioteca, tornando-o fácil de clonar objetos.

Criar o primeiro interpolação de movimento. A Motion Tween o objeto se move de um local para outro. Botão direito do mouse sobre o símbolo em cena e seleciona "Criar Tween Motion". 24 quadros cronograma para ser adicionado, uma vez que este é o comprimento de uma interpolação padrão. Lembre-se, por padrão, o Flash incentivar 24 quadros por segundo, o que significa que esta interpolação de movimento ter um segundo para concluir.

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

Criar o caminho. Depois de criar a interpolação, você pode mover o objeto para o local onde você quer que acabe. Flash exibe a linha do caminho, o que vai ser pontilhada para mostrar a localização do objecto para cada interpolação de quadro.

Quando você cria o caminho, pela primeira vez, será uma linha reta desde o ponto de partida para a linha de ponto final.

Estende o fundo quadriculado. Se reprodujeras animação neste momento, o objecto move-se ao longo do caminho, mas inferior a desaparecer após uma imagem. Para corrigir isso, você tem que estender o fundo através de todos os quadros de animação.

Selecione a camada de fundo na linha do tempo. Clique no último quadro da linha de tempo, o que também deve ser o quadro em que a interpolação de movimento termina. imprensa F5 a introdução de imagens a este ponto, que irá manter o fundo em exibição em todo interpolação.

Adicionar quadros-chave. Adicionar quadros-chave para o caminho irá permitir que você para transformar o objeto durante a interpolação de movimento. Você só pode fazer alterações para um objeto se você estiver em uma caixa de chave. Para adicionar quadros-chave para o caminho, primeiro selecione a imagem na linha do tempo que deseja converter na caixa chave. Em seguida, clique e arraste o objeto para a posição onde você quer que seja nesse quadro. O caminho será ajustado automaticamente e será adicionado quadro-chave cronograma. Os quadros-chave são indicados por ícones de diamantes na linha do tempo.

Define a interpolação de percurso. Para alterar a forma do objeto, você pode clicar e arrastar para uma nova localização de cada um dos marcadores da posição do quadro na estrada. Evite colocar muitas variações sobre a estrada ou o objeto irá se mover de forma irregular (a menos que este é seu objetivo!).

Transformam o objeto. Depois de ter estabelecido os quadros-chave e trajetória, você pode transformar o objeto para que ele muda como ele se move através do caminho da interpolação de movimento. Você pode alterar a forma, cor, rotação, tamanho e qualquer outra propriedade do caminho.

Marque a caixa de onde você quer que a transformação ocorre.
Abre as propriedades do objeto painel. Você pode pressionar ^ Ctrl+F3 Se o painel não é visível no momento.
Alterar qualquer valor na janela de propriedades de afetar o objeto. Por exemplo, você pode alterar a tonalidade ou cor, adicione filtros ou escala.
Você também pode usar a ferramenta de transformação livre para mudar a forma como você quer.

Dê o toque de interpolação de acabamento. Tente pressionar a interpolação de movimento ^ Ctrl+⌅ entrar. Certifique-se de que as alterações olhar grande e a animação se move na velocidade correta. Se a animação se move muito rápido, você pode ser e reduzir o número de quadros por segundo da cena ou aumentar o período de interpolação.

Por padrão, o número de quadros por segundo é de 24, de modo a tentar reduzi-la a 12. Para fazer isso, clique fora do palco e, em seguida, alterar os quadros por segundo no painel de propriedades. 12 mudança vai dobrar o comprimento da animação, mas pode torná-lo mais "errático".
Para alterar o período de interpolação, selecione a camada contendo a interpolação e usando a barra de ajuste. , Se você quiser a interpolação é o dobro do tempo, estendê-lo a 48 fotos. Certifique-se de entrar quadrados em branco na camada de fundo para que o fundo não desaparecer no meio da animação. Para estender o plano de fundo, selecione a camada, clique no último quadro da animação no cronograma e, em seguida, pressione F5.

parte 3Adicionar som e música

Registro ou busca de efeitos de som e música. Você pode adicionar efeitos sonoros para ações que ocorrem em animação para ajudar a torná-lo destacar-se e dar-lhe um pouco de personalidade. A música faz animação mais envolvente e pode transformar uma boa animação incrível. Flash suporta uma variedade de formatos de arquivo, incluindo AAC, MP3, WAV e AU. Escolha o que lhe dá a melhor qualidade para o tamanho de arquivo menor.

O formato MP3 normalmente irá dar-lhe uma qualidade de som perfeitamente aceitável, mantendo o tamanho do arquivo a um mínimo. Evite arquivos WAV se possível, uma vez que estas são muitas vezes bastante grande.

Importar arquivos de som para a sua biblioteca. Antes de poder adicionar sons ao seu projeto, você precisa adicioná-los à biblioteca do Flash. Isso permite que você adicioná-los rapidamente para o projeto mais tarde. Clique "arquivo", Em seguida, "assunto" e "Importar para biblioteca". Pesquisar o arquivo de som no seu computador. Certifique-se de ter um nome fácil de lembrar, para que mais tarde você pode encontrá-lo rapidamente no menu.

Crie uma nova camada para cada arquivo de áudio. Isto não é estritamente necessário, desde que você pode adicionar som a camadas existentes, mas colocar cada arquivo em sua própria camada lhe dará muito mais controle sobre o elenco, quando começar e parar, e movimento parece fácil.

Criar um quadro-chave onde o som começa. Nessa camada, selecione o quadro de animação onde deseja que o som começa. imprensa F7 para inserir uma caixa em branco senha. Por exemplo, se você quiser incluir um arquivo de música a ser tocada em toda a animação, selecione o primeiro quadro na camada do arquivo de música. Se você estiver adicionando uma caixa de diálogo de caráter, selecione a camada onde o personagem começa a falar.

Adicione o arquivo de áudio ou música. Na caixa de propriedades, você verá uma seção do som. Você pode ter que expandi-lo para ver as opções. Clique no menu "nome" e selecione o arquivo que você quer de sua biblioteca.

Define o arquivo de som. Depois de selecionar um arquivo, você pode definir como jogar. Que escolhas serão baseadas no que você precisa para alcançar o som na animação. Você pode alterar as configurações para o efeito, o calendário e repetição de cada som usando o menu sob o menu "nome" na caixa de propriedades.

Efeito: Isso permite que você adicione efeitos sonoros, tais como fades ou eco. Você pode selecionar as configurações padrão do menu drop-down ou você pode clicar no ícone de lápis ao lado do menu criar configurações personalizadas.
Sync: Esta determina como a música é tocada em animação. "evento" irá tocar a música até que esteja terminado. Se o mesmo som é acionado novamente antes de a primeira extremidade, o original continuar a jogar até que esteja terminado. "iniciação" como funções "evento", Mas pára se o som é reproduzido novamente. "parar" pára o som nesse quadro. Se você quiser usar isso em conjunto com outras propriedades do som, cria um novo quadro-chave onde você deseja que as paradas de som e usar esta opção. "descarga contínua" vai tentar encaixar o som a ser jogado com o número de quadros em outras camadas. Isso é melhor usado para o diálogo.
Repita: Esta configuração permite que você defina o tempo que o som é repetido. Você pode definir a ser repetido apenas uma vez, ou em um loop quando quiser. Se a animação é um loop de animação, você deve definir a música a ser tocada em um loop infinito.

Terminar o projeto. Quando finalmente terminou o projeto, salve-o como um arquivo SWF. Este é o formato utilizado para reproduzir o filme. Você parece reproduzir praticamente qualquer navegador ou usar um Flash player dedicado para visualizá-lo. Há também uma variedade de sites para os quais você pode enviá-lo para os outros verem, como Newgrounds, Albino Blacksheep e Kongregate.

leva ainda mais seus projetos futuros. Este guia aborda os conceitos básicos de criação de uma animação, mas há muito mais que você pode fazer e aprender. fazer alguns botões e galhos e você começa um jogo de escolher sua própria aventura. Você pode tomar um curso intensivo ActionScript e tenha muito mais controle sobre os detalhes mais delicados da sua animação. Manter a experimentar e em breve você vai aprender todos os tipos de truques e implementações.