Uma das grandes, senão a maior, preocupação da Adobe no lançamento da suite CS3, foi a integração entre os softwares. Vamos falar hoje sobre a integração entre o Flash CS3 e o Photoshop CS3.

Existem basicamente 3 tipos de layers que são geradas pelo Photoshop. Preste atenção nos ícones de cada tipo de layer:

Text Layer: forma mais comum, gerada quando você cria um texto qualquer. Note que o ícone da layer é um “T”, como na ferramenta “Horizontal Type Tool”.

Pixel Layer: comumente gerada para imagens importadas, uso de pincéis ou mesmo para objetos que são mesclados com outras layers.

Shape Layer: gerada para desenhos feitos diretamente no Photoshop, tais como quadrados, círculos e formas feitas “a mão” com a ferramenta Pen Tool.

Agora, em um único arquivo, juntando todas as layers e organizando-as em pastas, temos:

Algo interessante a ser feito, é a organização em pastas, pois além de lhe oferecer uma melhor visualização e organização, todas as pastas são importadas para o Flash e ainda há a possibilidade de converter as pastas em movie clip.

Deixando de lado o Photoshop, e entrando no Flash, vamos importar o PSD. Para isso, entre em File > Import > Import To Stage (ou Ctrl+R). Após selecionar o seu PSD e clicar em ok, surgirá a seguinte tela:

Aqui vemos claramente que o Flash importa toda a estrutura que você criou no photoshop, incluindo pastas, nomes de pastas, nomes das layers, etc. Cada tipo de layer, ao ser importada, tem seu comportamento particular. Vamos falar sobre cada uma delas:

Text Layer: Ao selecionar uma layer de texto, teremos as seguintes opções:

• Editable text: mantém a fonte do texto, podendo assim editá-lo;
• Vector outlines: converte o texto em shape, como se você tivesse vetorizado o texto;
• Flattened bitmap imagem: importa o texto, como se fosse uma imagem, não permitindo assim a edição.

Pixel Layer: Ao selecionar uma pixel layer, teremos as seguintes opções:

• Bitmap image with editable layer styles: importa a layer como uma imagem e mantém a sua “Layer Style”, que no Flash é conhecida como “Blend Mode”;
• Flattened bitmap imagem: importa a layer como uma imagem qualquer.

Shape Layer: Ao selecionar uma shape layer, teremos as seguintes opções:

• Editable paths and layer styles: importa a shape do Photoshop como um vetor, mantendo todos os seus pontos e possibilitando a total edição;
• Flattened bitmap imagem: importa a layer como uma imagem qualquer.

Todos os tipos de layer, e também as pastas, tem uma outra opção muito bacana, que já converte o conteúdo da mesma em símbolo e a instância. É a opção “create movie clip for this layer”

Após marcar todas as opções corretamente, o Flash finalmente importa o PSD, e temos o seguinte resultado:

Sem dúvida este é um grande recurso da suite CS3. Existem algumas outras formas de se fazer essa integração, mas seria muito extenso falar sobre todas elas agora. Explorem este recurso, pois é muito útil. Esta “vetorização” que fizemos é muito comum no dia a dia de qualquer agência.

Quem quiser conhecer mais o meu trabalho e o de minha empresa, é só acessar www.voraz.com.br. Sempre tem algo novo no portfólio para vocês se conhecerem.

Até a próxima!