Flash – Conhecendo o Flash CS3 – Parte 2

Olá Comunidade.

Nessa segunda parte da série de arquivos sobre o Flash CS3, vou mostrar a você sobre as novidades com interação do Flash com os produtos da Adobe como Photoshop, Ilustrator e Fireworks, vou falar sobre 9-slice scaling, Filtros, sobre a criação de animações MotionTween via ActionScript e sobre os novos componentes do Flash.

Para a visualização dos exemplos desse tutorial é necessário que tenha instalado o Plugin do Flash Player 9.

Importando arquivos do Photoshop e Illustrator

Agora é possível importar diretamente no Flash arquivos do Illustrator (AI) e Photoshop (PSD). Anteriormente no Flash 8 quando se importava algum arquivo PSD o Flash importava como se fosse uma imagem, ignorando tudo o que você fez impossibilitando a edição no Flash.

No Flash CS3 é diferente, quando se importa um arquivo PSD ou AI no Flash, você verá várias opções de importação. Por exemplo, podemos não importar determinado objeto, importar um determinado símbolo em um MovieClip, editar, etc.

Vamos a um exemplo importando um arquivo do Photoshop. Iniciaremos um novo arquivo, para importar o arquivo iremos em File > Import > Import to Stage ou Import to Library. Quando selecionar o arquivo a seguinte tela aparece:

1: 1: Todas as camadas e objetos do arquivo PSD foram mantidos, podemos selecionar qual item da camada importar, até mesmo a camada inteira importar no flash.
2: Podemos escolher o que fazer com o Objeto a ser importado. Podemos importar um determinado objeto em um MovieClip, mudar a qualidade de uma imagem, edição ou não de algum texto, etc.
3: Podemos importar o arquivo em camadas ou frames, manter a ordem das camadar e modificar o tamanho do palco do Flash para se adaptar ao tamanho original do arquivo PSD.

Para arquivos do Illustrator, o processo de importação é o mesmo de um arquivo PSD.

1:Como para arquivos do Photoshop, podemos escolher o que importar no Flash, desde imagens, texto, bitmap, etc.
2: podemos importar uma imagem como um Bitmap para edita-las, importar um conteúdo em um MovieClip, etc.
3: Podemos importar o arquivo em camadas ou frames, importar como símbolo ou uma simples imagem de bitmap.

Importando arquivos do Fireworks

Aos usuários do Fireworks não se preocupem, o Flash CS3 também importa arquivos PNG do Fireworks. O processo de importação é o mesmo de arquivos PSD e AI, basta ir em File > Import > Import to Stage ou Import to Library. Ao selecionar o arquivo a seguinte imagem aparecerá:

Agora, podemos importar o arquivo png como um único arquivo bitmap, importar uma determinada página do Fireworks, importa em MovieClips e em frames ou importar em MovieClips e Cenas, manter ou editar um objeto e mante ou editar um texto.

9-slice scaling

Uma novidade bem legal do Flash CS3 é o 9-slice scaling. Basicamente, 9-slice scaling significa 9 fatias de dimensionamento, ou seja, basta delimitar uma área que poderá ser modificada.

Um exemplo básico acontecia quando criávamos um MovieClip como um botão. Se tínhamos que aumentar ou diminuir esse MovieClip, não podíamos dimensionar ele usando a ferramenta Scale (Q), porque tudo que estava no MovieClip iria aumentar, estragando nosso botão.

Com o 9-slice scaling, isso já não acontece. Basta arrastar essas ‘barras’ na posicação que desejar. A área que não será modificada é a área do meio.

Para utilizar esse recurso, quando criar seu MovieClip ou Botão, abra a aba Advanced e selecione a opção “enable 9-slice scaling”.

Filtros

Agora é possível copiar e colar Filtros de um Objeto para outro, economizando um tempo precioso de criação já que anteriormente para cada Objeto criado deveria colocar o Filtro manualmente, o que era trabalhoso e chato.

Para utilizar, basta abrir o Painel Filters, aplicar um filtro a um Objeto (como um MovieClip por exemplo) e depois clicar no botão “Copy Filter” e selecionar “Copy Selected” para copiar o Filtro selecionado ou “Copy All” para copiar todos os Filtros aplicados.

Depois é só colar os filtros no Objeto desejado clicando no botão “Paste Filters”.

Criando animações MotionTween via ActionScript

Uma das maiores e mais legais novidades do Flash CS3 é a possibilidade de criar animações MotionTween via ActionScript. Para fazer isso é simples, crie uma animação MotionTween que preferir, selecione o primeiro frame e segure a tecla Shift e clique no último frame (selecionando todos os frames da animação), depois vai em Edit > Timeline > Copy Motion as ActionScript 3, ou clicar com o botão direito do Mouse na Time-line e selecione o comando “Copy Motion as ActionScript 3″.

Ao selecionar o comando, O Flash abrirá uma nova tela perguntando qual a instancia do MovieClip a ser animado com esse ActionScript.

Agora basta criar um MovieClip com a mesma instancia passada no passo anterior e abrir o painel Actions e colocar as ações no frame que o MovieClip criado está.

Novos Componentes

No Flash CS3 chegamos a terceira geração dos Componentes UI (user interface), inexplicavelmente a Adobe não atualizou os componentes Accordion, Alert, DataChooser, DateField, Menu, MenuBar, Tree e Window. No Flash CS3 novos Componentes foram feitos, ColorPicker, Slider e TileList. Mesmo assim, não existia motivo para a Adobe não ter atualizado eles, resta agora criar o seu próprio componente para substituir os Componentes removidos. Ainda é possível utilizar os Componentes V2, basta criar um arquivo ActionScript 2.0.

Apesar da mancada, a Adobe foi legal conosco. Diferentemente do que acontecia com a segunda geração dos Componentes, agora podemos personalizar os Componentes com maior facilidade. Basta arrastar o Componente para o palco e clicar duas vezes em cima dele (ou clicar com o botão direito e ir em Edit) para que possa editar o Componente da maneira que achar melhor.

Considerações finais

É impossível não se animar com as novidades do Flash CS3. Todas elas visam melhorar a produtividade e tornar a vida dos Designers e dos Programadores muito mais fácil. Para os que não possuem o novo Flash, basta ir no site da Adobe e fazer o Download do Trial para se animar com as novidades.

Espero que todos tenham aproveitado o artigo, procurei mostrar as melhores novidades na parte de criação do Flash CS3. No próximo artigo irei falar um pouco sobre o novo ActionScript 3, mostrar algumas coisas básicas sobre as mudanças do ActionScript 2 para ActionSctipt 3.

Gostaria de aproveitar a oportunidade e convidar todos os leitores a visitarem meu Portfolio Online, lá você poderão encontrar todos os meus trabalhos e tutoriais desenvolvidos: http://www.natanalves.com

Um abraço a todos e até a próxima.

Autor: Natan D. Alves – Moderador do Fórum de Flash & ActionSctipt MXSTUDIO

Qualquer dúvida envie um e-mail para natanalves@mxstudio.com.br ou acesse nosso fórum