Animação da loja de cartões eletrônicos

• Pode 1, 2024

Neste ponto do nosso projeto Flash^R, temos nossa loja de cartões cheia de cartões em miniatura. Agora é hora de começar a apresentação de nossos artistas. Cada artista tem um cartão na prateleira. Animaremos cada um desses cartões e exibiremos as informações do artista em um balão de texto.

Cada cartão eletrônico terá a mesma animação, por isso iremos criar a animação 6 vezes. Lembre-se, nosso objetivo é fazer com que cada cartão comece como um cartão pequeno na prateleira e aumente para quase encher o palco. Nosso primeiro passo é definir algumas guias horizontais e verticais que podemos usar para posicionar o cartão eletrônico e o balão de texto. Nosso primeiro cartão eletrônico será uma cena de boneco de neve de inverno pintada em aquarela por Kate Mawdsley. Primeiro, importamos o gráfico do cartão eletrônico para a Biblioteca Flash.

Em seguida, adicione um quadro-chave em uma camada da Linha do tempo onde queremos que a animação comece. Vamos começar com o Quadro 275. Arraste o gráfico do cartão eletrônico para o palco, colocando-o ao lado das guias. Clique com o botão direito e converta o gráfico em um símbolo chamado KateM. Clique com o botão direito do mouse novamente e escolha Criar interpolação de movimento no menu. Usaremos os primeiros 30 quadros para fazer o pequeno cartão eletrônico sair da prateleira. Se adicionarmos 30 quadros além do Quadro 275, o cartão será ampliado para o tamanho total no Quadro 305. Adicione um quadro-chave ao Quadro 305. Isso "travará" o tamanho completo e a posição final do cartão.

Agora podemos voltar ao Quadro 275, o início da animação, e usar a ferramenta Transformar para reduzir o cartão eletrônico a um pequeno quadrado. Em seguida, colocaremos o pequeno cartão eletrônico em cima do cartão correspondente que está na prateleira. Use o controle deslizante Linha de tempo para deslizar pelos 30 quadros de nossa animação. Devemos ver o cartão começar na prateleira e aumentar em tamanho real. Um último toque será reduzir a opacidade do cartão eletrônico a 0% no início da animação. Agora, o cartão começa invisível e aumenta o tamanho e a opacidade total nos primeiros 30 quadros.

Para os próximos 60 quadros (305 a 365), queremos que o cartão permaneça no palco e, basicamente, não faça nada. Isso dá ao espectador a chance de ver o cartão eletrônico. Também adicionaremos o balão de texto durante esse período. Portanto, adicione um quadro-chave ao Quadro 365 para "travar" o cartão eletrônico no lugar desses 60 quadros. Por fim, reduziremos a opacidade do cartão eletrônico para que ele pareça esmaecer. Isso levará apenas 10 quadros. Adicione um quadro-chave ao Quadro 375 e reduza a opacidade do cartão eletrônico para 0%. Essa é a animação inteira para o primeiro cartão eletrônico. Agora podemos adicionar a animação correspondente ao balão de texto.

Pamela Gladding Ecards

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram reproduzidas com a permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Eu vou fazer o seu Flyer, Cartão Digital e Stories Animados no Vintepila! (Pode 2024).