PUBLICIDADE
Este artigo tem nota
8,83

Autor

xxnandoxx

Fernando A. Justin

membro deste fevereiro de 2008

Tags

Enquete

Que linguagem server-side você utiliza?
PUBLICIDADE

domingo, 2 de março de 2008

Efeito metálico e reflexo usando o FireWorks


Primeiramente, abra um novo documento no FireWorks, escolha um cor de fundo, nesse tutorial eu usei um “Azul” escuro – Cor: #000099

Digite no palco de texto a cor “Branca” #FFFFFF

Com o texto selecionado abra o menu popup Effects ==] Bevel and Emboss ==] Inner Bevel;

Ajuste os parâmetros conforme mostrado na figura: Smooth - 15 - 75% - 7 - 135 - Raised

O texto deverá assumir a aparência mostrada.




Aplicar o filtro curves

Selecione o texto e vá ao menu Filters ==] Adjust Colors ==] Curves;

Clique sobre a linha do gráfico e arraste os pontos conforme mostrado na figura;O texto deverá assumir a aparência mostrada.




Aplicar o efeito bevel boss

Com o texto selecionado abra o menu popup Effects ==] Eye Candy 4000 LE ==] Bevel Boss;

Na janela que se abre clique na aba "Lighting" para trazer a caixa que contém "Shadow Color", conforme mostrado na figura;

Clique sobre o quadradinho ao lado esquerdo de "Shadow Color" e altere a cor para um tom de cinza clarinho.

Vá experimentando tons mais claros até obter um efeito satisfatório;

Clique OK para retornar ao palco, com o efeito aplicado.

O efeito metálico está concluído.




Colocando o Reflexo

Clone o texto

Para clonar: selecione o texto e tecle Ctrl + Shift + D.

Observe no painel "Layers" dois textos, um exatamente em cima do outro.

Com um dos textos selecionados vá ao menu Modify ==] Transform ==] Flip Vertical isto coloca um dos textos de cabeça para baixo ainda sobre o outro;

Desloque o texto para uma posição como mostrado na figura abaixo.




Criando uma Máscara

Desenhe um retângulo sobre o texto de baixo e aplique um gradiente preto/branco como mostrado na figura abaixo;

Pegue a ferramenta de seleção setinha branca clique e arraste sobre o retângulo e o texto de baixo para selecionar ambos;

Vá ao menu Modify ==] Mask ==] Group as Mask;

Você obterá o reflexo no texto.




Ajustando o Reflexo

É provável que o reflexo necessite de uns ajustes;

No painel "layers" clique sobre o thumbnail da máscara (o retângulo com uma canetinha) com esta ação você trará sobre o texto a linha para ajuste do degradê desloque e ajuste o degradê até obter o reflexo desejado;

ArquivoTipoTamanho 
fireworks-efeito-metalico.docArquivo DOC140 KbBaixar o Arquivo

Sim   Não   Este artigo foi útil para você?
NotaComentário
9
guiski comentou em 12/3/2012

Bom

Muito legal o tuto, parabens !
10
brunaluxo comentou em 5/11/2010

legal

achei simples e fica otimo
10
usertop comentou em 27/11/2009

Legal

Legal fica bem maneiro
9
dgf comentou em 19/11/2008

Valeu

Valeu Fernando, mais um efeito que eu precisava fazer no FW......muito bom
5
luizbueno comentou em 2/4/2008

Bacana

Achei Bacana o artigo.....bem explicado
10
xxnandoxx comentou em 18/3/2008

Duvida

Daew galera, espero que tenham gostado desce tutorial, qual quer duvida só me envia um e-mail que respondo ( Fernando@rg.com.br )

t+++
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

© 2006-2013 R&W Informática Ltda. - Todos os direitos reservados. - Política de Privacidade | Mapa do Site