topo
topo
topo
Quinta, 28 de Março de 2024.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Design » Fireworks » Tutoriais » Foto Grunge (1ª Parte)

 

Efeito Foto Grunge (1ª Parte)

Nesta matéria vou mostrar um efeito muito interessante aplicado a uma foto, que eu convencionei chamar de Foto Grunge. O efeito final deverá ficar como na imagem abaixo:

imagem 1

 

Nesta primeira parte do tutorial vamos criar o estilo que será aplicado à foto. Ao final do exercício você estará habilitado a criar e salvar seus próprios estilos para posteriormente poder aplicá-los em seus trabalhos.

Inicialmente, crie um novo documento no Fireworks (Ctrl+N) com dimensões de 250x250px e desenhe um quadrado (U) do tamanho do palco preenchido com qualquer cor.

imagem 2

 

Mude o preenchimento do quadrado para o padrão "Wood 2" indo até o Inspetor de Propriedades e clicando no campo "Fill Category". No menu que surgir selecione "Pattern", e role o submenu para baixo clicando na setinha até Wood 2.

imagem 3

 

Salve a imagem abaixo em uma pasta do seu computador pois precisaremos dela no próximo passo:

textura

 

Agora clique no campo "Texture" e role o menu para baixo até encontrar a opção "Other".

imagem 4

 

imagem 5

 

Procure no seu computador a imagem que você salvou acima, e dê um duplo clique para aplicá-la como textura do quadrado. Deixe o valor da textura em 50%. Sua imagem deverá ficar como o exemplo:

imagem 6

 

Agora vá ao Inspetor de Propriedades (Painel Properties) e clique no sinal "+" em "Effects" . No menu, vá até "Adjust Color > Brightness/Contrast" (Atenção! Não use o menu Filters! Apesar de aplicar o mesmo efeito, transforma a imagem em bitmap, o que é indesejável para o nosso trabalho).

imagem 7

 

Ajuste o filtro deslizando a barra "Brightness" até -30 e "Contrast" para 70:

imagem 8

 

O efeito será parecido com este:

imagem 9

 

Agora, no painel "Properties", clique novamente no sinal "+" em "Effects" e vá até "Shaddow and Glow > Drop Shaddow" e configure como mostra a imagem:

imagem 10

 

Novamente clique em "+" e vá até "Shaddow and Glow > Inner Shaddow" e configure como abaixo:

imagem 11

 

Excelente trabalho!! Agora chegou a hora de salvarmos o estilo recém criado. Para isso, abra o painel "Assets" e clique na aba "Styles" ou pressione "Shift+F11" no teclado. Observe no rodapé deste painel o ícone de uma folha com um sinal de +.

imagem 12

 

Clique sobre este ícone e a caixa de diálogo para um novo estilo será aberta. Basta você nomear o estilo e clicar "OK".

imagem 13

 

Prontinho! Nosso estilo está criado e disponível no painel "Assets" aba "Styles" para ser aplicado a qualquer momento.

Não perca a segunda e última parte deste tutorial onde vamos aplicar este estilo e criar o efeito sobre a foto. Fique atento!!!

 

comentar

 

Até a próxima! Dúvidas consulte o Designer's Fórum.

Ivan W. Primo
webmaster@portaldigidesign.com.br 
MSN: iwprimo@gmail.com

 

Licença Creative Commons    rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter