Virtual World
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Virtual World

Forum sobre: design, tutoriais, hardware, software, downloads, musica, playstations, etc
 
InícioÚltimas imagensProcurarRegistarEntrar

 

 [Tutorial] Efeito fogo

Ir para baixo 
AutorMensagem
Admin
Admin



Mensagens : 31
Data de inscrição : 05/04/2008

[Tutorial] Efeito fogo Empty
MensagemAssunto: [Tutorial] Efeito fogo   [Tutorial] Efeito fogo Icon_minitimeDom Abr 13, 2008 5:07 pm

Objetivo: Mostrar uma técnica de construção de efeito fogo.

Visão antecipada: Este tutorial mostra uma técnica para se obter o efeito fogo conforme mostrado nesta
VISÃO ANTECIPADA.

Novo documento:

Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento".

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 450 pixels - Altura: 250 pixels

Cor da Tela: Preta - #000000

Tecle OK.

A forma inicial:

Construa, ocupando a metade inferior do palco, um retângulo com cor de preenchimento branca e sem linha de contorno, conforme mostrado na figura abaixo.

Com o retângulo selecionado transforme-o em bitmap teclando Shift + Ctrl + Alt + Z ; ou use o menu Modify ==> Flatten Selection ;

[Tutorial] Efeito fogo Fogo1

Aplicando o primeiro efeito - Smudge Tool:

Selecione o retângulo e escolha a ferramenta Smudge tool ajustando os parâmetros Size, Edge, Shape e Pressure conforme mostrado

[Tutorial] Efeito fogo Fogo1a

Com a ferramenta escolhida arraste sobre a parte superior do retângulo branco para cima em direção ao palco preto e para os lados.

Pratique um pouco e você conseguirá facilmente obter as "línguas de fogo" em cima do retângulo branco . Construa algumas poucas destas línguas espaçadas uma da outra.

Altere o valor Size da ferramenta para 25 e construa mais algumas línguas espaçadas.
Altere novamente o valor Size da ferramenta agora para 15 e construa mais algumas línguas.

Você irá perceber que para cada valor Size vai obter "linguas" menores.

Pratique um pouco e procure acertar o aspecto das "linguas" o mais próximo possível do real.

No fim você obterá algo talvez até melhor do que eu obtive e mostro a seguir:

[Tutorial] Efeito fogo Fogo2

Aplicando o segundo efeito - Hue/Saturation:

Selecione o retângulo e abra o menu: Filters (Alt + i) ==> Adjust Color ==> Hue/Saturation;
Ajuste os parâmetros do efeito conforme mostrado na figura e tecle OK

[Tutorial] Efeito fogo Fogo3

Duplicando o layer criado:

Siga a numeração na figura

1-) Clique no triangulozinho do painel Layer para abrir um menu suspenso.

No menu que se abre escolha Duplicate Layer...

2-) Marque Before current layer (antes do layer atual)

3-) Tecle OK

4-) Observe que foi criada uma cópia do Layer 1 'em cima' (antes dele) chamada Layer 2

[Tutorial] Efeito fogo Fogo4

Aplicando o terceiro efeito - Hue/Saturation no Layer 2:

Selecione o Layer 2 (Basta clicar em cima dele no painel Layers);

Abra o menu: Filters (Alt + i) ==> Adjust Color ==> Hue/Saturation;

Ajuste os parâmetros do efeito conforme mostrado na figura e tecle OK.

[Tutorial] Efeito fogo Fogo5

Aplicando o quarto efeito - Color:

Selecione o Layer 2;

Abra o menu suspenso, indicado pela seta vermelha na figura, do painel Layer e escolha Color para o Layer 2.

[Tutorial] Efeito fogo Fogo6

Finalizando:

Escolha a ferramenta Crop e recorte como mostrado a seguir.

[Tutorial] Efeito fogo Fogo7

Nota: Quanto maior sua habilidade na manipulação da ferramenta Smudge Tool tanto mais real será o resultado final do efeito.

Pois, como você deve ter notado foi com esta ferramenta que criamos as labaredas do fogo.


FIM flower
Ir para o topo Ir para baixo
https://virtualworld.forumeiros.com
 
[Tutorial] Efeito fogo
Ir para o topo 
Página 1 de 1
 Tópicos semelhantes
-
» [Tutorial] GIF animada
» [Tutorial] Efeito chuva
» [Tutorial] Efeito de Tinta no Fireworks
» [Tutorial] Efeito fundo desgastado

Permissões neste sub-fórumNão podes responder a tópicos
Virtual World :: Design :: Trabalhos e Tutoriais de Macromedia Fireworks-
Ir para: