Como preparar o Flash CS5 Artwork for Catalyst - dummies

No Adobe Flash Creative Suite 5, a preparação cuidadosa do seu design no Photoshop ou no Illustrator é fundamental para obter bons resultados no Catalyst - e não rasgando seus cabelos na frustração! Você pode ter que trabalhar um pouco diferente do que você está acostumado, para que o Catalyst entenda o arquivo de design.

Crie objetos exclusivos

Para o Catalyst reconhecer botões e outros objetos, todos os trabalhos artísticos que se tornarão um botão ou outro componente precisam ser um objeto exclusivo selecionável. (Claro, você pode usar vários objetos, como um retângulo e texto.)

Isso é importante no Photoshop ou Illustrator, onde é fácil ignorar esse princípio. Se você criar uma série de botões, por exemplo, adicionando algum texto e alguns divisores em um plano de fundo, então, quando você traz o arquivo no Flash Catalyst, você não possui objetos exclusivos para selecionar. Portanto, certifique-se de que cada botão pode ser selecionado individualmente ou como um grupo de objetos que compõem esse botão.

Organize suas camadas

Se você criar suas camadas no Photoshop ou no Illustrator da mesma maneira que você planeja trabalhar com eles no Catalyst, você terá um tempo muito mais fácil criando seu projeto. A ideia é poder alternar a visibilidade das camadas para revelar cada página no site. A figura mostra um conjunto de camadas no Photoshop que ilustram este princípio. Recomendamos o seguinte:

• Crie uma pasta para cada página do seu site; e dentro de cada pasta, coloque camadas com o design exclusivo para cada página.

• Crie uma pasta como sua camada superior, que contém seus botões de navegação e qualquer coisa que não muda de página para página, como seu logotipo. Você pode querer chamar essa pasta de algo descritivo, como a Navegação.

• Atribua sua camada de fundo uma cor que aparece se você desaparecer ou desaparecer em uma página. (Alguns podem também aparecer se suas páginas não cobrem completamente o plano de fundo.)

  

rotulam sempre cada camada de forma descritiva possível, especialmente se você estiver planejando trabalhar com um desenvolvedor usando o Flash Builder. O desenvolvedor pode precisar usar os nomes das camadas no código.

Adicionar olhares para estados de botão

Você pode criar as diferentes aparências dos seus estados de botão (ou estados de outros componentes) de várias maneiras:

• Empilhe os estados do botão em camadas individuais no Photoshop ou Illustrator e rotule as camadas cuidadosamente para explicar o que são. Então, você pode desligar a visibilidade das camadas para definir os diferentes estados no Catalyst.

• Adicionar estados de botão no Catalyst (em vez de adicionar os looks no Photoshop ou Illustrator), usando brilhos, sombras, redimensionamento ou mais no Catalyst.

• Exporte um estado de botão do Photoshop ou Illustrator como um arquivo PNG, JPG ou GIF e importe-o para o novo estado no Catalyst.