sábado, 10 de novembro de 2007

Efeito Desgastado

::Objetivo::


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.


Veja no final desta página o menu



::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.


efeito fundo1


::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.


efeito fundo2




::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. ;-)


efeito fundo2


::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.


efeito fundo3


::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.


 


efeito fundo4


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 .


efeito fundo5


::Aplicando o efeito::


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


efeito fundo7-1