LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Flash

Feed da seção Flash

Newsletter de Flash

Patrocínio:

Segunda-feira, 21/01/2002 - 03:59 - Por Eduardo Carrega
Seções relacionadas:

Integração Fireworks x Flash

Essas comparações são as vezes providas de webdesigners e designers que não tiveram ainda a oportunidade de obter informações e técnicas concretas para utilizar o Fireworks e tudo o que ele pode oferecer de melhor em materia de designer da web, a breve comparação ao Photoshop normalmente é relevante ao tratamento digital de imagens, mas o que estamos levando em questão aqui, é o quanto Fireworks nos ajuda no desenvolvimento de sites, e realmente, não pode-se tirar o mérito do gigante Photoshop, ele realmente é impecável para o que foi desenvolvido, tratamento de imagens..., como Fireworks é impecável para seu foco, criação para web.

Dentre as grandes vantagens em se trabalhar com softwares da mesma familia, está a integração entre eles, como Corel Draw e Corel Photopain, Illustrator e Photoshop, assim também funciona a familia Web da Macromedia; Fireworks X Flash X Dreamweaver.  

O exemplo a seguir, relevela a técnica ideal para se criar essa animação que está acontecendo abaixo, partindo de uma arte feita em Fireworks, e animada em Flash.

Faça aqui o download dos arquivos PNG e FLA (zip) e acompanhe a construção.

Vamos seguir os passos:

1. Desenvolver a criação propriamente dentro do Fireworks com todos os efeitos e recursos que você ja sabe usar, caso ainda não saiba muito, continue acompanhando a coluna que em breve estarei demonstrando também recusos de construção de objetos e efeitos.



-----------------------------------------------------------------------------------------------

2. Após ter utilizado os recusso de multiply em camadas ou nos objetos, o segredo do sucesso da exportação para o flash consiste em converter todos os elementos com efeitos editaveis em bitmap, mas isto só se faz no momento da exportação para flash, durante a edição, é necessário os elementos ainda estarem em estado de edição.

Para efetuar a conversão, clique com o botão direito do mouse sobre o objeto e selecione "Convert to Bitmap".



a conversão das fontes também se faz necessário, pois o arquivo exportado ao final, irá armazenar o texto, porém nem a fonte, nem a formatação correta.



3. Finalizados os procedimentos de conversões, basta um clique com o botão direito do mouse na área externa cinza do arquivo e solicitar Export ou Export Preview. a diferença entre ambos é que no Preview, é possivelfazer todas as moficações de formato de saída.



Agora, na tela abaixo, é onde você configura o formato de saída do arquivo, mas no caso, não é necessário a configuração de absolutamente nada pois vamos usar a exportação SWF do Fireworks.

Esta é mais uma boa dica, o melhor formato de entrada de arquivos no Flash é o que ele próprio gera, SWF, e quanto aos bitmaps? o que acontece com eles?

Os bitmaps que são incluidos no Flash por esse metodo tornam-se ineditáveis, porém, ja são exportados em formato PNG8, ou seja, mantendo o canal alpha de suas transparências intáctas, evitando assim o velho serrilhado branco do gif, que a tempos deixou de ser um problema desde o surgimento do formato PNG.

Para efetuar a exportação, portanto basta clicar em "Export".



Nessa proxima tela, configura-se o loval da exportação e tipo de objeto a ser gerado, estarei explicando todos eles ao decorrer das matérias.

Selecione "Macromedia Flash SWF", em seguida em "salvar", a partir daí você ja possui um arquivo SWF perfeito, vamos ao próximo passo agora.



4. Abra o Flash, e em um arquivo novo, importe o swf exportado pelo Fireworks. (acesso por file/import ou ctrl+R)



Logo em seguida, você tem o arquivo swf importado com todos os elementos separados e dispostos na biblioteca do Flash para utilização, para os mais conhecedores de Flash, sabem que já que todos são symbols, não haverá mais a necessidade de criação de motion tween, que geram novos symbols e começam a sobrecarregar o tamanho final do arquivo, dessa forma todos os elementos ja estão prontos também para serem distribuídos em camadas e animados separadamente e receberem qualquer modificação pelo painel efect.



Veja abaixo uma demonstração de como voce pode movimentar livremente cada elemento dentro do Flash, repare nos elementos bitmaps que conseguem dentro do flash simular o efeito de" Multiply", as perfeitas transparências sem serrilhados brancos ou qualquer outro impecílio.



Exemplo dos elementos já distribuídos em layers no Flash, com a animação quase finalizada.




-----------------------------------------------------------------------------------------------
O resultado.

Dicas:

a. Se quiser reeditar algum elemento bitmap do arquivo Flash,você pode tomar 2 procedimentos:

.1 - Gerar a figura separadamente no Fireworks e exporta-la em formato PNG8 com Alpha transparence.

.2 - Abrir o PNG no Fireworks, fazer as alterações necessárias e reexportar o arquivo SWF, desta vez com outro nome, efetuar a importação em um arquivo em branco do Flash, copiar o objeto alterado e colá-lo dentro do symbol referente ao alterado. Dessa forma, todo conjunto sera alterado instantâneamente.

b. Compressão das Imagens no Flash:

.1 - Quando o arquivo tem saída direta do Fireworks para Flash, seu bitmaps como já foi exclarecido, dé entrada no Flash como PNG8 com Alpha tranparene, sendo assim, a reconversão para JPG 50% ou qualquer outro formato torna-se desnecessária, pois o Flash, por alguma questão, trata de um jeito especial essas imagens, e o arquivo acaba ficando mais leve que se recomprimido em JPG, façam o teste se duvidarem!

c. Gradientes complexos também devem ser convertidos em bitmaps antes da exportação, já que o Fireworks possui uma biblioteca de gradintes mais evoluida e com mais tipos padrões em relação a do Flash.

____________________________________________________

Faça aqui o download dos arquivos PNG e FLA

PNG8 é um bom formato pois no Flash suporta o canal alpha e no HTML tem as mesmas características de um gif, no máximo 256 cores, em alguns casos mais leve e de maior qualidade.

Todos os artigos de Eduardo Carrega

1 comentários publicados

  • 1. mt bom..

    Quinta-feira, 29/06/2006, por cairo cavalcante

    show de bola essa matéria..mais eu toh com um probleminha.. meu Studio Macromedia é a versão 8 e naum tem as mesmas opções do Studio mx ou o mx 2004...

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Eduardo Carrega é Instrutor em tecnologias Macromedia e trabalha com desenvolvimento de projetos web utilizando Fireworks há 5 anos.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.