Adobe Flash Catalyst

O Adobe Flash Catalyst é uma excelente ferramenta para desenvolvimento de aplicações interativas (tanto para sites quanto independentes), que une ferramentas de design como Adobe Photoshop, Illustrator e Fireworks, além do Flex Builder. Ou seja, você pode “desenhar” uma interface e dar vida a ela com esse programa.

Como baixar e instalar

Ao clicar para baixar o programa, uma janela para fazer login será aberta. Basta entrar com os seus dados ou criar uma nova conta, selecionando No, I Will create one now. Clicando em Continue, você vai para uma tela com os links de download do Flash Catalyst para Windows e para Macintosh.

Nesta mesma tela de realização de download, você encontrará também o Serial Number, necessário para ativar a sua licença do Catalyst, de maneira que ele não vai expirar em 30 dias. Esse número será pedido antes de você instalar o programa.

Utilizando o Adobe Flash Catalyst

Como começar

O ideal na utilização do Catalyst é que você crie o conteúdo antes em outros programas, como o Adobe Photoshop ou o Adobe Illustrator. Isso porque você usará o programa para adicionar interações, e não exatamente criar elementos (apesar de isso ser possível, como será mostrado adiante).

O programa tem capacidade de importar tudo em camadas, então você pode simplesmente separar do jeito que você quer a interface no Photoshop, e depois importar para o programa. Para importar qualquer coisa, vá a File > Import Artwork e procure pelo arquivo criado em PSD ou AI, por exemplo.

Colocando e editando elementos

Para acrescentar novos elementos, você verá que no lado direito da tela há um menu com todos os que estão disponíveis, como botões, caixas de conteúdo, barras de rolagem e vários outros itens de formulário. Você pode colocar qualquer um deles em seu projeto apenas arrastando até a área útil, no centro da tela. Também é possível criar texto, retângulos e outras formas geométricas no canto superior direito da sua tela.

Assim que você adicionar um elemento, é possível usar a flecha preta (selecionada no topo da tela) para selecioná-lo e editar as suas propriedades, como o tamanho, bordas, tipos de preenchimento e quantidade de opacidade.

Ao clicar com o botão direito sobre qualquer objeto, é possível convertê-lo para um componente, como botões, entradas de tempo e objetos de formulário — basta selecionar uma opção chamada Convert Artwork to Component.

Páginas e transições

Como é uma aplicação, é lógico que tudo pode ser dividido em páginas. Você pode adicionar ou duplicar uma página escolhendo as opções em Pages / States. Você pode criar um novo estado ou duplicar o atual, apenas modificando algumas partes (e poupando muito trabalho).

As transições são feitas na parte de baixo da tela, através de uma aba chamada Timelines. Cumpre exatamente o que diz o seu nome, ou seja, é uma linha do tempo. Você verá que há uma linha para cada elemento e, na parte de cima dos elementos, há o número da página, indicando qual a região que será atingida. Basta arrastar as barras que dizem Fade Out para indicar o tempo que o efeito deve ocorrer em cada elemento.

Terminei o meu projeto, e agora?

Você pode Salvar o seu projeto para depois ser utilizado por outros programas, como o Adobe Flash Builder (para programações adicionais), ou dar uma olhada nele pronto indo a File > Run Project. Você também pode salvá-lo em SWF, indo a Publish to SWF.