Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Efeito fundo desgastado:..

Baseado em tutorial publicado no site solar dream studio


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


Site criado em 22 de julho de 2004 por Maurcio Samy Silva Direitos de terceiros reservados 2004-2017.
Contedos no pertencentes a terceiros podem ser copiados vontade (crdito ser bem-vindo).
Powered by: Maujor ®