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 fundo desgastado

Ir para baixo 
AutorMensagem
Admin
Admin



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

[Tutorial] Efeito fundo desgastado Empty
MensagemAssunto: [Tutorial] Efeito fundo desgastado   [Tutorial] Efeito fundo desgastado Icon_minitimeDom Abr 13, 2008 5:11 pm

Objectivo: Mostrar uma técnica de construção de efeito desgastado em uma peça de papel para ser usada como fundo.

Visão antecipada: Este tutorial mostra uma técnica para se obter o efeito desgastado para ser usado como fundo.
Para você ter uma idéia da utilização deste efeito, montei um menu, mostrando o resultado final obtido com emprego do fundo.

Iniciando a construção:

Ajuste as dimensões do palco para 150 x 130px e a cor para branco #ffffff.

1-) Construa um retângulo de 120 x 70px na cor vermelha escuro #990033 e com uma borda branca de 1px;
2-) Ajuste a borda para a posição Inside Path;
3-) Ajuste a borda para 1-Pixel Soft, Grain 100 como mostrado na figura abaixo.

[Tutorial] Efeito fundo desgastado Eff1

Efeitos nos lados superior e inferior:

Selecione o retângulo construido e pegue a ferramenta Vetor Path Tool.

Com esta ferramenta e com os valores ajustados para a borda conforme acima mostrados faça uns "riscos" ao longo do lado superior e depois ao longo do lado inferior do retângulo .

Você deverá obter algo parecido com o mostrado na figura abaixo.

[Tutorial] Efeito fundo desgastado Eff2

Primeiro efeito dentro do retângulo:

Agora com a mesma ferramenta Vetor Path Tool faça uns rabiscos dentro do retângulo como mso9trado abaixo. Atenção não exagere nos riscos e se você não gostar da primeira tentativa, apague e tente outros riscos.

[Tutorial] Efeito fundo desgastado Eff3

Segundo efeito dentro do retângulo:

Este efeito é semelhante ao anterior, mas agora você deverá fazez linhas retas.
Use agora a ferramenta Pen Tool (caneta).
Selecione o retângulo, pegue a ferramenta Peen Tool e vá clicando e soltando para fazer os riscos retos e contínuos.

[Tutorial] Efeito fundo desgastado Eff4

Aplicando transparência nos riscos:

Para finalizar vamos aplicar transparência nos rabiscos que acabamos de fazer.
Selecione cada um dos rabiscos e aplique o índice de transparência conforme mostrado na figura abaixo.

[Tutorial] Efeito fundo desgastado Eff5

Nota: Nesta figura você pode notar que para fazer os rabiscos, não há necessidade de ficar dentro do retângulo. Observe em azul o caminhamento dos rabiscos que eu construi.

O efeito final:

Fazendo tudo certo você deverá obter o resultado final como mostrado na figura abaixo .

[Tutorial] Efeito fundo desgastado Eff6

Aplicando o efeito:

Abaixo uma aplicação do fundo na construção de um menu .

[Tutorial] Efeito fundo desgastado Menu

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

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