Efeito chamas


Coluna Fireworks – Efeito chamas

Tudo bem Fireworkes de plantão?

A perseverança para criar efeitos explorando os recursos do Fireworks muitas vezes me surpreende, pois em alguns casos o resultado acaba sendo melhor que o esperado. Foi isso que senti quando finalizei esta coluna, que com grande prazer, disponibilizo para todos.

Introdução

O que mais fazemos quando precisamos de uma imagem para compor um trabalho? Normalmente corremos atrás da mesma utilizando sistemas de busca, banco de imagens, entre outros. Nesta coluna prometo que imagem em chamas, não será preciso utilizar tais mecanismos.

Pré-requisitos

Este efeito foi elaborado na versão oito do Adobe Fireworks, mas pode muito bem ser criado nas demais versões.

Objetivo

Criar imagem caracterizada em chamas.


1º - Crie um novo documento (ctrl + n) de 250px height por 250px width fundo preto.

1) Largua do palco – 2) Comprimento – 3) Resolução – 4) Fundo branco – 5) Transparente – 6) Opção de cores

2º - Com a ferramenta elipse tool (ctrl + u) faça um circulo no palco com fundo gradient waves de branco para preto.

3º - Com o circulo selecionado, clique em edges no painel de propriedades, escolha a opção feather com valor 100.

1) Preenchimento – 2) Borda nevoada (Feather) – 3) Valor

A imagem ficará com este aspecto:

4º - Multiplique o circulo alterando a posição de cada um e preenchendo todo o palco. Viste exemplo abaixo:

5º - Selecione todos e agrupe-os (ctrl + g).
Detalhe: Utlizei 15 objetos, que correspondem aos círculos que foram copiados e colados.

Agora iniciaremos a parte de caracterização das chamas.

6º - Em filters (painel de propriedades no canto direito baixo), selecione adjust colors > hue/saturation e configure:

1) Matiz – 2) Saturação – 3) Luminosidade – 4) Colorir – 5) Visualização

Ganhando cor:

7º - Ainda em adjust colors, selecione a opção curves:

Para obter o melhor resultado é fundamental utilizar todas as opções de canal (channel).

Detalhe, todos os pontos são criados no centro, e arrastados para as seguintes posições:

RGB

1) Canal – 2) Ajuste automático- 3) Pontos de ajustes – 4) Seleciona cor de sombreamento- 5) Visualização – 6) Altera a posição dos pontos – 7) Entrada de escala cores que vai de 0 a 255 – 8) Saída de cores

RED

GREEN

BLUE

Resultado:

Perceba que a imagem já vai ganhado aspecto do que foi proposto, porém mais alguns passos servirão para acabamento.

8º - Em filters, clique em blur > motion blur:

Defina estes valores:

1) Ângulo – 2) Distância

9º - Continuando a utilizar a opção filters, clique em adjust colors > brightness contrast com estes valores:

1) Brilho – 2) Contraste – 3) Visualização

Acabou! Veja o resultado da imagem com mais brilho após as últimas duas partes:

Para não deixar no vazio utilizei alumas copias e máscaras no logo do MX.


Considerações Finais

Tudo que foi aprendido pode é deve ser trabalhado por você modificando e alterando cada valor, estilos de gradientes, ajustes de cores, enfim… Você pode deixar a imagem caracterizada ao seu modo.

Autor: Rafael Silva Vaz – Colunista de Fireworks do MXStudio.

Dúvidas, acesse nosso fórum ou www.fireblog.site.br.com, meu blog pessoal que contém esta e outras colunas sobre Fireworks.

Grande abraço e até a próxima

Escrito por Rsv on junho 27, 2006. Arquivado em Fireworks. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

4 respostas a Efeito chamas

  1. ficou muito show e com a mesma tecnica da para fazer um efeito de tecido de seda.
    valeu

  2. EU ME ATRAPALHEI TODO NAS CURVAS, E ACABOU FICANDO VERDE E AMARELO O RESULTADO FINAL…

  3. Meu fire works naum usa elipse tools ;O

  4. Eu sou suspeita em elogiar qualquer tipo de matéria, porque acho o site de vocês simplesmente magnifico… para nós iniciantes vocês ajudão de mais a entender com um alinguagem simples isto é muito importante…Parabens a todos que participão com aulas vocês são ferasss…… um abraço Di…

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>