TEXTURA: EFEITO CHAMAS

É muito importante o desenvolvimento da criatividade para isso temos que praticar e para obter efeitos relevantes, é primordial termos em mente imagens, situações e todo tipo de imaginação possível.

Isso obviamente é adquirido ao longo do tempo, com muito trabalho, participação em desafios, visualizando tutoriais, etc.

Este efeito que faremos hoje é um exemplo disso, onde vamos simular uma textura em chamas. Vamos lá.

1º - Crie um novo documento 250px por 250px com o fundo preto.

2º - Com a ferramenta de forma elíptica faça um circulo no palco com fundo gradiente ondas de branco para preto.

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

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). Agora iniciaremos a parte de caracterização das chamas. 6º - Em FILTROS / AJUSTAR COR / MATIZ E SATURAÇÃO
configure como a imagem abaixo. 7º - Ainda em AJUSTAR COR, selecione a opção CURVAS:

Para obter o melhor resultado é fundamental utilizar todas as opções de canal.Detalhe, todos os pontos são criados no centro, e arrastados para as seguintes posições:
RGB

VERMELHO VERDE AZUL

Resultado:

Perceba que a imagem já vai ganhado aspecto de chamas, mas alguns passos poderão dar um melhor acabamento.
8º - Continuando a utilizar a opção FILTROS, clique em AJUSTAR COR > CONTRASTE E BRILHO com estes valores:

Acabou! Veja o resultado da imagem com mais brilho após as últimas duas partes:
Considerações finais Você pode utilizar esse recurso para criar seus banners, wobtopos ou layouts modificando e alterando cada valor, estilos de gradientes, ajustes de cores, enfim… Você pode deixar a imagem caracterizada ao seu modo.

Até a próxima.

WebTopo

Crie um novo documento 473 x 120, mas você pode deixar to tamanho que achar melhor.

Agora vamos fazer um retângulo com a ferramenta Rectangle (U). O tamanho do retângulo é de 473X30. Deixe-o sem cor, e com uma borda Cinza. Vamos fazer uma barra em cima do topo, que pode servir de menu também.

Mas vamos dar um toque na barra, com o efeito Linear. Selecione a barra e vá em Properties (Propriedades).

Clique onde esta Escrito SOLIDO (na imagem á cima) depois: Gradiente: Linear

com a ferramenta Gradiente mova o linear. Ficando assim

Nesta barra você coloca algo escrito, ou alquns links.Agora vamos fazer o resto do topo.

Usaremos aqui a fonte SPIDERMAN (clique para fazer o download), escreva o nome do seu site no topo.

Nos menus como vcs observaram eu utilizei o efeito chanfro e relevo / chanfro interno para dar esse realce, a cor da letra foi branco mesmo, utilizei o tamanho 15.

Vamos agora criar uma logomarca, usaremos então a imagem abaixo que já está preparada.

posicione o menu, titulo do site e logotipo nas posições mais adequadas ao seu estilo.

eu sugiro o seguinte:

Importe para o seu Documento no fireworks uma imagem legal (ARQUIVO/IMPORTAR (File->Import))

Use a imagem ao lado. Ajuste o tamanho da imagem a altura do webtopo e logo após gire 180 graus. Menu modificar / transformar / girar 180 graus.

Selecione a imagem e redimensione a sua largura para 10px.

Agora redimensione novamente para 473 de largura e veja que legal o efeito criado.

Deixe a imagem de fundo em baixo de todos os objetos, clique com o botão direito do Mouse na imagem de fundo e escolha:Organizar-> Enviar para trás (Arrange->Send to Back)

Até a Próxima!