Meus Tutoriais

Tutoriais, Design, Programação, Linux e Tecnologia.

Efeito fundo desgastado

agosto 15th, 2007 by Lucas

fireworks.jpgVeja aqui como criar um fundo desgastado no seu Fireworks

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

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Posted in Design, Fireworks

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

Pesquisar posts


Categorias

Tutoriais Anteriores

Sites Amigos

Anúncio provido pelo BuscaPé
BlogBlogs
VoceSabia