Apresentação de Imagens em Flash CS4

• Pode 9, 2024

Muitos de meus clientes desejam uma pequena apresentação de slides na primeira página de sua loja, blog ou site. Pode ser uma apresentação de slides dos produtos em destaque na loja ou as fotos mais recentes que eles adicionaram ao blog.

Esta apresentação de slides pode ser feita de várias maneiras, incluindo JavaScript, uma animação gif e Flash^R. Eu gosto de usar o Flash porque é uma maneira fácil e rápida de criar uma apresentação de slides simples que exibe várias imagens uma após a outra. Por outro lado, também é fácil criar uma apresentação de slides baseada em XML mais avançada com efeitos de transição entre as imagens. Nos próximos tutoriais, criaremos uma apresentação de slides de imagens no Flash CS4, começando com uma exibição de imagem plana e criando uma versão avançada com efeitos de transição.

As únicas coisas que você precisará para este tutorial são três imagens jpg e Adobe Flash. É melhor se as imagens tiverem o mesmo tamanho. Usaremos apenas três para o nosso tutorial, mas você pode usar quantos desejar. Lembre-se de que mais imagens aumentarão o tempo de download do arquivo swf do Flash.

Abra o Flash CS4, inicie um novo projeto do ActionScript 3 e vamos trabalhar.

1. O primeiro passo é definir o cenário para o mesmo tamanho das nossas imagens. Na barra de menus, clique em Modificar - Documento. Na caixa de diálogo Propriedades do documento, insira Largura e Altura em pixels para suas imagens. Isso preparará o cenário para combinar. Você também pode alterar a cor do plano de fundo. Clique na pequena caixa de cores e escolha uma cor. Convém corresponder à cor de fundo da sua página da web.
   
   Usaremos o Quadro 1 na Linha do tempo para o código do Preloader, que iremos adicionar posteriormente. Então, por enquanto, começaremos a construir nossa apresentação de slides no Quadro 2.
   
   Cada uma das nossas imagens será exibida por 100 quadros. Como nossos quadros por segundo é definido como 24 por padrão, isso nos dará cerca de quatro segundos de tempo de exibição para cada imagem.
   
   
2. Renomeie a camada 1 para "Plano de fundo". Nesta mesma camada, clique com o botão direito do mouse no Quadro 300 (100 quadros x 3 imagens) e adicione um quadro em branco (Inserir quadro). Isso exibirá a camada Background durante toda a animação.
   
   
3. Adicione uma nova camada e chame-a de "Image1". Esta camada irá realizar a nossa primeira imagem. Mas não queremos que a imagem apareça no palco até o Quadro 2. Lembre-se, o Quadro 1 será nosso pré-carregador. No quadro 2 desta camada, clique com o botão direito do mouse e adicione um quadro-chave.
   
   Agora vamos adicionar nossa primeira imagem.
   
   
4. Na barra de menus, clique em Arquivo - Importar - Importar para o palco. Isso deve colocar nossa primeira imagem centralizada no palco. Para ter certeza de que está alinhado como queremos, selecione a imagem e vá para o painel Propriedades. Os valores das posições X e Y devem ser definidos como 0,0.
   
   Salve seu arquivo de projeto.
   
   

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com 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 é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Flash - Action Script - Slides de Fotos Com Botões (Pode 2024).