Design & UX

18 set, 2009

Efeito de Fumaça no Fireworks

Publicidade

Criar efeitos de fumaça era um dos trabalhos mais dificeis para as
agencias quando iniciaram impressao de cartazes e impressos
fotográficos antes do avanço da computação gráfica.

Hoje criar efeitos de fumaça tornou-se uma tarefa simples que pode ser feita em poucos passos, vamos lá.

Lembrando que este efeito é feito totalmente com ferramentas nativas do Fireworks, sem ajuda de plugins ou addons.

Lembrando que este efeito foi criado na versão CS4, mas tambem funciona em outras versões como CS3 e 8.

Primeiro de tudo, você precisa de uma imagem que sirva de base para a fumaça no caso escolhi uma xicara.

Veja na miniatura ao lado que a foto original não tinha o café, eu o fiz café no proprio Fireworks

Agora desenhe a parte uma forma qualquer no caso desenhei algumas circuferências como você pode ver na imagem abaixo.

Uma vez a imagem desenhada importe-a sobre a foto que deseja adicionar a fumaça e depois solde todas as formas.

Veja que os circulos que foram importado estão soldados

O grande segredo deste efeito está justamente no preenchimento que é
feito pelo degradê waves, traduzindo degrade de ondas, para este efeito
variando de Branco para Preto (White, Black) e com a propriedade Edge
ajustado para Feather, que deixa um borrado no vetor, na variação 100.

Vetor com Degradê Waves, variando de Branco para Preto com o Edge ajustado para Feather em 100

Mas ainda  tem alguns detalhes para serem corrigidos como o preto
que insiste prevalecer sobre o fumaça, a alta definição do branco no
meio da fumaça.

Bem vamos iniciar o acabamento pelo passo que considero  o mais importante, o modo Blend.

Por
padrão a imagem está com o modo Blend em normal que acaba deixando os
restos pretos do degradê, para corrigir isto mude a configuração do
modo Blend para Screen que faz com que o todo fundo escuro torne-se
transparente.

Após para reduzir a alta definição das partes claras da fumaça, basta desfocar a camada usando o Filter -> Blur -> Gaussian Blur se você utiliza versão em português do Fireworks vá em Filtro -> Desfoque -> Desfoque Gaussiano. Lembrando que para todo efeito não existe medida exata pois depende sempre do tamanho da imagem.

Após isto você pode duplicar a camada e girar o degrade para outro angulo.

O resultado final deste trabalho será o seguinte.

Acompanhem as novidades no meu blog no enredeço www.raphaelfiga.com.

Comentem e até o próximo artigo.

Nos vemos do Intercon 2009!