Transformando gráficos em botões no Flash Catalyst

• Abril 30, 2024

Agora que importamos o arquivo de projeto do portfólio PhotoshopLayout.psd para o Adobe^R Instantâneo^R Catalisador^TM e exploramos o espaço de trabalho do Catalyst, estamos prontos para trabalhar na navegação do nosso portfólio.

No momento, temos apenas uma página ou estado em nosso projeto. Precisamos criar mais duas páginas para que possamos exibir um logotipo diferente em cada página.

1. No painel Páginas / Estados, clicaremos no botão Estados duplicados duas vezes. Isso nos dará a Página2 e a Página3. Mas, eles são todos iguais. Vamos cuidar disso.

2. Clique no ícone Página1 e vá para o painel Camadas. Abra a pasta Logos. Queremos apenas o logotipo 1 visível nesta página. Desative a visibilidade para os logotipos 2 e 3.

3. Clique no ícone Página2 e desligue a visibilidade do logotipo 1 e 3. Ligue a visibilidade do logotipo 2.

4. Clique no ícone Página3 e desligue a visibilidade do logotipo 1 e 2. Ligue a visibilidade do logotipo 3.

Em seguida, criaremos os botões para o nosso portfólio. Temos uma miniatura para cada logotipo. Estes serão os botões.

5. Volte para a Página1 clicando no ícone no painel Páginas / Estados. No painel Camadas, abra a pasta Miniaturas. Na prancheta, clique na miniatura do logotipo 1. Ao fazer isso, você verá o HUD aberto e o painel Propriedades será alterado.

Vamos trabalhar no HUD primeiro. É aqui que informaremos ao Catalyst que queremos transformar essa imagem de bitmap em um botão.

6. Em Converter trabalho artístico, clique em Converter trabalho artístico em componente e escolha Botão na lista de componentes. O HUD mudará para nos dar novos controles para o nosso botão. Expanda a lista Interações personalizadas e clique no ícone Mais. Escolha Ao clicar na lista. Você obterá outro menu suspenso chamado Executar ação. Nesse menu, escolha Executar transição para o estado. No menu suspenso Escolher estado, escolha Página1 porque queremos que esse botão leve o visualizador à Página1.

7. Clique na miniatura do logotipo 2 e repita a etapa anterior. Defina Escolha Estado como Página2.

8. Clique na miniatura do logotipo 3 e repita a etapa anterior. Defina Escolha Estado como Página3.

Vamos testar nossos botões. Na barra de menus, clique em Arquivo - Executar Projeto. Ele será aberto no seu navegador. Ao clicar em cada botão, o logotipo correto deve estar visível.

No próximo tutorial, escureceremos o botão do logotipo visível e adicionaremos uma transição entre as páginas.

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 é / 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: Como colocar link em botão no Flash - Passo a Passo (Abril 2024).