Muitas vezes queremos uma transparência perfeita nas imagens bitmaps importadas, utilizando o Flash, e não conseguimos, ou fica meio tosco dependendo da maneira utilizada, por exemplo, com gifs transparentes, que fica horrível, com serrilhado, bordas brancas. etc.
Então, depois de milhares de testes com PNGs, GIFs, BMPs, JPGs, etc e control C daqui e control V dali, cheguei a uma conclusão de que a interação Fireworks e Flash, no quesito transparência de imagem, é perfeita! Talvez por isso ele não tenha sido retirado do pacote Adobe Suíte, pois o Photoshop não consegue essa interação.
Para iniciar, abra sua imagem no Fireworks, dê um zoom até ver os pixels, e , com a ferramenta borracha, configurada conforme mostra a imagem abaixo, faça o contorno de toda a imagem a ser recortada.
Depois de suar o sovaco e doer o olho, sua imagem deve ter ficado com este contorno branco, exatamente igual a minha, conforme abaixo:
Agora com a ferramenta Varinha Mágica, vamos dar uma de fada-madrinha e, com as configurações abaixo, vamos selecionar as áreas que ficaram de fora do recorte, e que queremos que desapareçam, ou melhor, sejam transparentes lá no Flash.
E, estando corretamente selecionadas (Sem vazamentos), apertamos o DELETE para excluir a área indesejada.
Agora, novamente com a ferramenta borracha configurada conforme abaixo, vamos apagar as sobras que restaram após esse delete das áreas indesejadas, dando um acabamento na obra.
Ao final, seu cavalinho, digo, sua imagem , deve estar mais ou menos assim, recortadinha, mas ainda com um pequeno problema, e agora que vem a parte legal da transparência perfeita.
Quando você estava fazendo o contorno, era impossível fazê-lo em volta de pêlos e capim, por exemplo. No braço, fica tosco, essa é a verdade. Então vamos usar agora a ferramenta Borrar (O dedinho), com as configurações conforme da imagem abaixo,
Utilizando a ferramenta Borrar (e o Zoom) podemos puxar "fios" da imagem, e estes "fios" vão se apagando a medida que acabam, produzindo assim, um efeito degradê da tonalidade da cor para a transparência. O que no Flash será interpretado como um Alpha de Bitmap e ficará perfeito.
Depois para acabar com chave de ouro, lá no HTML que chama o .SWF, sua animação poderá ter um parâmetro WMODE="transparent" que vai funcionar sobre qualquer elemento do seu site.
Assim conseguimos uma transparência perfeita.
O resultado ficou assim: O cavalo e o capim estão no flash e são independentes, e o fundo é uma imagem JPG no contexto do HTML, e não no Flash, que está com a transparência.
Nenhum comentário:
Postar um comentário